Outiref































	
		
			<!DOCTYPE html>






























































<html class="ltr" dir="ltr" lang="fr-FR">

<head>
	<title>Ooredoo Algérie - Offres Mobile, Internet et Services - Ooredoo Algeria</title>

	<meta content="initial-scale=1.0, width=device-width" name="viewport" />
	<script src="https://www.ooredoo.dz/o/ooredoo-theme/js/flowbite.js"></script>
	<script src="https://www.ooredoo.dz/o/ooredoo-theme/js/swiper-bundle.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/flowbite@1.5.4/dist/flowbite.min.css" />































<meta content="text/html; charset=UTF-8" http-equiv="content-type" />









<meta content="Ooredoo vous propose les meilleurs offres Mobile, Internet et Service pour les particuliers et entreprises. Découvrez nos offres et services dès maintenant !" lang="fr-FR" name="description" /><meta content="offres internet algerie, offres mobile algérie, ooredoo algérie, offres mobilis internet, meilleur offre mobile algerie, meilleur offre mobile ooredoo, meilleur offre mobile mobilis, meilleur offre mobile djezzy, meilleur offre internet algerie, internet algerie telecom, meilleur offre internet algerie telecom, meilleur offre internet djezzy, meilleur offre internet mobilis, meilleur offre internet ooredoo, services, services à valeurs ajoutées, internet, offre, offres, mobile." lang="fr-FR" name="keywords" />


<script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@liferay/language/":"/o/js/language/","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://www.ooredoo.dz/o/admin-theme/images/clay/icons.svg'; Liferay.Icons.spritemap = 'https://www.ooredoo.dz/o/ooredoo-theme/images/clay/icons.svg';</script>
<script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script>
<script data-senna-track="permanent" src="/combo?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830063842&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script>
<link data-senna-track="temporary" href="https://www.ooredoo.dz/fr/" rel="canonical" />
<link data-senna-track="temporary" href="https://www.ooredoo.dz/fr/particuliers" hreflang="fr-FR" rel="alternate" />
<link data-senna-track="temporary" href="https://www.ooredoo.dz/ar" hreflang="ar-SA" rel="alternate" />
<link data-senna-track="temporary" href="https://www.ooredoo.dz/personal/home-page" hreflang="en-US" rel="alternate" />
<link data-senna-track="temporary" href="https://www.ooredoo.dz/personal/home-page" hreflang="x-default" rel="alternate" />
<meta property="author" content="Ooredoo Algérie">
<meta property="language" content="Français">
<meta property="robots" content="index,follow">
<meta property="og:description" content="Ooredoo vous propose les meilleurs offres Mobile, Internet et Service pour les particuliers et entreprises. Découvrez nos offres et services dès maintenant !">
<meta property="og:locale" content="fr_FR">
<meta property="og:locale:alternate" content="fr_FR">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="ar_SA">
<meta property="og:site_name" content="Ooredoo Algeria">
<meta property="og:title" content="Ooredoo Algérie - Offres Mobile, Internet et Services - Ooredoo Algeria">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.ooredoo.dz/fr/">


<link href="/documents/20121/0/favicon.ico/02467a10-2870-8074-e143-55d4debcf914" rel="apple-touch-icon" />
<link href="/documents/20121/0/favicon.ico/02467a10-2870-8074-e143-55d4debcf914" rel="icon" />



<link class="lfr-css-file" data-senna-track="temporary" href="https://www.ooredoo.dz/o/ooredoo-theme/css/clay.css?browserId=firefox&amp;themeId=ooredootheme_WAR_ooredootheme&amp;minifierType=css&amp;languageId=fr_FR&amp;t=1790830072000" id="liferayAUICSS" rel="stylesheet" type="text/css" />









	<link href="/combo?browserId=firefox&amp;minifierType=css&amp;themeId=ooredootheme_WAR_ooredootheme&amp;languageId=fr_FR&amp;com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_uapy:%2Fo%2Fasset-publisher-web%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ynju:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1790830072000" rel="stylesheet" type="text/css"
 data-senna-track="temporary" id="51f98a6" />








<script type="text/javascript" data-senna-track="temporary">
	// <![CDATA[
		var Liferay = Liferay || {};

		Liferay.Browser = {
			acceptsGzip: function () {
				return false;
			},

			

			getMajorVersion: function () {
				return 3.5;
			},

			getRevision: function () {
				return '1.9';
			},
			getVersion: function () {
				return '3.5';
			},

			

			isAir: function () {
				return false;
			},
			isChrome: function () {
				return false;
			},
			isEdge: function () {
				return false;
			},
			isFirefox: function () {
				return true;
			},
			isGecko: function () {
				return true;
			},
			isIe: function () {
				return false;
			},
			isIphone: function () {
				return false;
			},
			isLinux: function () {
				return false;
			},
			isMac: function () {
				return false;
			},
			isMobile: function () {
				return false;
			},
			isMozilla: function () {
				return true;
			},
			isOpera: function () {
				return false;
			},
			isRtf: function () {
				return true;
			},
			isSafari: function () {
				return false;
			},
			isSun: function () {
				return false;
			},
			isWebKit: function () {
				return false;
			},
			isWindows: function () {
				return true;
			}
		};

		Liferay.Data = Liferay.Data || {};

		Liferay.Data.ICONS_INLINE_SVG = true;

		Liferay.Data.NAV_SELECTOR = '#navigation';

		Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';

		Liferay.Data.isCustomizationView = function () {
			return false;
		};

		Liferay.Data.notices = [
			
		];

		(function () {
			var available = {};

			var direction = {};

			

				available['en_US'] = 'anglais\x20\x28États-Unis\x29';
				direction['en_US'] = 'ltr';

			

				available['ar_SA'] = 'arabe\x20\x28Arabie\x20saoudite\x29';
				direction['ar_SA'] = 'rtl';

			

				available['ca_ES'] = 'catalan\x20\x28Espagne\x29';
				direction['ca_ES'] = 'ltr';

			

				available['zh_CN'] = 'chinois\x20\x28Chine\x29';
				direction['zh_CN'] = 'ltr';

			

				available['nl_NL'] = 'néerlandais\x20\x28Pays-Bas\x29';
				direction['nl_NL'] = 'ltr';

			

				available['fi_FI'] = 'finnois\x20\x28Finlande\x29';
				direction['fi_FI'] = 'ltr';

			

				available['fr_FR'] = 'français\x20\x28France\x29';
				direction['fr_FR'] = 'ltr';

			

				available['de_DE'] = 'allemand\x20\x28Allemagne\x29';
				direction['de_DE'] = 'ltr';

			

				available['hu_HU'] = 'hongrois\x20\x28Hongrie\x29';
				direction['hu_HU'] = 'ltr';

			

				available['ja_JP'] = 'japonais\x20\x28Japon\x29';
				direction['ja_JP'] = 'ltr';

			

				available['pt_BR'] = 'portugais\x20\x28Brésil\x29';
				direction['pt_BR'] = 'ltr';

			

				available['es_ES'] = 'espagnol\x20\x28Espagne\x29';
				direction['es_ES'] = 'ltr';

			

				available['sv_SE'] = 'suédois\x20\x28Suède\x29';
				direction['sv_SE'] = 'ltr';

			

			let _cache = {};

			if (Liferay && Liferay.Language && Liferay.Language._cache) {
				_cache = Liferay.Language._cache;
			}

			Liferay.Language = {
				_cache,
				available,
				direction,
				get: function(key) {
					let value = Liferay.Language._cache[key];

					if (value === undefined) {
						value = key;
					}

					return value;
				}
			};
		})();

		var featureFlags = {"LPD-10964":false,"LPS-193884":false,"LPD-30371":false,"LPS-178642":false,"LPS-193005":false,"LPD-31789":false,"LPD-10562":false,"LPD-11212":false,"LPS-114786":false,"COMMERCE-8087":false,"LPD-13311":true,"LRAC-10757":false,"LPS-180090":false,"LPS-178052":false,"LPS-189856":false,"LPD-21414":false,"LPS-185892":false,"LPS-186620":false,"LPD-10727":false,"LPS-184404":false,"LPS-198183":false,"LPD-35678":false,"LPD-6378":false,"LPS-153714":false,"LPS-96845":false,"LPD-11848":false,"LPS-170670":false,"LPD-7822":false,"LPS-169981":false,"LPS-177027":false,"LPD-11003":false,"LPD-32247":false,"LPS-135430":false,"LPD-20556":false,"LPS-134060":false,"LPS-164563":false,"LPD-28830":false,"LPD-27222":false,"LPS-122920":false,"LPS-199086":false,"LPD-35128":false,"LPD-10588":false,"LPD-13778":true,"LPD-11313":false,"LPD-6368":false,"LPS-202104":false,"LPD-19955":false,"LPS-187142":false,"LPD-35443":false,"LPD-15596":false,"LPD-11232":false,"LPS-196935":true,"LPS-176691":false,"LPS-197909":false,"LPD-29516":false,"COMMERCE-8949":false,"LPD-11228":false,"LPS-153813":false,"LPD-17809":false,"COMMERCE-13024":false,"LPS-165482":false,"LPS-193551":false,"LPS-197477":false,"LPS-174816":false,"LPS-186360":false,"LPD-32867":false,"LPS-153332":false,"LPD-35013":true,"LPS-179669":false,"LPS-174417":false,"LPD-11147":false,"LPD-31212":false,"LPD-18221":false,"LPS-155284":false,"LRAC-15017":false,"LPD-19870":false,"LPS-200108":false,"LPD-20131":false,"LPS-159643":false,"LPS-129412":false,"LPD-21265":false,"LPS-169837":false,"LPD-20379":false};

		Liferay.FeatureFlags = Object.keys(featureFlags).reduce(
			(acc, key) => ({
				...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true
			}), {}
		);

		Liferay.PortletKeys = {
			DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
			DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
			ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
		};

		Liferay.PropsValues = {
			JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
			UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 5048576000
		};

		Liferay.ThemeDisplay = {

			

			
				getLayoutId: function () {
					return '23';
				},

				

				getLayoutRelativeControlPanelURL: function () {
					return '/fr/group/guest/~/control_panel/manage';
				},

				getLayoutRelativeURL: function () {
					return '/fr/particuliers';
				},
				getLayoutURL: function () {
					return 'https://www.ooredoo.dz/fr/particuliers';
				},
				getParentLayoutId: function () {
					return '0';
				},
				isControlPanel: function () {
					return false;
				},
				isPrivateLayout: function () {
					return 'false';
				},
				isVirtualLayout: function () {
					return false;
				},
			

			getBCP47LanguageId: function () {
				return 'fr-FR';
			},
			getCanonicalURL: function () {

				

				return 'https\x3a\x2f\x2fwww\x2eooredoo\x2edz\x2ffr\x2f';
			},
			getCDNBaseURL: function () {
				return 'https://www.ooredoo.dz';
			},
			getCDNDynamicResourcesHost: function () {
				return '';
			},
			getCDNHost: function () {
				return '';
			},
			getCompanyGroupId: function () {
				return '20123';
			},
			getCompanyId: function () {
				return '20097';
			},
			getDefaultLanguageId: function () {
				return 'en_US';
			},
			getDoAsUserIdEncoded: function () {
				return '';
			},
			getLanguageId: function () {
				return 'fr_FR';
			},
			getParentGroupId: function () {
				return '20121';
			},
			getPathContext: function () {
				return '';
			},
			getPathImage: function () {
				return '/image';
			},
			getPathJavaScript: function () {
				return '/o/frontend-js-web';
			},
			getPathMain: function () {
				return '/fr/c';
			},
			getPathThemeImages: function () {
				return 'https://www.ooredoo.dz/o/ooredoo-theme/images';
			},
			getPathThemeRoot: function () {
				return '/o/ooredoo-theme';
			},
			getPlid: function () {
				return '33';
			},
			getPortalURL: function () {
				return 'https://www.ooredoo.dz';
			},
			getRealUserId: function () {
				return '20101';
			},
			getRemoteAddr: function () {
				return '172.20.0.3';
			},
			getRemoteHost: function () {
				return '172.20.0.3';
			},
			getScopeGroupId: function () {
				return '20121';
			},
			getScopeGroupIdOrLiveGroupId: function () {
				return '20121';
			},
			getSessionId: function () {
				return '';
			},
			getSiteAdminURL: function () {
				return 'https://www.ooredoo.dz/group/guest/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
			},
			getSiteGroupId: function () {
				return '20121';
			},
			getURLControlPanel: function () {
				return '/fr/group/control_panel?refererPlid=33';
			},
			getURLHome: function () {
				return 'https\x3a\x2f\x2fwww\x2eooredoo\x2edz\x2fweb\x2fguest';
			},
			getUserEmailAddress: function () {
				return '';
			},
			getUserId: function () {
				return '20101';
			},
			getUserName: function () {
				return '';
			},
			isAddSessionIdToURL: function () {
				return false;
			},
			isImpersonated: function () {
				return false;
			},
			isSignedIn: function () {
				return false;
			},

			isStagedPortlet: function () {
				
					
						return false;
					
				
			},

			isStateExclusive: function () {
				return false;
			},
			isStateMaximized: function () {
				return false;
			},
			isStatePopUp: function () {
				return false;
			}
		};

		var themeDisplay = Liferay.ThemeDisplay;

		Liferay.AUI = {

			

			getCombine: function () {
				return true;
			},
			getComboPath: function () {
				return '/combo/?browserId=firefox&minifierType=&languageId=fr_FR&t=1790830027479&';
			},
			getDateFormat: function () {
				return '%d/%m/%Y';
			},
			getEditorCKEditorPath: function () {
				return '/o/frontend-editor-ckeditor-web';
			},
			getFilter: function () {
				var filter = 'raw';

				
					
						filter = 'min';
					
					

				return filter;
			},
			getFilterConfig: function () {
				var instance = this;

				var filterConfig = null;

				if (!instance.getCombine()) {
					filterConfig = {
						replaceStr: '.js' + instance.getStaticResourceURLParams(),
						searchExp: '\\.js$'
					};
				}

				return filterConfig;
			},
			getJavaScriptRootPath: function () {
				return '/o/frontend-js-web';
			},
			getPortletRootPath: function () {
				return '/html/portlet';
			},
			getStaticResourceURLParams: function () {
				return '?browserId=firefox&minifierType=&languageId=fr_FR&t=1790830027479';
			}
		};

		Liferay.authToken = 'Jbp5lsRj';

		

		Liferay.currentURL = '\x2ffr\x2fparticuliers\x3fgad_source\x3d1\x26gad_campaignid\x3d20328789526\x26gbraid\x3d0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x26gclid\x3dCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE';
		Liferay.currentURLEncoded = '\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE';
	// ]]>
</script>

<script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830027479&', waitTimeout: 30000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=firefox&languageId=fr_FR&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830027479&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-aui-web/aui/aui-base-html5-shiv/aui-base-html5-shiv-min.js&/o/frontend-js-aui-web/aui/arraylist-add/arraylist-add-min.js&/o/frontend-js-aui-web/aui/arraylist-filter/arraylist-filter-min.js&/o/frontend-js-aui-web/aui/arraylist/arraylist-min.js&/o/frontend-js-aui-web/aui/array-extras/array-extras-min.js&/o/frontend-js-aui-web/aui/array-invoke/array-invoke-min.js&/o/frontend-js-aui-web/aui/base-base/base-base-min.js&/o/frontend-js-aui-web/aui/base-pluginhost/base-pluginhost-min.js&/o/frontend-js-aui-web/aui/classnamemanager/classnamemanager-min.js&/o/frontend-js-aui-web/aui/datatype-xml-format/datatype-xml-format-min.js&/o/frontend-js-aui-web/aui/datatype-xml-parse/datatype-xml-parse-min.js&/o/frontend-js-aui-web/aui/dom-base/dom-base-min.js&/o/frontend-js-aui-web/aui/dom-core/dom-core-min.js&/o/frontend-js-aui-web/aui/dom-screen/dom-screen-min.js&/o/frontend-js-aui-web/aui/dom-style/dom-style-min.js&/o/frontend-js-aui-web/aui/event-base/event-base-min.js&/o/frontend-js-aui-web/aui/event-delegate/event-delegate-min.js&/o/frontend-js-aui-web/aui/event-focus/event-focus-min.js" type="text/javascript"></script>
<script data-senna-track="permanent" src="/combo?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830027479&/o/frontend-js-aui-web/aui/event-hover/event-hover-min.js&/o/frontend-js-aui-web/aui/event-key/event-key-min.js&/o/frontend-js-aui-web/aui/event-mouseenter/event-mouseenter-min.js&/o/frontend-js-aui-web/aui/event-mousewheel/event-mousewheel-min.js&/o/frontend-js-aui-web/aui/event-outside/event-outside-min.js&/o/frontend-js-aui-web/aui/event-resize/event-resize-min.js&/o/frontend-js-aui-web/aui/event-simulate/event-simulate-min.js&/o/frontend-js-aui-web/aui/event-synthetic/event-synthetic-min.js&/o/frontend-js-aui-web/aui/intl/intl-min.js&/o/frontend-js-aui-web/aui/io-base/io-base-min.js&/o/frontend-js-aui-web/aui/io-form/io-form-min.js&/o/frontend-js-aui-web/aui/io-queue/io-queue-min.js&/o/frontend-js-aui-web/aui/io-upload-iframe/io-upload-iframe-min.js&/o/frontend-js-aui-web/aui/io-xdr/io-xdr-min.js&/o/frontend-js-aui-web/aui/json-parse/json-parse-min.js&/o/frontend-js-aui-web/aui/json-stringify/json-stringify-min.js&/o/frontend-js-aui-web/aui/node-base/node-base-min.js&/o/frontend-js-aui-web/aui/node-core/node-core-min.js&/o/frontend-js-aui-web/aui/node-event-delegate/node-event-delegate-min.js&/o/frontend-js-aui-web/aui/node-event-simulate/node-event-simulate-min.js&/o/frontend-js-aui-web/aui/node-focusmanager/node-focusmanager-min.js&/o/frontend-js-aui-web/aui/node-pluginhost/node-pluginhost-min.js&/o/frontend-js-aui-web/aui/node-screen/node-screen-min.js&/o/frontend-js-aui-web/aui/node-style/node-style-min.js&/o/frontend-js-aui-web/aui/plugin/plugin-min.js&/o/frontend-js-aui-web/aui/pluginhost-base/pluginhost-base-min.js&/o/frontend-js-aui-web/aui/pluginhost-config/pluginhost-config-min.js&/o/frontend-js-aui-web/aui/querystring-stringify-simple/querystring-stringify-simple-min.js&/o/frontend-js-aui-web/aui/queue-promote/queue-promote-min.js&/o/frontend-js-aui-web/aui/selector-css2/selector-css2-min.js&/o/frontend-js-aui-web/aui/selector-css3/selector-css3-min.js" type="text/javascript"></script>
<script data-senna-track="permanent" src="/combo?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830027479&/o/frontend-js-aui-web/aui/selector-native/selector-native-min.js&/o/frontend-js-aui-web/aui/selector/selector-min.js&/o/frontend-js-aui-web/aui/widget-base/widget-base-min.js&/o/frontend-js-aui-web/aui/widget-htmlparser/widget-htmlparser-min.js&/o/frontend-js-aui-web/aui/widget-skin/widget-skin-min.js&/o/frontend-js-aui-web/aui/widget-uievents/widget-uievents-min.js&/o/frontend-js-aui-web/aui/yui-throttle/yui-throttle-min.js&/o/frontend-js-aui-web/aui/aui-base-core/aui-base-core-min.js&/o/frontend-js-aui-web/aui/aui-classnamemanager/aui-classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-component/aui-component-min.js&/o/frontend-js-aui-web/aui/aui-debounce/aui-debounce-min.js&/o/frontend-js-aui-web/aui/aui-delayed-task-deprecated/aui-delayed-task-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-event-base/aui-event-base-min.js&/o/frontend-js-aui-web/aui/aui-event-input/aui-event-input-min.js&/o/frontend-js-aui-web/aui/aui-form-validator/aui-form-validator-min.js&/o/frontend-js-aui-web/aui/aui-node-base/aui-node-base-min.js&/o/frontend-js-aui-web/aui/aui-node-html5/aui-node-html5-min.js&/o/frontend-js-aui-web/aui/aui-selector/aui-selector-min.js&/o/frontend-js-aui-web/aui/aui-timer/aui-timer-min.js&/o/frontend-js-aui-web/liferay/form.js&/o/frontend-js-aui-web/liferay/icon.js&/o/frontend-js-aui-web/liferay/menu.js&/o/frontend-js-aui-web/aui/async-queue/async-queue-min.js&/o/frontend-js-aui-web/aui/base-build/base-build-min.js&/o/frontend-js-aui-web/aui/cookie/cookie-min.js&/o/frontend-js-aui-web/aui/event-touch/event-touch-min.js&/o/frontend-js-aui-web/aui/overlay/overlay-min.js&/o/frontend-js-aui-web/aui/querystring-stringify/querystring-stringify-min.js&/o/frontend-js-aui-web/aui/widget-child/widget-child-min.js&/o/frontend-js-aui-web/aui/widget-position-align/widget-position-align-min.js&/o/frontend-js-aui-web/aui/widget-position-constrain/widget-position-constrain-min.js" type="text/javascript"></script>
<script data-senna-track="permanent" src="/combo?browserId=firefox&minifierType=js&languageId=fr_FR&t=1790830027479&/o/frontend-js-aui-web/aui/widget-position/widget-position-min.js&/o/frontend-js-aui-web/aui/widget-stack/widget-stack-min.js&/o/frontend-js-aui-web/aui/widget-stdmod/widget-stdmod-min.js&/o/frontend-js-aui-web/aui/aui-aria/aui-aria-min.js&/o/frontend-js-aui-web/aui/aui-io-plugin-deprecated/aui-io-plugin-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-io-request/aui-io-request-min.js&/o/frontend-js-aui-web/aui/aui-loading-mask-deprecated/aui-loading-mask-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-overlay-base-deprecated/aui-overlay-base-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-overlay-context-deprecated/aui-overlay-context-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-overlay-manager-deprecated/aui-overlay-manager-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-overlay-mask-deprecated/aui-overlay-mask-deprecated-min.js&/o/frontend-js-aui-web/aui/aui-parse-content/aui-parse-content-min.js&/o/frontend-js-aui-web/liferay/session.js&/o/frontend-js-aui-web/liferay/deprecated.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script>
<script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://www.ooredoo.dz/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://www.ooredoo.dz/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://www.ooredoo.dz/o/oauth2/introspect';}, getTokenURL: function() {return 'https://www.ooredoo.dz/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.143/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			'kaleo-designer': {
				base: MODULE_PATH + '/designer/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-kaleo-designer-autocomplete-util': {
						path: 'autocomplete_util.js',
						requires: ['autocomplete', 'autocomplete-highlighters'],
					},
					'liferay-kaleo-designer-definition-diagram-controller': {
						path: 'definition_diagram_controller.js',
						requires: [
							'liferay-kaleo-designer-field-normalizer',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-dialogs': {
						path: 'dialogs.js',
						requires: ['liferay-util-window'],
					},
					'liferay-kaleo-designer-editors': {
						path: 'editors.js',
						requires: [
							'aui-ace-editor',
							'aui-ace-editor-mode-xml',
							'aui-base',
							'aui-datatype',
							'aui-node',
							'liferay-kaleo-designer-autocomplete-util',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-field-normalizer': {
						path: 'field_normalizer.js',
						requires: ['liferay-kaleo-designer-remote-services'],
					},
					'liferay-kaleo-designer-nodes': {
						path: 'nodes.js',
						requires: [
							'aui-datatable',
							'aui-datatype',
							'aui-diagram-builder',
							'liferay-kaleo-designer-editors',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-remote-services': {
						path: 'remote_services.js',
						requires: ['aui-io'],
					},
					'liferay-kaleo-designer-templates': {
						path: 'templates.js',
						requires: ['aui-tpl-snippets-deprecated'],
					},
					'liferay-kaleo-designer-utils': {
						path: 'utils.js',
						requires: [],
					},
					'liferay-kaleo-designer-xml-definition': {
						path: 'xml_definition.js',
						requires: [
							'aui-base',
							'aui-component',
							'dataschema-xml',
							'datatype-xml',
						],
					},
					'liferay-kaleo-designer-xml-definition-serializer': {
						path: 'xml_definition_serializer.js',
						requires: ['escape', 'liferay-kaleo-designer-xml-util'],
					},
					'liferay-kaleo-designer-xml-util': {
						path: 'xml_util.js',
						requires: ['aui-base'],
					},
					'liferay-portlet-kaleo-designer': {
						path: 'main.js',
						requires: [
							'aui-ace-editor',
							'aui-ace-editor-mode-xml',
							'aui-tpl-snippets-deprecated',
							'dataschema-xml',
							'datasource',
							'datatype-xml',
							'event-valuechange',
							'io-form',
							'liferay-kaleo-designer-autocomplete-util',
							'liferay-kaleo-designer-editors',
							'liferay-kaleo-designer-nodes',
							'liferay-kaleo-designer-remote-services',
							'liferay-kaleo-designer-utils',
							'liferay-kaleo-designer-xml-util',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/designer/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.193/index';var MODULE_PATH='/o/document-library-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			dl: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'document-library-upload-component': {
						path: 'DocumentLibraryUpload.js',
						requires: [
							'aui-component',
							'aui-data-set-deprecated',
							'aui-overlay-manager-deprecated',
							'aui-overlay-mask-deprecated',
							'aui-parse-content',
							'aui-progressbar',
							'aui-template-deprecated',
							'liferay-search-container',
							'querystring-parse-simple',
							'uploader',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.63/index';var MODULE_PATH='/o/staging-processes-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			stagingprocessesweb: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-staging-processes-export-import': {
						path: 'main.js',
						requires: [
							'aui-datatype',
							'aui-dialog-iframe-deprecated',
							'aui-modal',
							'aui-parse-content',
							'aui-toggler',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.28/index';var MODULE_PATH='/o/frontend-js-state-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			state: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.77/index';var MODULE_PATH='/o/frontend-js-components-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			components: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='contacts-web@5.0.63/index';var MODULE_PATH='/o/contacts-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			contactscenter: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-contacts-center': {
						path: 'main.js',
						requires: [
							'aui-io-plugin-deprecated',
							'aui-toolbar',
							'autocomplete-base',
							'datasource-io',
							'json-parse',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.54/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			alloyeditor: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-alloy-editor': {
						path: 'alloyeditor.js',
						requires: [
							'aui-component',
							'liferay-portlet-base',
							'timers',
						],
					},
					'liferay-alloy-editor-source': {
						path: 'alloyeditor_source.js',
						requires: [
							'aui-debounce',
							'liferay-fullscreen-source-editor',
							'liferay-source-editor',
							'plugin',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.50/index';var MODULE_PATH='/o/frontend-js-react-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			react: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.144/index';var MODULE_PATH='/o/portal-search-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			search: {
				base: MODULE_PATH + '/js/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-search-custom-range-facet': {
						path: 'custom_range_facet.js',
						requires: ['aui-form-validator'],
					},
				},
				root: MODULE_PATH + '/js/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='calendar-web@5.0.102/index';var MODULE_PATH='/o/calendar-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			calendar: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-calendar-a11y': {
						path: 'calendar_a11y.js',
						requires: ['calendar'],
					},
					'liferay-calendar-container': {
						path: 'calendar_container.js',
						requires: [
							'aui-alert',
							'aui-base',
							'aui-component',
							'liferay-portlet-base',
						],
					},
					'liferay-calendar-date-picker-sanitizer': {
						path: 'date_picker_sanitizer.js',
						requires: ['aui-base'],
					},
					'liferay-calendar-interval-selector': {
						path: 'interval_selector.js',
						requires: ['aui-base', 'liferay-portlet-base'],
					},
					'liferay-calendar-interval-selector-scheduler-event-link': {
						path: 'interval_selector_scheduler_event_link.js',
						requires: ['aui-base', 'liferay-portlet-base'],
					},
					'liferay-calendar-list': {
						path: 'calendar_list.js',
						requires: [
							'aui-template-deprecated',
							'liferay-scheduler',
						],
					},
					'liferay-calendar-message-util': {
						path: 'message_util.js',
						requires: ['liferay-util-window'],
					},
					'liferay-calendar-recurrence-converter': {
						path: 'recurrence_converter.js',
						requires: [],
					},
					'liferay-calendar-recurrence-dialog': {
						path: 'recurrence.js',
						requires: [
							'aui-base',
							'liferay-calendar-recurrence-util',
						],
					},
					'liferay-calendar-recurrence-util': {
						path: 'recurrence_util.js',
						requires: ['aui-base', 'liferay-util-window'],
					},
					'liferay-calendar-reminders': {
						path: 'calendar_reminders.js',
						requires: ['aui-base'],
					},
					'liferay-calendar-remote-services': {
						path: 'remote_services.js',
						requires: [
							'aui-base',
							'aui-component',
							'liferay-calendar-util',
							'liferay-portlet-base',
						],
					},
					'liferay-calendar-session-listener': {
						path: 'session_listener.js',
						requires: ['aui-base', 'liferay-scheduler'],
					},
					'liferay-calendar-simple-color-picker': {
						path: 'simple_color_picker.js',
						requires: ['aui-base', 'aui-template-deprecated'],
					},
					'liferay-calendar-simple-menu': {
						path: 'simple_menu.js',
						requires: [
							'aui-base',
							'aui-template-deprecated',
							'event-outside',
							'event-touch',
							'widget-modality',
							'widget-position',
							'widget-position-align',
							'widget-position-constrain',
							'widget-stack',
							'widget-stdmod',
						],
					},
					'liferay-calendar-util': {
						path: 'calendar_util.js',
						requires: [
							'aui-datatype',
							'aui-io',
							'aui-scheduler',
							'aui-toolbar',
							'autocomplete',
							'autocomplete-highlighters',
						],
					},
					'liferay-scheduler': {
						path: 'scheduler.js',
						requires: [
							'async-queue',
							'aui-datatype',
							'aui-scheduler',
							'dd-plugin',
							'liferay-calendar-a11y',
							'liferay-calendar-message-util',
							'liferay-calendar-recurrence-converter',
							'liferay-calendar-recurrence-util',
							'liferay-calendar-util',
							'liferay-scheduler-event-recorder',
							'liferay-scheduler-models',
							'promise',
							'resize-plugin',
						],
					},
					'liferay-scheduler-event-recorder': {
						path: 'scheduler_event_recorder.js',
						requires: [
							'dd-plugin',
							'liferay-calendar-util',
							'resize-plugin',
						],
					},
					'liferay-scheduler-models': {
						path: 'scheduler_models.js',
						requires: [
							'aui-datatype',
							'dd-plugin',
							'liferay-calendar-util',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.113/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	const LiferayAUI = Liferay.AUI;

	AUI().applyConfig({
		groups: {
			ddm: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: LiferayAUI.getFilterConfig(),
				modules: {
					'liferay-ddm-form': {
						path: 'ddm_form.js',
						requires: [
							'aui-base',
							'aui-datatable',
							'aui-datatype',
							'aui-image-viewer',
							'aui-parse-content',
							'aui-set',
							'aui-sortable-list',
							'json',
							'liferay-form',
							'liferay-map-base',
							'liferay-translation-manager',
							'liferay-util-window',
						],
					},
					'liferay-portlet-dynamic-data-mapping': {
						condition: {
							trigger: 'liferay-document-library',
						},
						path: 'main.js',
						requires: [
							'arraysort',
							'aui-form-builder-deprecated',
							'aui-form-validator',
							'aui-map',
							'aui-text-unicode',
							'json',
							'liferay-menu',
							'liferay-translation-manager',
							'liferay-util-window',
							'text',
						],
					},
					'liferay-portlet-dynamic-data-mapping-custom-fields': {
						condition: {
							trigger: 'liferay-document-library',
						},
						path: 'custom_fields.js',
						requires: ['liferay-portlet-dynamic-data-mapping'],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.96/index';var MODULE_PATH='/o/exportimport-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			exportimportweb: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-export-import-export-import': {
						path: 'main.js',
						requires: [
							'aui-datatype',
							'aui-dialog-iframe-deprecated',
							'aui-modal',
							'aui-parse-content',
							'aui-toggler',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}</script>




<script type="text/javascript" data-senna-track="temporary">
	// <![CDATA[
		
			
				
		

		
	// ]]>
</script>





	
		

			

			
		
		



	
		

			

			
		
		



	
		

			

			
		
	












	



















<link class="lfr-css-file" data-senna-track="temporary" href="https://www.ooredoo.dz/o/ooredoo-theme/css/main.css?browserId=firefox&amp;themeId=ooredootheme_WAR_ooredootheme&amp;minifierType=css&amp;languageId=fr_FR&amp;t=1790830072000" id="liferayThemeCSS" rel="stylesheet" type="text/css" />








	<style data-senna-track="senna" type="text/css">

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

	</style>


<script data-senna-track="temporary">var Liferay = window.Liferay || {}; Liferay.CommerceContext = {"commerceAccountGroupIds":[40123],"accountEntryAllowedTypes":["person"],"commerceChannelId":"125575","showUnselectableOptions":false,"currency":{"currencyId":"132818","currencyCode":"DA"},"showSeparateOrderItems":false,"account":{"accountId":-1,"accountName":""},"commerceSiteType":0};</script>
<style data-senna-track="temporary" type="text/css">
</style>
<link data-senna-track="permanent" href="/o/frontend-js-aui-web/alloy_ui.css?&mac=favIEq7hPo8AEd6k+N5OVADEEls=&browserId=firefox&languageId=fr_FR&minifierType=css&themeId=ooredootheme_WAR_ooredootheme" rel="stylesheet"></link>
<link data-senna-track="temporary" href="/o/layout-common-styles/main.css?plid=33&segmentsExperienceId=2463134&t=17895512899321790797603141" rel="stylesheet" type="text/css"><script type="module">
import {init} from '/o/frontend-js-spa-web/__liferay__/index.js';
{
init({"navigationExceptionSelectors":":not([target=\"_blank\"]):not([data-senna-off]):not([data-resource-href]):not([data-cke-saved-href]):not([data-cke-saved-href])","cacheExpirationTime":-1,"clearScreensCache":true,"portletsBlacklist":["com_liferay_login_web_portlet_CreateAccountPortlet","com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet","com_liferay_site_navigation_directory_web_portlet_SitesDirectoryPortlet","com_liferay_questions_web_internal_portlet_QuestionsPortlet","com_liferay_account_admin_web_internal_portlet_AccountUsersRegistrationPortlet","com_liferay_login_web_portlet_ForgotPasswordPortlet","com_liferay_portal_language_override_web_internal_portlet_PLOPortlet","com_liferay_login_web_portlet_LoginPortlet","com_liferay_login_web_portlet_FastLoginPortlet"],"excludedTargetPortlets":["com_liferay_users_admin_web_portlet_UsersAdminPortlet","com_liferay_server_admin_web_portlet_ServerAdminPortlet"],"validStatusCodes":[221,490,494,499,491,492,493,495,220],"debugEnabled":false,"loginRedirect":"","excludedPaths":["/c/document_library","/documents","/image"],"preloadCSS":false,"userNotification":{"message":"On dirait que cela prend plus de temps que prévu.","title":"Oups","timeout":30000},"requestTimeout":0});
}

</script>























<script type="text/javascript">
Liferay.on(
	'ddmFieldBlur', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldBlurred',
				'Form',
				{
					fieldName: event.fieldName,
					focusDuration: event.focusDuration,
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFieldFocus', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldFocused',
				'Form',
				{
					fieldName: event.fieldName,
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title:event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormPageShow', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'pageViewed',
				'Form',
				{
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormSubmit', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formSubmitted',
				'Form',
				{
					formId: event.formId,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormView', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formViewed',
				'Form',
				{
					formId: event.formId,
					title: event.title
				}
			);
		}
	}
);

</script><script>

</script>









<script type="text/javascript" data-senna-track="temporary">
	if (window.Analytics) {
		window._com_liferay_document_library_analytics_isViewFileEntry = false;
	}
</script>




	<!-- Google Tag Manager -->

    <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-54KVSJHB');</script>

    <!-- End Google Tag Manager -->
</head>

<body class="firefox controls-visible  yui3-skin-sam guest-site signed-out public-page site">
<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54KVSJHB"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->














































	<nav aria-label="Liens rapides" class="bg-dark cadmin quick-access-nav text-center text-white" id="auzo_quickAccessNav">
		
			
				<a class="d-block p-2 sr-only sr-only-focusable text-reset" href="#main-content">
		Saut au contenu principal
	</a>
			
			
	</nav>










































































<div class="d-flex flex-column min-vh-100">

	<div class="d-flex flex-column flex-fill position-relative" id="wrapper">

		<section class="flex-fill" id="content">
			<h2 class="sr-only">Ooredoo Algérie - Offres Mobile, Internet et Services</h2>






























	

		


















	
	
	
		<div class="layout-content portlet-layout" id="main-content" role="main">
			





























	

	

	<div class="lfr-layout-structure-item-chat-bot---animated--copy- lfr-layout-structure-item-d50ebe1b-bbcf-b84a-95f0-acf93a0e1beb" style=""><div id="fragment-e86a012e-6224-527f-6e2f-0eed7f7a2fcf" > <div id="sprinklr-chat-container"></div></div><script type="module">const configuration = {"chatBotPreLoadMessage":"Bienvenue chez Ooredoo Algérie ! Nous sommes ravis de vous compter parmi nous. Je suis un Agent Virtuel Ooredoo Chat, comment puis-je vous aider ?","activityText":"vous allez être redirigé vers un agent humain","searchValueXFallback":"J'estime que je n'ai pas compris un bon nombre de requêtes","searchValueAbuse":"Abus détecté","searchValueAbusePlaceholder":"Vous êtes bloqué(e) pour 24h"}; const fragmentElement = document.querySelector('#fragment-e86a012e-6224-527f-6e2f-0eed7f7a2fcf'); const fragmentEntryLinkNamespace = 'iucf'; const fragmentNamespace = 'iucf'; const layoutMode = 'view';window.sprChatSettings = {
    "appId": "68e4d51ef62a45769cbc7253_app_1014",
    "skin": "MODERN"
};

!function() {
    var a, r, n, o, i, s = window, e = s.sprChat;
    if (e && e.loaded) return;
    
    a = document;
    r = function() {
        r.q.push(arguments);
    };
    r.q = [];
    s.sprChat = r;
    s.sprChat.loaded = !0;
    n = 0;
    o = "spr-live-chat-widget";
    
    i = function() {
        var e = a.getElementById(o);
        e = (e && e.parentNode.removeChild(e), a.createElement("script"));
        var t = (e.type = "text/javascript", e.async = !0);
        e.src = "https://prod18-live-chat.sprinklr.com/api/livechat/handshake/widget/" + s.sprChatSettings.appId;
        e.id = o;
        
        e.onerror = function(e) {
            var t, a;
            ++n <= 3 ? setTimeout(i, 250) : (s.sprChat.loaded = !1, t = "WIDGET_LOAD_FAILED", a = e, 
            r.q.map(function(e) {
                if ("subscribeToUpdate" === e[0] && e[1] && "loadCompleted" === e[1].topic)
                    return e[1].subscriber
            }).map(function(e) {
                e && e({
                    response: {
                        error: !0,
                        errorPayload: {
                            type: t,
                            message: a
                        }
                    }
                })
            }));
        };
        
        var t = a.getElementsByTagName("script")[0];
        t.parentNode.insertBefore(e, t);
    };
    
    "loading" !== a.readyState ? i() : a.addEventListener("DOMContentLoaded", i);
}();;</script></div><div class="lfr-layout-structure-item-news-ticker lfr-layout-structure-item-48527e4e-9c2a-c3ee-ecf8-a1b28743d4ee" style=""><div id="fragment-3acd4bff-b729-6df9-1c5f-254564c2ca12" >

<div class="ticker-container">
  <div class="scrolling-content">
    
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-0" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-0" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-1" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-1" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-2" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-2" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-3" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-3" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-4" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-4" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-5" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-5" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-6" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-6" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-7" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-7" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-8" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-8" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-9" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-9" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-10" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-10" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-0" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-0" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-1" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-1" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-2" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-2" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-3" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-3" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-4" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-4" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-5" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<a href="/documents/d/guest/5g-icon"><img data-lfr-editable-id="ticker-image-5" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg/bfc3c0f6-148b-f9ea-9f1e-cf13fb1488e5?version=1.0&amp;t=1752303665440" class="ticker-icon" alt="icon" data-fileentryid="2970038"></a>
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-6" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-6" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-7" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-7" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-8" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-8" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-9" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-9" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>
    <div class="ticker-text-wrap">
      <p data-lfr-editable-id="ticker-info-10" data-lfr-editable-type="text">BORN FOR</p>
     
    </div>
		<div class="ticker-text-wrap">
					
					<img data-lfr-editable-id="ticker-image-10" data-lfr-editable-type="image" src="/documents/20121/2969725/5g-icon.svg" class="ticker-icon" alt="icon">
				</div>  <!-- duplicate for seamless scroll -->
  </div>
</div>
</div><style>.ticker-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 49px;
  overflow: hidden;
  z-index: 950;
  display: flex;
  align-items: center;
  background-color: #d6001c; /* or use your bg class */
}

/* ===== Scrolling Track ===== */
.scrolling-content {
  display: inline-flex;
  align-items: center;
  gap: 6rem;
  white-space: nowrap;
  animation: scroll-left 30s linear infinite;
  will-change: transform;
	min-width: 100%;
}

/* ===== Ticker Item ===== */
.ticker-text-wrap {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.ticker-text-wrap p {
  font-family: Rubik, sans-serif;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  color: #ffffff;
  margin: 0;
}

.ticker-icon {
  width: 27px;
  height: 16px;
  margin-left: 12px;
}

/* ===== RTL Support ===== */
[dir="rtl"] .scrolling-content {
  animation: scroll-right 30s linear infinite;
  direction: ltr; /* Important: Prevent layout conflict in Firefox */
}

[dir="rtl"] .ticker-text-wrap {
  flex-direction: row-reverse;
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .ticker-text-wrap p {
  direction: rtl;
  text-align: right;
}



/* ===== Keyframe Animations ===== */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* Default: Desktop (wide viewports) */
.scrolling-content {
  animation: scroll-left 30s linear infinite;
}

/* Tablets (medium speed) */
@media (max-width: 1024px) {
  .scrolling-content {
    animation-duration: 20s !important;
  }
}

/* Phones (fastest) */
@media (max-width: 600px) {
  .scrolling-content {
    animation-duration: 15s !important;
  }
}

/* RTL variant */
[dir="rtl"] .scrolling-content {
  animation-name: scroll-right;
}

@media (max-width: 1024px) {
  [dir="rtl"] .scrolling-content {
    animation-duration: 20s !important;
  }
}

@media (max-width: 600px) {
  [dir="rtl"] .scrolling-content {
    animation-duration: 15s !important;
  }
}


/* ===== Pause on Hover ===== */
[data-lfr-edit-mode="view"] .scrolling-content:hover {
  animation-play-state: paused !important;
  cursor: pointer;
}

/* ===== Edit Mode ===== */
[data-lfr-edit-mode="edit"] .scrolling-content {
  animation: none !important;
  overflow-x: auto;
  transform: none !important;
}

[data-lfr-edit-mode="edit"] .ticker-container {
  position: relative;
  overflow-x: auto;
}

/* Background color class */
.bg-danger {
    background: #d6001c !important;
}

/* Optional spacing for other sections */
.nav-wrap {
    top: 49px !important;
}
.personal-padding {
    margin-top: 185px !important;
}
@media (max-width: 1080px) {
    .personal-padding {
        margin-top: 175px !important;
    }
	  .business-padding {
    margin-top: 11rem !important;
}
}
@media (max-width: 450px) {
    .personal-padding {
        margin-top: 170px !important;
    }
		  .business-padding {
    margin-top: 10.5rem !important;
}
}

@media (min-width: 1081px) {
  .business-padding {
    margin-top: 12.5rem !important;
}
}






</style><script type="module">const configuration = {"backgroundColor":{"color":"danger"},"numberOfSlides":12,"fontColor":{"color":"white"}}; const fragmentElement = document.querySelector('#fragment-3acd4bff-b729-6df9-1c5f-254564c2ca12'); const fragmentEntryLinkNamespace = 'ryzx'; const fragmentNamespace = 'ryzx'; const layoutMode = 'view';document.addEventListener("DOMContentLoaded", function () {
//  const container = document.querySelector(".ticker-container");
 // const track = document.getElementById("scrolling-content");

 // if (!container || !track) return;

 // const isEditMode = container.dataset.lfrEditMode === "edit";
 // if (isEditMode) return;

  //const items = Array.from(track.children);
 // const containerWidth = container.offsetWidth;

  // Duplicate until track is wide enough
 /* while (track.scrollWidth < containerWidth * 2) {
    items.forEach((item) => {
      const clone = item.cloneNode(true);
      track.appendChild(clone);
    });*/
 // }

//  let offset = 0;
 // const speed = 0.5;
 // let paused = false;

 // track.addEventListener("mouseenter", () => (paused = true));
 // track.addEventListener("mouseleave", () => (paused = false));
/*
  function scrollLoop() {
    if (!paused) {
      offset -= speed;
      if (Math.abs(offset) >= track.scrollWidth / 2) {
        offset = 0;
      }
      track.style.transform = `translateX(${offset}px)`;
    }
    requestAnimationFrame(scrollLoop);
  }

  scrollLoop();*/
});;</script></div><div class="lfr-layout-structure-item-clay-remove lfr-layout-structure-item-5bc6f832-69c4-cfc6-4c17-fcb818d65f38" style=""><div id="fragment-c5f82d82-5478-523e-80dd-cccbcee079e7" >

<!--
<link href="/documents/d/guest/output-important" rel="stylesheet" type="text/css">
-->
<link href="/documents/d/guest/output-important" rel="stylesheet" type="text/css">

<div class="global-preloader hide" id="loader">
        <div class="spinner-container">
            <div class="spinner"></div>
        </div>
    </div>


<!--
 <div class="custom-dropdown">
        <div class="dropdown-button">
            <img class="language-image" src="/o/ooredoo-theme/images/language/fr_FR.png" alt="EN">
            <span>EN</span>
            <img class="drodown-icon" src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"/> 

        </div>
        <div class="dropdown-content">
            <div class="dropdown-option">
                <img class="language-image" src="/o/ooredoo-theme/images/language/fr_FR.png" alt="EN">
                <span>EN</span>
            </div>
            <div class="dropdown-option">
                <img class="language-image" src="/o/ooredoo-theme/images/language/fr_FR.png" alt="AR">
                <span>AR</span>
            </div>
        </div>
    </div>
-->
<script>

if(themeDisplay.getUserId() == '20101'){

	if (!window.location.pathname.startsWith('/fr/') && !window.location.pathname.startsWith('/en/') && !window.location.pathname.startsWith('/ar/')) {
      // Get the current path without the leading slash
	// let currentPath = window.location.pathname.includes('web/guest/') ? window.location.pathname.replace('web/guest/', '') : window.location.pathname;
    let currentPath = window.location.pathname.substring(1);

      // Add 'fr' as a URL segment 
      const newPath = '/fr/'+currentPath;
    //  sessionStorage.setItem('guest-section', 'personal');
      // Create the new URL with the 'fr' segment
      const newUrl = window.location.origin +''+ newPath;

      // Redirect to the new URL
    //  window.location.replace(newUrl);
    }
    //  else if(window.location.pathname.includes('web/guest/')){
	// 	    // Get the current path without 'web/guest/'
	// 			let currentPath = window.location.pathname.replace('web/guest/', '');

	// 			// Include the query parameters
	// 			let searchParams = window.location.search;

	// 			// Use history.pushState() to change the URL without reloading the page
	// 			history.pushState({}, '', currentPath + searchParams);

	// 	}
	if(window.location.pathname.includes('particuliers')){
		localStorage.setItem('guest-section', 'personal');
	} else if(window.location.pathname.includes('entreprises')){
		localStorage.setItem('guest-section', 'business');
	}



}

</script>
</div><style>/* Spinner styles */
        .global-preloader {
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent overlay */
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        .spinner {
            border: 6px solid #f3f3f3;
            border-top: 6px solid #D6001C; /* Spinner color */
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 2s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
  /* Style for the circle images */
        .language-image {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            margin-right: 8px;
        }

        /* Style for the custom dropdown */
        .custom-dropdown {
            position: relative;
            display: inline-block;
            padding: 4px;
            background: white;
        }

        /* Style for the dropdown button */
        .dropdown-button {
            padding: 8px 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

        /* Style for the dropdown content */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f1f1f1;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        /* Style for dropdown options */
        .dropdown-option {
            padding: 8px 12px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }

        /* Show the dropdown content when the dropdown button is hovered over */
        .custom-dropdown:hover .dropdown-content {
            display: block;
        }
.drodown-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

        }
        .custom-dropdown:hover .dropdown-button .drodown-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 12l4-4 4 4'/%3e%3c/svg%3e");

        }
.nouveau-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 20px;
  background-color: red;
  color: white;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
}



.alert-notifications-fixed {
    display: none !important;
}
</style><script type="module">const configuration = {}; const fragmentElement = document.querySelector('#fragment-c5f82d82-5478-523e-80dd-cccbcee079e7'); const fragmentEntryLinkNamespace = 'tzjd'; const fragmentNamespace = 'tzjd'; const layoutMode = 'view';
const editMode = layoutMode === 'edit';

// Event listener to hide the preloader when the page and all assets are fully loaded
window.addEventListener('load', function() {
	 // Get the desktop-tab element
   // const desktopTab = document.querySelector('.desktop-tab');

    // Show the desktop-tab element by changing its display property
 //   desktopTab.style.display = 'block';
//hideGlobalPreloader();
});
if(editMode){
hideLoader();
}

window.onload = function() {
            hideLoader();
        };
setTimeout(function() {
            hideLoader();
        }, 4000);

function hideLoader(){
const loader = document.getElementById("loader");
            loader.style.display = "none"; // Hide the loader
}



      


;</script></div><div class="lfr-layout-structure-item-cookie-popup lfr-layout-structure-item-72ce58ff-ba36-fe11-47a7-71467031a078" style=""><div id="fragment-bd6bf936-3018-b237-720f-7565ce4acac2" > <div class="fragment_5628">
	<div class="cookie-consent-box" style="" id="cookie-consent-wrap">
		<div class="cookie-consent-wrap">
			<div class="inner-wrap justify-between flex c-flexCol  gap">
			  <!--<h1 data-lfr-editable-id="cookie-title" data-lfr-editable-type="text" class="cookie-title">Cookie Heading</h1>-->
			  <div class="text-wrap c-bg-color" id="myDiv">
					<p data-lfr-editable-id="cookie-description-1" data-lfr-editable-type="rich-text" class="cookie-para"><p>Cher visiteur,</p>

<p>Nous souhaitons vous informer que notre site web utilise des <a href="/cookies-definition" style="color: #0000FF">cookies </a>pour améliorer votre expérience de navigation.</p>

<p>En cliquant sur <strong>« Accepter »</strong>, vous consentez à l'utilisation de cookies conformément à notre politique de confidentialité.&nbsp;Si vous choisissez de « <strong>Continuer sans accepter</strong> », certaines fonctionnalités de notre site pourraient être limitées.</p>

<p>Veuillez noter que votre choix est important pour nous, et nous respecterons toujours votre vie privée et vos données personnelles et ce conformément à la loi 18-07 relative à la protection des personnes physiques dans le traitement des données à caractère personnel. Veuillez consulter notre <a href="/consentement-au-traitement-des-donnaes-a-caractare-personnel" style="color: #0000FF">consentement au traitement des données à caractère personnel</a>.</p></p>
					<p data-lfr-editable-id="cookie-description-2" data-lfr-editable-type="rich-text" class="cookie-para"></p>
					<!--<label class="privacy-check-box">Agree to terms and conditions
					<input type="checkbox" checked="checked" id="privacy-check">
					<span class="checkmark"></span>
					</label>-->
				
				</div>
			  <div class="btn-wrap flex flex-col" id="privacy-btn-wrap">
					<button style=" border-radius: 100px;" href="#" id="acceptCookie" class="cookie-btn cursor-pointer bg-brand-red-4 px-14 py-3 hover:bg-brand-red-1 text-white" data-lfr-editable-id="cookie-button-1" data-lfr-editable-type="text">Accepter</button>
			  </div>
			</div>
				<div class="flex c-justify-content  gap-2 pt-2 item-center flex-row">
						<button href="#" id="declineCookie" class="cursor-pointer cookie-btn cookie-btn-decline" data-lfr-editable-id="cookie-button-2" data-lfr-editable-type="text">Continuer sans accepter</button>
						<div class="cursor-pointer self-center">
							<img class="w-7 cookie-icon" src="/documents/d/guest/next" alt="icon">
						</div>
					</div>
		</div>
	</div>
</div>
</div><style>@media only screen and (max-width:599px) {
	.c-flexCol { flex-direction: column; }
}

.c-justify-content { justify-content: start; }
.rtl .cookie-icon { transform: rotate(180deg); }
.fragment_5628 .Cher { margin-bottom: 10px !important; font-weight: 900 !important; }
.fragment_5628 button { font-size: 12px; }

.rtl .cookie-consent-wrap .btn-wrap { justify-content: center; padding-top: 30px; }
.ltr .cookie-consent-wrap .btn-wrap { justify-content: end !important; padding-bottom: 10px !important; }
.fragment_5628 .gap { gap: 40px; }
.fragment_5628 .w-7 { width: 16px !important; }

.cookie-consent-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    overflow-x: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 100;
    display: none;
}

.cookie-consent-wrap {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: #ffffff;
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-left-radius: 16px;
    margin: 0 auto;
    border-top-right-radius: 16px;
    box-shadow: 1px -16px 35px -24px rgba(0, 0, 0, 0.6);
}

.cookie-consent-box.active-popup { display: flex !important; }
.cookie-consent-wrap .cookie-title { font-family: 'Rubik'; text-align: center; color: #262626; font-size: 35px; font-weight: 700; margin-bottom: 20px; }
.cookie-consent-wrap .btn-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; }
.cookie-consent-wrap .btn-wrap.active-btn .cookie-btn { pointer-events: none; opacity: .7; }

.cookie-consent-wrap .btn-wrap .cookie-btn {
    font-family: 'Rubik';
    font-size: 14px;
    font-weight: 600;
    text-align: start;
    border-radius: 35px;
    padding-top: 10px;
    min-width: 120px;
    margin-right: 0px;
    transition: .4s;
    margin-bottom: 0px;
}

.cookie-btn.cookie-btn-decline {
    background-color: #ffffff;
    /* border: 1px solid #D6001C; */
    /* color: #D6001C; */
    text-decoration: underline;
    font-weight: 600;
}

.cookie-btn.cookie-btn-decline:hover {
    /* background-color: #D6001C; */
    color: #00008B;
}

.cookie-consent-wrap .text-wrap { max-height: 25rem; overflow-y: auto; }
.cookie-consent-wrap .text-wrap p { font-family: 'Noto Sans'; color: #262626; font-size: 12px; line-height: normal; font-weight: 400; margin-bottom: 0px; }
.cookie-consent-wrap .text-wrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F3F3F3; }
.cookie-consent-wrap .text-wrap::-webkit-scrollbar { width: 5px; background-color: #F3F3F3; }
.cookie-consent-wrap .text-wrap::-webkit-scrollbar-thumb { background-color: #D6001C; border: 1px solid #D6001C; border-radius: 20px; }
.cookie-consent-wrap .text-wrap .cookie-para { font-family: 'Rubik'; font-weight: 400; }
.privacy-check-box { font-family: 'Noto Sans'; font-weight: 500; display: block; position: relative; padding-left: 28px; margin: 15px 0 0; cursor: pointer; font-size: 14px; user-select: none; width: max-content; }
.privacy-check-box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { border-radius: 50%; position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #F3F3F3; }
.privacy-check-box:hover input ~ .checkmark { background-color: #F3F3F3; }
.privacy-check-box input:checked ~ .checkmark { background-color: #D6001C; }
.checkmark:after { content: ""; position: absolute; display: none; }
.privacy-check-box input:checked ~ .checkmark:after { display: block; }
.privacy-check-box .checkmark:after { left: 7px; top: 3px; width: 6px; height: 11px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }
button:focus { outline: 0; }

@media only screen and (max-width:1024px) {
	.c-flex-col { flex-direction: column !important; }
	.mo-justify-center { justify-content: center !important; }
	.fragment_5628 .gap { gap: 24px; }
	.c-justify-content { justify-content: center; }
}
.c-bg-color { background: white !important; }</style><script type="module">const configuration = {}; const fragmentElement = document.querySelector('#fragment-bd6bf936-3018-b237-720f-7565ce4acac2'); const fragmentEntryLinkNamespace = 'amsu'; const fragmentNamespace = 'amsu'; const layoutMode = 'view';const urlSegments = window.location.pathname.split('/');
const hasCookieConsent = urlSegments.includes('cookie-concent');
const hasDataProtection = urlSegments.includes('general-data-protection-policy');
const hasCookieDefinition = urlSegments.includes('cookies-definition');

$(document).ready(function() {
    var myDiv = document.getElementById('myDiv');
    if (myDiv) {
        var divElements = myDiv.getElementsByTagName('*');
        if (divElements.length >= 2) {
            divElements[1].classList.add('Cher');
        }
    }

    function setCookie(cname, cvalue, exdays) {
        const d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        let expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

    function getCookie(cname) {
        let name = cname + "=";
        let ca = document.cookie.split(';');
        for (let i = 0; i < ca.length; i++) {
            let c = ca[i];
            while (c.charAt(0) == ' ') { c = c.substring(1); }
            if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); }
        }
        return "";
    }

    function checkCookie() {
        let isPopup = getCookie("policy-popup");
        let isVedioPopup = getCookie("vedio-popup");
        let is5gVisited = 'true';
        
        if (!window.location.href.endsWith('/particuliers') && !window.location.href.endsWith('/fr/') && !window.location.href.endsWith('/ar/')) {
            is5gVisited = 'true';
        }

        let currentUrl = window.location.href;
        let currentPath = window.location.pathname; // Gets just the path, e.g., /fr/tout-sur-ooredoo/trouvez-nous
        
        let isFormPage = currentUrl.includes('devenez-client') || 
                         currentUrl.includes('formulaire-inscription') || 
                         currentUrl.includes('trouvez-nous') || 
                         currentUrl.includes('ooredoo-vous-repond') || 
                         document.querySelector('.contact-form') !== null || 
                         document.querySelector('.lfr-layout-structure-item-form') !== null;

        // Make the session check specific to the exact URL path
        let formConsentGranted = sessionStorage.getItem('formConsent_' + currentPath) === 'true';

        // 1. Standard global popup logic
        if ((isPopup != "true" || isPopup == "") && !hasCookieDefinition && !hasDataProtection && (is5gVisited == "true")) {
            if (sessionStorage.getItem('cookieRejected') !== 'true' || hasCookieConsent) {
                $("#cookie-consent-wrap").addClass("active-popup");
                if (typeof themeDisplay !== 'undefined' && themeDisplay.getLanguageId() == "fr_FR") {
                    const chatbot = document.getElementById('chatbot');
                    if (chatbot) {
                        chatbot.classList.add("hide");
                        chatbot.classList.remove("show");
                    }
                }
            }
        } 
        // 2. Force popup specifically for forms (now checks URL-specific consent)
        else if (isFormPage && !formConsentGranted) {
            $("#cookie-consent-wrap").addClass("active-popup");
            if (typeof themeDisplay !== 'undefined' && themeDisplay.getLanguageId() == "fr_FR") {
                const chatbot = document.getElementById('chatbot');
                if (chatbot) {
                    chatbot.classList.add("hide");
                    chatbot.classList.remove("show");
                }
            }
        } 
        // 3. Fallbacks
        else if ((isVedioPopup != "true" || isVedioPopup == "")) {
            setCookie("vedio-popup", true, 7);
        }
    }

    checkCookie();

    $(document).off("click", "#acceptCookie");
    $(document).on("click", "#acceptCookie", function() {
        setCookie("policy-popup", true, 365);
        
        let currentUrl = window.location.href;
        let currentPath = window.location.pathname;

        // Save consent using the specific URL path as the key
        if (currentUrl.includes('devenez-client') || 
            currentUrl.includes('formulaire-inscription') || 
            currentUrl.includes('trouvez-nous') || 
            currentUrl.includes('ooredoo-vous-repond') || 
            document.querySelector('.contact-form') !== null) {
            sessionStorage.setItem('formConsent_' + currentPath, 'true');
        }

        $("#cookie-consent-wrap").removeClass("active-popup");
        sessionStorage.removeItem('cookieRejected'); 
        
        if (hasCookieConsent) {
            let redirectUrl = sessionStorage.getItem('currentUrl-cookie-concent');
            if (redirectUrl && redirectUrl !== 'null' && redirectUrl !== '') {
                window.location.href = redirectUrl;
            } else {
                window.history.back(); 
            }
        }
        
        setCookie("vedio-popup", true, 7);
        sessionStorage.setItem('chatBotShown', 'true');
        
        const chatbot = document.getElementById('chatbot');
        if (chatbot) { chatbot.classList.remove("hide"); }
        if (typeof startAnimation === 'function') { startAnimation(); }
    });

    $(document).off("click", "#declineCookie");
    $(document).on("click", "#declineCookie", function() {
        $("#cookie-consent-wrap").removeClass("active-popup");
        sessionStorage.setItem('cookieRejected', 'true'); 
        
        if (hasCookieConsent) {
            window.history.back();
        }
        
        sessionStorage.setItem('chatBotShown', 'true');
        const chatbot = document.getElementById('chatbot');
        if (chatbot) { chatbot.classList.remove("hide"); }
        if (typeof startAnimation === 'function') { startAnimation(); }
        setCookie("vedio-popup", true, 7);
    });

    $(document).off("change", "#privacy-check");
    $(document).on("change", "#privacy-check", function() {
        let isPrivacyChecked = $('#privacy-check').is(':checked');
        if (!isPrivacyChecked) {
            $("#privacy-btn-wrap").addClass("active-btn");
        } else {
            $("#privacy-btn-wrap").removeClass("active-btn");
        }
    });

    if (typeof Liferay !== 'undefined') {
        Liferay.on('endNavigate', function() {
            setTimeout(function() {
                checkCookie();
            }, 300);
        });
    }
});;</script></div><div class="lfr-layout-structure-item-com-liferay-asset-publisher-web-portlet-assetpublisherportlet lfr-layout-structure-item-c63fc7e9-c636-ea2c-fd3c-27b6f6d622ca" style=""><div id="fragment-7ea153e0-57ef-a3bc-a51e-6274d4b9674b" >





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_  portlet-static portlet-static-end portlet-decorate portlet-asset-publisher" id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz_">
		<span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz">

	<div class="portlet-content">


		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		




































	


























	
	
	




	
		
			
				































	
		
		
		
		
		
			

			





































	

						
						<script>
						(function() {
					const cookieName = "guest-section";
					const sessionValue = "particuliers";

					document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";
				})();
				</script>
		
		
		
		
		
			   
			  
			 
			   
			  
			 
			   
			  
			 

		<style>
			.nav-padding-right {
				padding-right: 32px;
				font-size: 16px !important;
				font-weight: 400 !important;
			}
			.rtl .nav-padding-right {
					padding-right: 0px;
					padding-left: 32px;
			}
			</style>
	<div class="nav-wrap shadow megaMenu bg-white">
		<div class="mx-auto hidden max-w-7xl xl:block">
	        <!-- first row -->
	        <div class="flex">
	            <a href="/personal">
										<img src="/documents/d/guest/logo" alt="about Logo" class="mt-[14px] pb-3 h-12">
	            </a>
				<div class="flex h-14 items-start gap-x-1 overflow-y-hidden text-[14px] ltr:ml-24 rtl:mr-24">
						
						          <a class="flex h-full items-end rounded-b-xl 													bg-brand-red-4 text-white													px-5 pb-2.5" data-senna-off="true" href="/fr/personal">
			                    <span>			                    	 
Particuliers			                	</span>
			                </a>
							 
							 
							 
							    
						
						          <a class="flex h-full items-end rounded-b-xl 													hover:bg-brand-red-6													px-5 pb-2.5" data-senna-off="true" href="/fr/business">
			                    <span>			                    	 
Entreprises			                	</span>
			                </a>
							 
							 
							 
							    
						
						          <a class="flex h-full items-end rounded-b-xl 													hover:bg-brand-red-6													px-5 pb-2.5" data-senna-off="true" href="/fr/about-us">
			                    <span>			                    	 
Tout sur Ooredoo			                	</span>
			                </a>
							 
							 
							 
							    
	             </div>
	            <div class="flex items-center justify-end gap-x-10 ltr:ml-auto rtl:mr-auto">
								<a href="/personal/noudjoum" class="flex items-center gap-x-2.5">
	                    <img src="/documents/d/guest/frame-1707479612" alt="User Icon">
	                    <p class="flex flex-col items-start leading-tight">
	                        <span>Noudjoum </span>
	                    </p>
	                </a>
	                <a href="https://my.ooredoo.dz/" class="flex items-center gap-x-2.5">
	                    <img src="/documents/d/guest/persons" alt="User Icon">
	                    <p class="flex flex-col items-start leading-tight">
	                        <span>My Ooredoo </span>
	                    </p>
	                </a>
	                <a href="https://estorm.ooredoo.dz/" class="flex items-center gap-x-2.5">
	                    <img src="/documents/d/guest/e-strom" alt="E Strom Icon">
	                    <p>eStorm</p>
	                </a>
	                <a href="https://appstorm.ooredoo.dz/" class="flex items-center gap-x-2.5">
	                    <img src="/documents/d/guest/partners" alt="People Icon">
	                    <p>Partenaires</p>
	                </a>
	            </div>
	        </div>
	    </div>
	    <div class="mx-auto hidden max-w-7xl xl:block desktop-tab">
       		<nav class="navbar navbar-expand-lg pb-xl-0 pt-4 relative flex items-center w-full justify-between px-0" data-te-navbar-ref="">
		        <div class="!visible flex-grow basis-[100%] d-flex align-items-center lg:!flex lg:basis-auto MegaNavSection" id="navbarSupportedContentX" data-te-collapse-item="">
		        	
							
	

























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="190059" data-analytics-asset-title="Particuliers" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="87605">
			

			
	                <ul class="navbar-nav ml-4 nav-padding-right flex flex-row text-base text-base-1280 d-flex align-items-center" data-te-navbar-nav-ref="">
	                    <li class="static nav-menu-link hover-dropdown" data-te-nav-item-ref="" data-te-dropdown-ref="">
	                        	<a data-senna-off="true" href="/fr/particuliers/offres-mobiles" type="button" id="perMobOffers">
	                            	Offres mobiles
	                        	</a>
														
		                        	<div id="navDropdownMenuOffres_mobiles" class="dropdown-menu-bar absolute hidden shadow left-0 top-full right-0 z-[1000] mt-0 hidden w-full border-none bg-white [&amp;[data-te-dropdown-show]]:block" data-te-dropdown-menu-ref="">
			                            <div class="flex w-full flex-col rounded-b-3xl bg-white px-12 py-12 nav-dropdown-part">
			                                <div class="flex w-full flex-1">
				                                    <div class="flex w-65 flex-col items-start self-start ltr:border-r rtl:border-l nav-dropdown-scroll">
					                                        <ul class="w-full nav nav-pills flex flex-col flex-wrap list-none" role="tablist" data-te-nav-ref="">
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perOffres" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perOffres" role="tab" aria-controls="perOffres" aria-selected="true">
																					Offres
							                                                	</a>
							                                            </li>
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perForfaits_à_la_demande" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perForfaits_à_la_demande" role="tab" aria-controls="perForfaits_à_la_demande" aria-selected="true">
																					Forfaits à la demande
							                                                	</a>
							                                            </li>
					                                        </ul>
				                                    </div>
			                                    <div class="tab-content flex-1" id="pills-tabContentVertical">
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perOffres" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<p class="w-65  px-4 py-2">
						                                                    						<strong>Offres Prépayées</strong>
						                                                    					</p>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" >	Ooredoo 500
																											</a>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/la-gold" >	La Gold
																												<span class="new-badge-wrapper">Promo</span>
																											</a>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-scholar" >	Ooredoo Scholar
																											</a>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" >	N'YOOZ
																											</a>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" >	Dima Ooredoo
																											</a>
						                                                    					<p class="w-65  px-4 py-2">
						                                                    						<strong>Offres Postpayées</strong>
						                                                    					</p>
																											<a class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" >	Ooredoo POP
																												<span class="new-badge-wrapper">Nouveau</span>
																											</a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="" data-fileentryid="2850563" 
									                                                            	src="/documents/20121/0/IMG-ooredoo-500-FR.jpg/9a87cdcc-437f-0906-0f53-8c88e31ce289?t=1739892677711"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	Ooredoo 500
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        Découvrez la sérénité avec Ooredoo 500 ! une offre flexible et innovante
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perForfaits_à_la_demande" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-appels" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Forfaits Appels
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-smart" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Forfaits Smart
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-international" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Forfaits International
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-voyage" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Forfaits Voyage
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="No Image Found" data-fileentryid="75224" 
									                                                            	src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+1.png/78a8ed4e-bd08-ae72-465a-36d98d949fd9?t=1680070544042"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	International
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        Restez en contact avec vos proches à l’étranger!
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/international" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="No Image Found" data-fileentryid="75228" 
									                                                            	src="/documents/20121/0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png/ed1ef758-ed45-3674-a995-84311d560028?t=1680070742146"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	En Voyage (Roaming)
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        Profitez de votre voyage en toute sérénité !
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/roaming" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
			                                    </div>
			                                </div>
			                                	<div class="flex gap-x-16 justify-center nav-bottom-line  py-3 px-14 text-xl mt-12">
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
																Ooredoo 500
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
																Dima Ooredoo
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
																N'YOOZ
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
																Ooredoo POP
															</a>
												</div>			
			                            </div>
            						</div>
	                    </li>
	                </ul>
	                <ul class="navbar-nav ml-4 nav-padding-right flex flex-row text-base text-base-1280 d-flex align-items-center" data-te-navbar-nav-ref="">
	                    <li class="static nav-menu-link hover-dropdown" data-te-nav-item-ref="" data-te-dropdown-ref="">
	                        	<a data-senna-off="true" href="/fr/particuliers/internet" type="button" id="perMobOffers">
	                            	Internet
	                        	</a>
														
		                        	<div id="navDropdownMenuInternet" class="dropdown-menu-bar absolute hidden shadow left-0 top-full right-0 z-[1000] mt-0 hidden w-full border-none bg-white [&amp;[data-te-dropdown-show]]:block" data-te-dropdown-menu-ref="">
			                            <div class="flex w-full flex-col rounded-b-3xl bg-white px-12 py-12 nav-dropdown-part">
			                                <div class="flex w-full flex-1">
				                                    <div class="flex w-65 flex-col items-start self-start ltr:border-r rtl:border-l nav-dropdown-scroll">
					                                        <ul class="w-full nav nav-pills flex flex-col flex-wrap list-none" role="tablist" data-te-nav-ref="">
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perOffres_Internet" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perOffres_Internet" role="tab" aria-controls="perOffres_Internet" aria-selected="true">
																					Offres Internet
							                                                	</a>
							                                            </li>
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perForfaits_Internet" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perForfaits_Internet" role="tab" aria-controls="perForfaits_Internet" aria-selected="true">
																					Forfaits Internet
							                                                	</a>
							                                            </li>
					                                        </ul>
				                                    </div>
			                                    <div class="tab-content flex-1" id="pills-tabContentVertical">
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perOffres_Internet" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/internet/ooredoo-box" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ooredoo Box
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/internet/ooredoo-internet" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ooredoo Internet
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/internet/facebook-en-mode-gratuit" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Facebook en mode gratuit
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perForfaits_Internet" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/internet/forfaits-internet" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Forfaits Internet
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="" data-fileentryid="2979986" 
									                                                            	src="/documents/20121/2969725/Img-5G-box.jpg/6eb10702-ff4c-f118-fa54-243d483a8033?t=1754580444272"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	5G
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        Dès le début, la 5G était notre mission
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/internet/5g" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
			                                    </div>
			                                </div>
			                                	<div class="flex gap-x-16 justify-center nav-bottom-line  py-3 px-14 text-xl mt-12">
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
																Ooredoo 500
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
																Dima Ooredoo
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
																N'YOOZ
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
																Ooredoo POP
															</a>
												</div>			
			                            </div>
            						</div>
	                    </li>
	                </ul>
	                <ul class="navbar-nav ml-4 nav-padding-right flex flex-row text-base text-base-1280 d-flex align-items-center" data-te-navbar-nav-ref="">
	                    <li class="static nav-menu-link hover-dropdown" data-te-nav-item-ref="" data-te-dropdown-ref="">
	                        	<a data-senna-off="true" href="/fr/particuliers/services" type="button" id="perMobOffers">
	                            	Services
	                        	</a>
														
		                        	<div id="navDropdownMenuServices" class="dropdown-menu-bar absolute hidden shadow left-0 top-full right-0 z-[1000] mt-0 hidden w-full border-none bg-white [&amp;[data-te-dropdown-show]]:block" data-te-dropdown-menu-ref="">
			                            <div class="flex w-full flex-col rounded-b-3xl bg-white px-12 py-12 nav-dropdown-part">
			                                <div class="flex w-full flex-1">
				                                    <div class="flex w-65 flex-col items-start self-start ltr:border-r rtl:border-l nav-dropdown-scroll">
					                                        <ul class="w-full nav nav-pills flex flex-col flex-wrap list-none" role="tablist" data-te-nav-ref="">
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perServices_phares" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perServices_phares" role="tab" aria-controls="perServices_phares" aria-selected="true">
																					Services phares
							                                                	</a>
							                                            </li>
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perDivertissement" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perDivertissement" role="tab" aria-controls="perDivertissement" aria-selected="true">
																					Divertissement
							                                                	</a>
							                                            </li>
							                                            <li class="nav-item flex-grow w-full" role="presentation">
							                                                	<a data-senna-off="true" href="#perUtile" class="drop-nav-main-button block w-full px-3 py-3 font-notosans font-regular text-base text-base-1280  ltr:text-left rtl:text-right whitespace-nowrap" data-toggle="pill" data-te-nav-active="" data-target="#perUtile" role="tab" aria-controls="perUtile" aria-selected="true">
																					Utile
							                                                	</a>
							                                            </li>
					                                        </ul>
				                                    </div>
			                                    <div class="tab-content flex-1" id="pills-tabContentVertical">
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perServices_phares" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/ranini" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ranini
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/grand-quiz-ooredoo" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Grand Quiz Ooredoo
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/khabbarni" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Khabbarni
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/stormili" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Stormili
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/estorm" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            eStorm
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/dima" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Dima
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="" data-fileentryid="4382756" 
									                                                            	src="/documents/20121/0/IMG-Box-MYO-FR.png/a58d1f53-8865-c871-ca19-f2655372931d?t=1778058766654"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	My Ooredoo
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        L’appli multifonctionnelle qui vous facilitera la vie !
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/services/my-ooredoo-last" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perDivertissement" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/blacknut" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Blacknut
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/ored" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ored
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/gamer-league" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Gamer League
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/tod" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            TOD
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/osn-anghami" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            OSN+ & Anghami Plus
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/shahid" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Shahid
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/anazik" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Anazik
										                                                        </a>
					                                                    					</div>
					                                                    					<div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/anaflix" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Anaflix
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
						                                        <div class="tab-pane hidden data-[te-tab-active]:block" id="perUtile" role="tabpanel" aria-labelledby="bus-mob-inter-offers" data-te-tab-active="">
						                                            <div>
						                                                <div class="flex justify-content-between">
																															
						                                                    <div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/bitdefender" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Bitdefender
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/storm" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Storm
																																									<span class="new-badge-wrapper">Nouveau</span>
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/ossali" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ossali
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/sabbaqli" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Sabbaqli
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/seaal-mobile" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            SEAAL Mobile
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/3awedli" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            3awedli
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/ooredoo-recharge" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Ooredoo Recharge
										                                                        </a>
					                                                    					</div>
					                                                    					<div class="flex flex-col space-y-2 px-2 py-2">
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/controle-parental" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Contrôle Parental
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/hameconnage" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Hameçonnage
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/khallasli" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Khallasli
										                                                        </a>
						                                                    					<a data-senna-off="true" href="/fr/particuliers/services/filtri" class="w-65 rounded-md px-2 py-1 hover:bg-brand-teal-1/20 ml-3 whitespace-normal">
										                                                            Filtri
										                                                        </a>
							                                                    </div>
						                                                    <div class="flex gap-x-6 justify-content-end">
									                                                        <div class="shadow rounded-b-xl w-337">
									                                                            	<picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><img class="w-100 h-auto rounded-t-xl"
									                                                            	alt="" data-fileentryid="75252" 
									                                                            	src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png/47c5b51e-3668-8e5a-932b-72f4f79809ad?t=1680237492552"></picture></picture>
									                                                            <div class="p-4">
									                                                                	<h3 class="mb-3 text-lg font-bold">	Noudjoum
									                                                                	</h3>
									                                                                <div class="flex items-center">
										                                                                    <p>
										                                                                        Votre fidélité est récompensée avec Ooredoo !
										                                                                    </p>
										                                                                    <a data-senna-off="true" href="/fr/particuliers/services/noudjoum" class="bg-brand-red-4 text-white px-4 py-2 rounded-full">
										                                                                    Découvrir
										                                                                	</a>
									                                                                </div>
									                                                            </div>
									                                                        </div>
						                                                    </div>
						                                                </div>
						                                            </div>
						                                        </div>
			                                    </div>
			                                </div>
			                                	<div class="flex gap-x-16 justify-center nav-bottom-line  py-3 px-14 text-xl mt-12">
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
																Ooredoo 500
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
																Dima Ooredoo
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
																N'YOOZ
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
																Ooredoo POP
															</a>
												</div>			
			                            </div>
            						</div>
	                    </li>
	                </ul>
	                <ul class="navbar-nav ml-4 nav-padding-right flex flex-row text-base text-base-1280 d-flex align-items-center" data-te-navbar-nav-ref="">
	                    <li class="static nav-menu-link hover-dropdown" data-te-nav-item-ref="" data-te-dropdown-ref="">
            					<a data-senna-off="true" href="/fr/particuliers/telephone-et-autres" type="button" id="perMobOffers">
	                            	Téléphone et autres
	                        	</a>
	                    </li>
	                </ul>
	                <ul class="navbar-nav ml-4 nav-padding-right flex flex-row text-base text-base-1280 d-flex align-items-center" data-te-navbar-nav-ref="">
	                    <li class="static nav-menu-link hover-dropdown" data-te-nav-item-ref="" data-te-dropdown-ref="">
	                        	<a data-senna-off="true" href="#" type="button" id="perMobOffers">
	                            	Assistance
	                        	</a>
														
		                        	<div id="navDropdownMenuAssistance" class="dropdown-menu-bar absolute hidden shadow left-0 top-full right-0 z-[1000] mt-0 hidden w-full border-none bg-white [&amp;[data-te-dropdown-show]]:block" data-te-dropdown-menu-ref="">
			                            <div class="flex w-full flex-col rounded-b-3xl bg-white px-12 py-12 nav-dropdown-part">
			                                <div class="flex w-full flex-1">
			                                    <div class="tab-content flex-1" id="pills-tabContentVertical">
						                                    		<div class="swiper pb-4" id="main-navigation-swiper">
  																		<div class="swiper-wrapper">
																				<div class="swiper-slide w-337">
																	                <div class="shadow w-337 mx-4 nav-swiper-card">
																							<picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><img class="slide-img" alt="No Image found" data-fileentryid="75256" src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+3.png/3a0dd54e-42ff-9bb2-fc28-0dfc34e274c9?t=1680242286349" /></picture></picture>
																	                    <div class="p-4">
																								<h3 class="mb-3 text-lg font-bold">Trouvez-nous</h3>
																	                        <div class="flex items-center justify-content-between gap-x-5">
																									<p class="text-sm slide-text">Localisez nos Espaces Ooredoo en toute facilité !</p>
																	                            <a href="/fr/particuliers/trouvez-nous" class="bg-brand-red-4 text-white px-4 py-1 rounded-full slide-btn">
																	                            	Découvrir
																	                            </a>
																	                        </div>
																	                    </div>
																	                </div>
																            	</div>
																				<div class="swiper-slide w-337">
																	                <div class="shadow w-337 mx-4 nav-swiper-card">
																							<picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><img class="slide-img" alt="" data-fileentryid="260440" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png/096f121d-8ea8-94f1-c19d-00a46967d2e5?t=1691577437066" /></picture></picture>
																	                    <div class="p-4">
																								<h3 class="mb-3 text-lg font-bold">Contactez-nous</h3>
																	                        <div class="flex items-center justify-content-between gap-x-5">
																									<p class="text-sm slide-text">Nous sommes à votre service <br> 24/7 !</p>
																	                            <a href="/fr/particuliers/contactez-nous" class="bg-brand-red-4 text-white px-4 py-1 rounded-full slide-btn">
																	                            	Découvrir
																	                            </a>
																	                        </div>
																	                    </div>
																	                </div>
																            	</div>
																				<div class="swiper-slide w-337">
																	                <div class="shadow w-337 mx-4 nav-swiper-card">
																							<picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><img class="slide-img" alt="" data-fileentryid="180469" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png/c87f65e1-bcc2-2acd-766d-1c99695fa777?t=1688237568769" /></picture></picture>
																	                    <div class="p-4">
																								<h3 class="mb-3 text-lg font-bold">Ooredoo vous Repond</h3>
																	                        <div class="flex items-center justify-content-between gap-x-5">
																									<p class="text-sm slide-text">Nous répondons à toutes vos questions !</p>
																	                            <a href="/fr/particuliers/ooredoo-vous-repond" class="bg-brand-red-4 text-white px-4 py-1 rounded-full slide-btn">
																	                            	Découvrir
																	                            </a>
																	                        </div>
																	                    </div>
																	                </div>
																            	</div>
																	    </div>
																	    <div class="hidden xl:block d-flex justify-content-between align-items-center navigation-swiper-arrow">
																			<div class="navigation-button-prev p-1 d-flex justify-content-center align-items-center">
																		       	<svg width="15" height="24" viewbox="0 0 15 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																					<path d="M5.91501 15.6653L5.91533 15.665L9.92389 11.6349L6.01809 7.49519C4.60767 6.00098 3.54096 4.86413 2.82114 4.08746C2.46149 3.69942 2.18682 3.39954 1.99867 3.1893C1.90496 3.0846 1.83017 2.99929 1.77626 2.93522C1.74965 2.90361 1.72484 2.87326 1.70428 2.84634C1.70402 2.846 1.70361 2.84547 1.70307 2.84478C1.69403 2.83319 1.64736 2.77336 1.61679 2.7013L1.61679 2.7013C1.27736 1.89937 1.64816 0.926647 2.47952 0.617896L2.48432 0.616115L2.48433 0.61614C2.65271 0.555561 2.82376 0.515519 3.00907 0.513809C3.19468 0.512096 3.36591 0.549101 3.53428 0.606816L3.54092 0.609092L3.54091 0.609138C3.68959 0.662447 3.81306 0.7647 3.94248 0.882865C4.08463 1.01266 4.2954 1.22208 4.62602 1.56222C5.29051 2.24583 6.47226 3.49189 8.62974 5.77227C10.7852 8.04839 11.964 9.2965 12.6122 10.0007C12.9349 10.3511 13.1341 10.5755 13.2584 10.7279C13.3754 10.8715 13.4629 10.994 13.5114 11.134C13.5652 11.2871 13.6164 11.516 13.6143 11.6845C13.6121 11.8529 13.5552 12.0805 13.4975 12.232C13.4456 12.3706 13.355 12.4908 13.2344 12.6312C13.1064 12.7803 12.9016 12.9992 12.5702 13.3409C11.9044 14.0275 10.6946 15.2436 8.4826 17.4613C6.26844 19.6832 5.05572 20.8973 4.37425 21.5629C4.03518 21.8941 3.81921 22.0978 3.67384 22.2237C3.54149 22.3384 3.41549 22.4373 3.26551 22.4866L3.2627 22.4875C2.98091 22.5783 2.62143 22.6039 2.32907 22.5067C1.64102 22.2797 1.1702 21.5629 1.25743 20.8429C1.25745 20.8427 1.25747 20.8426 1.25749 20.8424L1.75383 20.9031C1.7672 20.7922 1.81312 20.6323 1.85008 20.5505L5.91501 15.6653ZM5.91501 15.6653C4.46747 17.1233 3.37252 18.2322 2.63343 18.9898C2.26416 19.3684 1.98205 19.6609 1.78869 19.8661C1.69239 19.9683 1.61548 20.0515 1.55999 20.1141C1.5326 20.145 1.50703 20.1747 1.48581 20.2011C1.48554 20.2014 1.48512 20.2019 1.48455 20.2026C1.47519 20.214 1.42677 20.2729 1.3944 20.3444L5.91501 15.6653Z" fill="#D6001C" stroke="#D6001C"/>
																				</svg>
																		    </div>
																		    <div class="navigation-button-next p-1 d-flex justify-content-center align-items-center">
																		       	<svg width="15" height="24" viewbox="0 0 15 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																					<path d="M5.91501 15.6653L5.91533 15.665L9.92389 11.6349L6.01809 7.49519C4.60767 6.00098 3.54096 4.86413 2.82114 4.08746C2.46149 3.69942 2.18682 3.39954 1.99867 3.1893C1.90496 3.0846 1.83017 2.99929 1.77626 2.93522C1.74965 2.90361 1.72484 2.87326 1.70428 2.84634C1.70402 2.846 1.70361 2.84547 1.70307 2.84478C1.69403 2.83319 1.64736 2.77336 1.61679 2.7013L1.61679 2.7013C1.27736 1.89937 1.64816 0.926647 2.47952 0.617896L2.48432 0.616115L2.48433 0.61614C2.65271 0.555561 2.82376 0.515519 3.00907 0.513809C3.19468 0.512096 3.36591 0.549101 3.53428 0.606816L3.54092 0.609092L3.54091 0.609138C3.68959 0.662447 3.81306 0.7647 3.94248 0.882865C4.08463 1.01266 4.2954 1.22208 4.62602 1.56222C5.29051 2.24583 6.47226 3.49189 8.62974 5.77227C10.7852 8.04839 11.964 9.2965 12.6122 10.0007C12.9349 10.3511 13.1341 10.5755 13.2584 10.7279C13.3754 10.8715 13.4629 10.994 13.5114 11.134C13.5652 11.2871 13.6164 11.516 13.6143 11.6845C13.6121 11.8529 13.5552 12.0805 13.4975 12.232C13.4456 12.3706 13.355 12.4908 13.2344 12.6312C13.1064 12.7803 12.9016 12.9992 12.5702 13.3409C11.9044 14.0275 10.6946 15.2436 8.4826 17.4613C6.26844 19.6832 5.05572 20.8973 4.37425 21.5629C4.03518 21.8941 3.81921 22.0978 3.67384 22.2237C3.54149 22.3384 3.41549 22.4373 3.26551 22.4866L3.2627 22.4875C2.98091 22.5783 2.62143 22.6039 2.32907 22.5067C1.64102 22.2797 1.1702 21.5629 1.25743 20.8429C1.25745 20.8427 1.25747 20.8426 1.25749 20.8424L1.75383 20.9031C1.7672 20.7922 1.81312 20.6323 1.85008 20.5505L5.91501 15.6653ZM5.91501 15.6653C4.46747 17.1233 3.37252 18.2322 2.63343 18.9898C2.26416 19.3684 1.98205 19.6609 1.78869 19.8661C1.69239 19.9683 1.61548 20.0515 1.55999 20.1141C1.5326 20.145 1.50703 20.1747 1.48581 20.2011C1.48554 20.2014 1.48512 20.2019 1.48455 20.2026C1.47519 20.214 1.42677 20.2729 1.3944 20.3444L5.91501 15.6653Z" fill="#D6001C" stroke="#D6001C"/>
																				</svg>
																		    </div>
																		</div>
																	</div>
			                                    </div>
			                                </div>
			                                	<div class="flex gap-x-16 justify-center nav-bottom-line  py-3 px-14 text-xl mt-12">
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
																Ooredoo 500
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
																Dima Ooredoo
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
																N'YOOZ
															</a>
															<a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
																Ooredoo POP
															</a>
												</div>			
			                            </div>
            						</div>
	                    </li>
	                </ul>
<script type="text/javascript">
var swiper33 = new Swiper("#main-navigation-swiper", {
    rtl: true,
    slidesPerView: 3,
    spaceBetween: 0,
        navigation: {
        nextEl: ".navigation-button-next",
        prevEl: ".navigation-button-prev",
        },
  });
	$("li a").hover(
  // The first handler is executed when the mouse enters the element
  function() {
    // Trigger a click event on the element
    $(this).trigger("click");
  },
  // The second handler is optional and is executed when the mouse leaves the element
  function() {
    // Do something else if needed
  }
);
</script>     	
<style>


.drop-nav-main-button{
border-radius: 6px 0px 0px 6px !important;
}
.drop-nav-main-button:hover{
background-color: #D4F7F1 !important;
}
.drop-nav-main-button:active{
background-color: #D4F7F1 !important;
}
.nav-bottom-line{
 border-radius: 20px !important;
    background-color: rgba(234, 251, 248, 0.46) !important;
}
.dropdown-menu-bar{
border-radius: 0px 0px 10px 10px;
}
	#main-navigation-swiper .swiper-slide{
 width: fit-content !important;
}
.nav-dropdown-part{
	overflow-x: hidden !important;
}
#main-navigation-swiper .navigation-button-next, #main-navigation-swiper .navigation-button-prev{
	position: absolute;
	background: white;
    height: 42px;
    width: 40px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 10px;
}
#main-navigation-swiper .navigation-button-prev{
	transform: rotate(180deg);
	left:-110px;
}
#main-navigation-swiper .navigation-button-next{
	left:1020px;
}

		.navigation-swiper-arrow{
			position: absolute;
			top: 45%;
			left: 7%;
			z-index: 1010;
		}
		.search-bar-input {
					width: 354px !important;
			}
		
.nav-swiper-card{
	border-radius: 20px !important;
}
#main-navigation-swiper .swiper-button-disabled svg path{
	fill: #c2c2c2 !important;
	stroke: #c2c2c2 !important;
}
.new-badge-wrapper{
	width: 52px;
	height: 24px;
	padding: 0px 12px 0px 10px;
	border-radius: 4px;
	background: #F1C400;
	box-shadow: 0px 0px 4px 0px #00000040;
	margin-left: 1rem;
}

[dir=rtl] .ooredoo-search-bar {
    width: 0rem;
}

@media (max-width: 1344px) {
.nav-padding-right{
    padding-right: 0rem !important;
}
.rtl .nav-padding-right{
    padding-left: 0rem !important;
}
}

@media (min-width: 1280px) {
.megaMenu .w-337 {
    width: 18rem !important;
}
.rtl #main-navigation-swiper .navigation-button-prev{
	left:-10.5rem !important;
}
.rtl #main-navigation-swiper .navigation-button-next{
	left:56.5rem !important;
}


}



</style>

			
		</div>

		

	


	
	
	            </div>
	            <div class="flex-wrap flex pb-2 mb-1">
                    <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto ooredoo-search-bar">
<link href="/combo?browserId=firefox&amp;minifierType=css&amp;themeId=ooredootheme_WAR_ooredootheme&amp;languageId=fr_FR&amp;com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&amp;t=1790830072000" rel="stylesheet" type="text/css"
 />






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_  portlet-static portlet-static-end portlet-barebone portlet-search-bar" id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_">
		<span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch">

	<div class="portlet-content">


		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	
	
		<form action="https://www.ooredoo.dz/fr/search" id="dkrk___fm" method="get" name="dkrk___fm">
			

			

			





































	<!-- <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto">
									<input type="text"
										class="absolute inset-0 rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 ltr:pr-28 ltr:pl-4 rtl:pl-28 rtl:pr-4" />
									<button class="relative rounded-full bg-brand-red-4 px-6 py-3 font-semibold text-white">
										Search
									</button>
								</div> -->




















































<fieldset class="search-bar"  >
	
		
			<legend class="sr-only">
				Barre de recherche
			</legend>
		
	

	<div class="show" id="Content" role="presentation">
		<div class="panel-body">

	<div class="input-group search-bar-simple d-none d-md-block search-bar-nav">
		<div class="">
			<div class="form-outline d-flex align-items-center">
				
						<input
							autofocus
							class="rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none										 focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 search-bar-input form-control input-group-inset-after search-bar-keywords-input pr-48"
							data-qa-id="searchInput2"
							id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_snty"
							name="q"
							placeholder="Recherche..."
							title="Rechercher"
							type="text"
							value=" "
						/>
						<button aria-label="Envoyer" 
								class="nav-mob-search bg-brand-red-4 duration-300 font-semibold hover:bg-brand-red-1 px-3 px-xl-5 rounded-full text-white transition-colors absolute py-2 justify-content-end right-0" 
								type="submit"								
								>
				
				
					<div class="d-none d-xl-block">Rechercher</div>
					<div class="d-block d-xl-none">
						<svg width="21" height="19" viewbox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M9.34471 15.0417C13.098 15.0417 16.1406 12.2061 16.1406 8.70833C16.1406 5.21053 13.098 2.375 9.34471 2.375C5.59145 2.375 2.54883 5.21053 2.54883 8.70833C2.54883 12.2061 5.59145 15.0417 9.34471 15.0417Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M17.8398 16.6254L14.1445 13.1816" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						</svg>
					</div>
				</button>
			</div>
			
	  
		



































































	

		

		
			
				<input  class="field form-control"  id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"    name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"     type="hidden" value=""   />
			
		

		
	








			 
		</div>
	</div>


















































		</div>
	</div>
</fieldset>

<script>
function toggleSearchPage(inputFieldId){
console.log("toggleSearchPage");
	const inputField = document.getElementById(inputFieldId);
    const inputValue = inputField.value.trim();

    if (inputValue) {
        // Set the value of the target input field in the other form
        const targetInputField = document.getElementById("inputFieldIdSearchPage");
			const submitBtnIdSearchPage = document.getElementById("submitBtnIdSearchPage");
			
			
        targetInputField.value = inputValue;

        // Submit the form containing the target input field
			submitBtnIdSearchPage.click();
       // targetInputField.closest("form").submit();
    }
}
</script>
<style>
	fieldset.search-bar .panel-body{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet-content{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet{
		margin:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
    padding-right: 9rem;
    padding-left: 1rem;
	}
	@media (max-width: 768px) {
		.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
			padding-right: 3.5rem;
			padding-left: 1rem;
		}
	}
</style>

		</form>

		<script type="module">
import {SearchBar as ComponentModule} from '/o/portal-search-web/__liferay__/index.js';
{
Liferay.component('__UNNAMED_COMPONENT__bcbfb1cd-2d7a-059e-b4c8-dcadf4d4a11b', new ComponentModule({"formId":"dkrk___fm","namespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_","spritemap":"https:\/\/www.ooredoo.dz\/o\/ooredoo-theme\/images\/clay\/icons.svg","initialKeywords":"","retainFacetSelections":false}), { destroyOnNavigate: true, portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch'});
}

</script>
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






                    </div>
                    <div class="grid grid-flow-col gap-1 justify-center items-center  ltr:ml-10 rtl:mr-10 ltr:translate-x-1  rtl:-translate-x-1 border-none">
                        <!--





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_">
		<span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">

	<div class="portlet-content">


		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		









































































<form action="/fr/c/portal/update_language?redirect=%2Ffr%2Fparticuliers%3Fgad_source%3D1%26gad_campaignid%3D20328789526%26gbraid%3D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W%26gclid%3DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE&amp;groupId=20121&amp;privateLayout=false&amp;layoutId=23" class="form  " data-fm-namespace="" id="languageIdfm0_1791226838813" method="post" name="languageIdfm0_1791226838813" >
	

	


































































	

		

		
			
				<input  class="field form-control"  id="formDate"    name="formDate"     type="hidden" value="1791226838813"   />
			
		

		
	








	<div  class="d-flex gap-3 ooredoo-lang-selector">
		<img id="displayedImage" src="https://www.ooredoo.dz/o/ooredoo-theme/images/language/fr_FR.png" class="w-[24px] h-[24px] rounded-[50%] " alt="uk">
		<select onChange='languageIdchangeLanguage()' id='languageIdfm0_1791226838813' name='languageId' class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile">
				<option 
					value=en_US
					lang=en-US
					class="block px-4 py-2">EN </option>
				<option 
					value=ar_SA
					lang=ar-SA
					class="block px-4 py-2">AR </option>
				<option selected
					value=fr_FR
					lang=fr-FR
					class="block px-4 py-2">FR </option>
		</select>
	</div>






















































	

	
</form>



<script>
AUI().use(
  'liferay-form',
function(A) {
(function() {
var $ = AUI.$;var _ = AUI._;
	Liferay.Form.register(
		{
			id: 'languageIdfm0_1791226838813'

			
				, fieldRules: [

					

				]
			

			

			, validateOnBlur: true
		}
	);

	var onDestroyPortlet = function(event) {
		if (event.portletId === 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet') {
			delete Liferay.Form._INSTANCES['languageIdfm0_1791226838813'];
		}
	};

	Liferay.on('destroyPortlet', onDestroyPortlet);

	

	Liferay.fire(
		'_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_formReady',
		{
			formName: 'languageIdfm0_1791226838813'
		}
	);
})();
});

</script><script type="text/javascript">
function languageIdchangeLanguage() {
	submitForm(document.languageIdfm0_1791226838813);
}


</script><script>

</script><style>
	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{
		padding:0;
	}
	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{
		margin:0;
	}
	.ooredoo-lang-selector .pr-4{
    padding-right: 2rem !important;
}
.ooredoo-lang-selector .pb-1 {
    padding-bottom: 0.25rem !important;
}
.ooredoo-lang-selector .pt-1{
    padding-top: 0.25rem !important;
}
</style>

	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






-->
											<div class="d-flex gap-3 ooredoo-lang-selector">	
												<img id="displayedImage" src='/documents/d/guest/fr_fr-1' class="w-[24px] h-[24px] rounded-[50%]" > 
													<select
        
        id="languageIdWeb"
        name="languageId" class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile"
        fdprocessedid="0tfnyf">
				 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
				 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
        
    </select>
</div>
                    </div>
                </div>
    		</nav>
		</div>


		<!--tablet-->
	    <div class="hidden px-5 py-4 md:block xl:hidden">
	        <!-- first row -->
	        <div class="flex items-center justify-between">
	            <a href="/personal">
	                <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[auto] h-12 pb-3">
	            </a>
	            <div class="flex items-center gap-x-[14px]">
	                <div class="relative flex h-9 w-72 justify-end ltr:ml-auto rtl:mr-auto">






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_  portlet-static portlet-static-end portlet-barebone portlet-search-bar" id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_">
		<span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch">

	<div class="portlet-content">


		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	
	
		<form action="https://www.ooredoo.dz/fr/search" id="wfkm___fm" method="get" name="wfkm___fm">
			

			

			





































	<!-- <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto">
									<input type="text"
										class="absolute inset-0 rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 ltr:pr-28 ltr:pl-4 rtl:pl-28 rtl:pr-4" />
									<button class="relative rounded-full bg-brand-red-4 px-6 py-3 font-semibold text-white">
										Search
									</button>
								</div> -->




















































<fieldset class="search-bar"  >
	
		
			<legend class="sr-only">
				Barre de recherche
			</legend>
		
	

	<div class="show" id="Content" role="presentation">
		<div class="panel-body">

	<div class="input-group search-bar-simple d-none d-md-block search-bar-nav">
		<div class="">
			<div class="form-outline d-flex align-items-center">
				
						<input
							autofocus
							class="rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none										 focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 search-bar-input form-control input-group-inset-after search-bar-keywords-input pr-48"
							data-qa-id="searchInput2"
							id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_sikh"
							name="q"
							placeholder="Recherche..."
							title="Rechercher"
							type="text"
							value=" "
						/>
						<button aria-label="Envoyer" 
								class="nav-mob-search bg-brand-red-4 duration-300 font-semibold hover:bg-brand-red-1 px-3 px-xl-5 rounded-full text-white transition-colors absolute py-2 justify-content-end right-0" 
								type="submit"								
								>
				
				
					<div class="d-none d-xl-block">Rechercher</div>
					<div class="d-block d-xl-none">
						<svg width="21" height="19" viewbox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M9.34471 15.0417C13.098 15.0417 16.1406 12.2061 16.1406 8.70833C16.1406 5.21053 13.098 2.375 9.34471 2.375C5.59145 2.375 2.54883 5.21053 2.54883 8.70833C2.54883 12.2061 5.59145 15.0417 9.34471 15.0417Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M17.8398 16.6254L14.1445 13.1816" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						</svg>
					</div>
				</button>
			</div>
			
	  
		



































































	

		

		
			
				<input  class="field form-control"  id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"    name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"     type="hidden" value=""   />
			
		

		
	








			 
		</div>
	</div>


















































		</div>
	</div>
</fieldset>

<script>
function toggleSearchPage(inputFieldId){
console.log("toggleSearchPage");
	const inputField = document.getElementById(inputFieldId);
    const inputValue = inputField.value.trim();

    if (inputValue) {
        // Set the value of the target input field in the other form
        const targetInputField = document.getElementById("inputFieldIdSearchPage");
			const submitBtnIdSearchPage = document.getElementById("submitBtnIdSearchPage");
			
			
        targetInputField.value = inputValue;

        // Submit the form containing the target input field
			submitBtnIdSearchPage.click();
       // targetInputField.closest("form").submit();
    }
}
</script>
<style>
	fieldset.search-bar .panel-body{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet-content{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet{
		margin:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
    padding-right: 9rem;
    padding-left: 1rem;
	}
	@media (max-width: 768px) {
		.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
			padding-right: 3.5rem;
			padding-left: 1rem;
		}
	}
</style>

		</form>

		<script type="module">
import {SearchBar as ComponentModule} from '/o/portal-search-web/__liferay__/index.js';
{
Liferay.component('__UNNAMED_COMPONENT__a598c57c-76b5-34ad-5c7d-05a4d067a4fe', new ComponentModule({"formId":"wfkm___fm","namespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_","spritemap":"https:\/\/www.ooredoo.dz\/o\/ooredoo-theme\/images\/clay\/icons.svg","initialKeywords":"","retainFacetSelections":false}), { destroyOnNavigate: true, portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch'});
}

</script>
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






	                </div>
	                <div class="flex items-center gap-x-[14px]">
	                    <button id="navigationTabletDropdown" data-dropdown-toggle="navigation-section-teblet-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
	                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
	                        </svg>
	                    </button>
	                    <div id="navigation-section-teblet-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
	                        <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">
																<a href="/personal/noudjoum" class="block  py-2">

Noudjoum																</a>
														</li>
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">
																<a href="https://my.ooredoo.dz/" class="block  py-2">

My Ooredoo																</a>
														</li>
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">
																<a href="https://estorm.ooredoo.dz/" class="block py-2">

eStorm																</a>
														</li>
														<li class="">
																<img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">
																<a href="https://appstorm.ooredoo.dz/" class="block py-2">            
Partenaires																</a>
														</li>
												</ul>
	                    </div>
	                </div>
	                
								
								
								
								
								
								
		<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-decorate portlet-language"
    id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span
        id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
    <section class="portlet"
        id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
        <div class="portlet-content">
            <div class="portlet-content-container">
                <div class="portlet-body">
                    <form class="form"
                        data-fm-namespace=""
                        id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825"
                        method="post"
                        name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825">
                        <div class="d-flex gap-3 ooredoo-lang-selector">
                            <select
                                onchange="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage()"
                                id="languageIdTab"
                                name="languageId" class="border-0 py-1 text-gray-700 pr-4"
                                aria-labelledby="languageDropdownMobile">
															
											 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
											 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
                            </select>
                        </div>
                    </form>

                    <style>
                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {
                            padding: 0;
                        }

                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {
                            margin: 0;
                        }

                        .ooredoo-lang-selector .pr-4 {
                            padding-right: 2rem !important;
                        }

                        .ooredoo-lang-selector .pb-1 {
                            padding-bottom: 0.25rem !important;
                        }

                        .ooredoo-lang-selector .pt-1 {
                            padding-top: 0.25rem !important;
                        }
                    </style>
                </div>
            </div>
        </div>
    </section>
</div>
								
								
								
								
								
								
								
								
								
								
	            </div>
	        </div>
	        <!-- second row -->
	        <div class="mt-4 flex items-center justify-between">
	            <button id="tablet-menu-trigger-btn">
	                <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
	            </button>
	            <div class="h-9 text-base">
						          <a class="h-full rounded-full no-underline text-inherit  bg-brand-red-4 text-white tablet-menu-active-btn text-sm" data-senna-off="true" href="/fr/personal">
			                    <span class="inline-block section-text-tab">
Particuliers			                	</span>
			                </a>
						
						
						
						
						          <a class="h-full rounded-full no-underline text-inherit   text-sm" data-senna-off="true" href="/fr/business">
			                    <span class="inline-block section-text-tab">
Entreprises			                	</span>
			                </a>
						
						
						
						
						          <a class="h-full rounded-full no-underline text-inherit   text-sm" data-senna-off="true" href="/fr/about-us">
			                    <span class="inline-block section-text-tab">
Tout sur Ooredoo			                	</span>
			                </a>
						
						
						
						
	            </div>
	        </div>
	    </div>

	    <!--mobile-->
	    <div class="px-4 py-4 md:hidden">
	        <!-- first row -->
	        <div class="flex items-center justify-between">
	            <a href="/personal">
	                <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[120px]">
	            </a>
	            <div class="d-flex justify-end align-items-xl-center gap-x-2">
	                <div class="relative flex h-9 w-50 w-xl-72 justify-end ltr:ml-auto rtl:mr-auto">
	                    <button id="mobile-nav-search" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
	                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" fill="white"/></svg>
	                    </button>






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_  portlet-static portlet-static-end portlet-barebone portlet-search-bar" id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_">
		<span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch">

	<div class="portlet-content">


		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	
	
		<form action="https://www.ooredoo.dz/fr/search" id="xqvr___fm" method="get" name="xqvr___fm">
			

			

			





































	<!-- <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto">
									<input type="text"
										class="absolute inset-0 rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 ltr:pr-28 ltr:pl-4 rtl:pl-28 rtl:pr-4" />
									<button class="relative rounded-full bg-brand-red-4 px-6 py-3 font-semibold text-white">
										Search
									</button>
								</div> -->




















































<fieldset class="search-bar"  >
	
		
			<legend class="sr-only">
				Barre de recherche
			</legend>
		
	

	<div class="show" id="Content" role="presentation">
		<div class="panel-body">

	<div class="input-group search-bar-simple d-none d-md-block search-bar-nav">
		<div class="">
			<div class="form-outline d-flex align-items-center">
				
						<input
							autofocus
							class="rounded-full border-brand-gray-2/10 bg-brand-gray-7 focus:border-brand-gray-2/10 focus:outline-none										 focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 search-bar-input form-control input-group-inset-after search-bar-keywords-input pr-48"
							data-qa-id="searchInput2"
							id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_jgze"
							name="q"
							placeholder="Recherche..."
							title="Rechercher"
							type="text"
							value=" "
						/>
						<button aria-label="Envoyer" 
								class="nav-mob-search bg-brand-red-4 duration-300 font-semibold hover:bg-brand-red-1 px-3 px-xl-5 rounded-full text-white transition-colors absolute py-2 justify-content-end right-0" 
								type="submit"								
								>
				
				
					<div class="d-none d-xl-block">Rechercher</div>
					<div class="d-block d-xl-none">
						<svg width="21" height="19" viewbox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M9.34471 15.0417C13.098 15.0417 16.1406 12.2061 16.1406 8.70833C16.1406 5.21053 13.098 2.375 9.34471 2.375C5.59145 2.375 2.54883 5.21053 2.54883 8.70833C2.54883 12.2061 5.59145 15.0417 9.34471 15.0417Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M17.8398 16.6254L14.1445 13.1816" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						</svg>
					</div>
				</button>
			</div>
			
	  
		



































































	

		

		
			
				<input  class="field form-control"  id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"    name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope"     type="hidden" value=""   />
			
		

		
	








			 
		</div>
	</div>


















































		</div>
	</div>
</fieldset>

<script>
function toggleSearchPage(inputFieldId){
console.log("toggleSearchPage");
	const inputField = document.getElementById(inputFieldId);
    const inputValue = inputField.value.trim();

    if (inputValue) {
        // Set the value of the target input field in the other form
        const targetInputField = document.getElementById("inputFieldIdSearchPage");
			const submitBtnIdSearchPage = document.getElementById("submitBtnIdSearchPage");
			
			
        targetInputField.value = inputValue;

        // Submit the form containing the target input field
			submitBtnIdSearchPage.click();
       // targetInputField.closest("form").submit();
    }
}
</script>
<style>
	fieldset.search-bar .panel-body{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet-content{
		padding:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .portlet{
		margin:0;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
    padding-right: 9rem;
    padding-left: 1rem;
	}
	@media (max-width: 768px) {
		.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {
			padding-right: 3.5rem;
			padding-left: 1rem;
		}
	}
</style>

		</form>

		<script type="module">
import {SearchBar as ComponentModule} from '/o/portal-search-web/__liferay__/index.js';
{
Liferay.component('__UNNAMED_COMPONENT__53275d90-8d14-3529-2942-c7d2075fa6ea', new ComponentModule({"formId":"xqvr___fm","namespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_","spritemap":"https:\/\/www.ooredoo.dz\/o\/ooredoo-theme\/images\/clay\/icons.svg","initialKeywords":"","retainFacetSelections":false}), { destroyOnNavigate: true, portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch'});
}

</script>
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






	                </div>
	                <div class="flex items-center gap-x-[14px]">
	                    <button id="navigationDropdown" data-dropdown-toggle="navigation-section-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">
	                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>
	                        </svg>
	                    </button>
	                    <div id="navigation-section-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
	                        <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">
																<a href="/personal/noudjoum" class="block  py-2">

Noudjoum																</a>
														</li>
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">
																<a href="https://my.ooredoo.dz/" class="block  py-2">

My Ooredoo																</a>
														</li>
														<li class="border-b border-gray-300">
																<img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">
																<a href="https://estorm.ooredoo.dz/" class="block py-2">

eStorm																</a>
														</li>
														<li class="">
																<img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">
																<a href="https://appstorm.ooredoo.dz/" class="block  py-2">            
Partenaires																</a>
														</li>
												</ul>
	                    </div>
	                </div>
	                
								
								
								
								
								
								
								
								<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-decorate portlet-language" id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
            <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
             <div class="portlet-content">
              <div class="portlet-content-container">
               <div class="portlet-body">
                <form action="/fr/c/portal/update_language?p_l_id=24&amp;redirect=%2Ffr%2Fentreprises" class="form" data-fm-namespace="" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586" method="post" name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586"><input class="field form-control" id="formDate" name="formDate" type="hidden" value="1700720685587">
                 <div class="d-flex gap-3 ooredoo-lang-selector">
									 <img id="displayedImage" src='/documents/d/guest/fr_fr-1' class="w-[24px] h-[24px] rounded-[50%]" alt="uk"> 
									 <select id="languageIdMobile" name="languageId" class="border-0 py-1 text-gray-700 pr-4 bg-brand-red-4" aria-labelledby="languageDropdownMobile"> 
									 
											 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>
											 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>
									 </select>
                 </div>
                </form>
                <script>

</script>
                <style>
	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{
		padding:0;
	}
	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{
		margin:0;
	}
	.ooredoo-lang-selector .pr-4{
    padding-right: 2rem !important;
}
.ooredoo-lang-selector .pb-1 {
    padding-bottom: 0.25rem !important;
}
.ooredoo-lang-selector .pt-1{
    padding-top: 0.25rem !important;
}
.nav-mob-search .d-xl-none{
	    display: block !important;
	}
	.nav-mob-search .d-xl-block{
	    display: none !important;
	}
.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {

    width: 250px !important;
}									
</style>
               </div>
              </div>
             </div>
            </section>
           </div>
								
								
								
								
								
								
	            </div>
	        </div>
	        <!-- second row -->
	        <div class="mt-4 flex items-center justify-between">
	            <button id="mobile-menu-trigger-btn">
	                <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">
	            </button>
	            <div class="flex items-center gap-x-[14px]">
			                <button id="navigationDropdown" data-dropdown-toggle="navigation-dropdown" class="inline-flex items-center rounded-full bg-brand-red-4 px-4 py-2 text-center text-white justify-center section-btn" type="button">
Particuliers			                    <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
			                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
			                    </svg>
			                </button>
	            		
			                <div id="navigation-dropdown" class="z-10 hidden w-44 rounded-xl bg-white shadow" data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: -1rem auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">
			                	<ul class="custom-list custom-list-mobile py-1 text-sm text-black/80" aria-labelledby="navigationDropdown" >
                        <li>
                            <a href="/fr/personal" class="block px-4 py-2">Particuliers</a>
                        </li>
	            		
                        <li>
                            <a href="/fr/business" class="block px-4 py-2">Entreprises</a>
                        </li>
	            		
                        <li>
                            <a href="/fr/about-us" class="block px-4 py-2">Tout sur Ooredoo</a>
                        </li>
            		</ul>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	<div id="colorChangeButton" style="display: none"></div>

























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="190059" data-analytics-asset-title="Particuliers" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="87605">
			

			

<!-- Mobile Nav Inside -->
<div class="fixed mob-nav-fix-top inset-0 transition-opacity opacity-0 bg-black/40 z-[99999] block md:hidden xl:hidden pointer-events-none" id="mobile-menu-overlay">
            <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3" id="mobile-menu-content">
                <!-- sidebar close button -->
                <button id="mobile-menu-close-btn" class="mb-4 ml-px">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14.7836 11.9995L22.5766 4.20654C22.9465 3.83734 23.1545 3.33634 23.155 2.81375C23.1554 2.29116 22.9483 1.78979 22.5791 1.41994C22.2099 1.05009 21.7089 0.842046 21.1863 0.841584C20.6637 0.841123 20.1623 1.04828 19.7925 1.41748L11.9995 9.21045L4.20654 1.41748C3.83669 1.04763 3.33506 0.839844 2.81201 0.839844C2.28896 0.839844 1.78733 1.04763 1.41748 1.41748C1.04763 1.78733 0.839844 2.28896 0.839844 2.81201C0.839844 3.33506 1.04763 3.83669 1.41748 4.20654L9.21045 11.9995L1.41748 19.7925C1.04763 20.1623 0.839844 20.664 0.839844 21.187C0.839844 21.7101 1.04763 22.2117 1.41748 22.5815C1.78733 22.9514 2.28896 23.1592 2.81201 23.1592C3.33506 23.1592 3.83669 22.9514 4.20654 22.5815L11.9995 14.7886L19.7925 22.5815C20.1623 22.9514 20.664 23.1592 21.187 23.1592C21.7101 23.1592 22.2117 22.9514 22.5815 22.5815C22.9514 22.2117 23.1592 21.7101 23.1592 21.187C23.1592 20.664 22.9514 20.1623 22.5815 19.7925L14.7836 11.9995Z" fill="black"></path>
                    </svg>
                </button>
                <div class="d-flex justify-content-between flex-column h-75">
                    <div id="top-level-items">
												
                                        <button id="bus-Offresmobiles-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Offres mobiles</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
												
                                        <button id="bus-Internet-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Internet</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
												
                                        <button id="bus-Services-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Services</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
												
                                        <a data-senna-off="true" href="/fr/particuliers/telephone-et-autres" class="block py-3 border-b text-xl">Téléphone et autres</a>
												
                                        <button id="bus-Assistance-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Assistance</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
                    </div> 
										
                            <div class="flex gap-x-16 rounded-b-lg bg-brand-teal-1/10 py-3 px-14 text-xl mt-12 mb-5 overflow-y-auto">
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
                                            Ooredoo 500
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
                                            Dima Ooredoo
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
                                            N'YOOZ
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
                                            Ooredoo POP
                                        </a>
                            </div>
                </div> 
            </div>
</div>
                    <div class="fixed mob-nav-fix-top inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:hidden xl:hidden pointer-events-none mobile-sub-menu" id="bus-Offresmobiles-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3" id="bus-Offresmobiles-sub-menu-content">
                            <p class="flex w-full mb-2" id="bus-Offresmobiles-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/offres-mobiles" type="button" id="perMobOffers">
	                            	Offres mobiles
	                        	</a>
														
														</p>
                                        <div class="accordion accordion-flush" id="Offres-mobiles">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="OffresCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#OffresCollapseOne" aria-expanded="true" aria-controls="OffresCollapseOne">
                                                Offres
                                            </button>
                                        </h2>
                                            <div id="OffresCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="OffresCollapse-headingOne" data-te-parent="#Offres-mobiles">
                                                <div class="accordion-body">
                                                                <p class="w-full block px-4 border-b py-3 text-sm font-medium"><strong>Offres Prépayées</strong>
																																</p>
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" >Ooredoo 500
																																						</a>
                                                                                                                        
																																																												
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/la-gold" >La Gold
																																							<span class="new-badge-wrapper">Promo</span>
																																						</a>
                                                                                                                        
																																																												
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-scholar" >Ooredoo Scholar
																																						</a>
                                                                                                                        
																																																												
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" >N'YOOZ
																																						</a>
                                                                                                                        
																																																												
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" >Dima Ooredoo
																																						</a>
                                                                                                                        
																																																												
                                                                                                                        
																																																												
                                                                <p class="w-full block px-4 border-b py-3 text-sm font-medium"><strong>Offres Postpayées</strong>
																																</p>
                                                                            <a class="w-full block pr-4 pl-6 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" >Ooredoo POP
																																							<span class="new-badge-wrapper">Nouveau</span>
																																						</a>
                                                                                                                        
																																																												
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><img class="img-cover"
                                                                        alt="" data-fileentryid="2850563" 
                                                                        src="/documents/20121/0/IMG-ooredoo-500-FR.jpg/9a87cdcc-437f-0906-0f53-8c88e31ce289?t=1739892677711"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> Ooredoo 500
                                                                            </h3>
                                                                            <p>
                                                                                Découvrez la sérénité avec Ooredoo 500 ! une offre flexible et innovante
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="Forfaits-à-la-demandeCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#Forfaits-à-la-demandeCollapseOne" aria-expanded="true" aria-controls="Forfaits-à-la-demandeCollapseOne">
                                                Forfaits à la demande
                                            </button>
                                        </h2>
                                            <div id="Forfaits-à-la-demandeCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="Forfaits-à-la-demandeCollapse-headingOne" data-te-parent="#Offres-mobiles">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-appels">
                                                                    Forfaits Appels 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-smart">
                                                                    Forfaits Smart 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-international">
                                                                    Forfaits International 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/offres-mobiles/forfaits-voyage">
                                                                    Forfaits Voyage 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><img class="img-cover"
                                                                        alt="No Image Found" data-fileentryid="75224" 
                                                                        src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+1.png/78a8ed4e-bd08-ae72-465a-36d98d949fd9?t=1680070544042"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> International
                                                                            </h3>
                                                                            <p>
                                                                                Restez en contact avec vos proches à l’étranger!
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/international" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><img class="img-cover"
                                                                        alt="No Image Found" data-fileentryid="75228" 
                                                                        src="/documents/20121/0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png/ed1ef758-ed45-3674-a995-84311d560028?t=1680070742146"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> En Voyage (Roaming)
                                                                            </h3>
                                                                            <p>
                                                                                Profitez de votre voyage en toute sérénité !
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/roaming" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                            </div>
                    </div>
                </div>
                 <script type="text/javascript">
								 $(document).ready(function () {
                        let busOffresmobilesSubMenuTrigger = document.querySelector("#bus-Offresmobiles-btn");
                        let busOffresmobilesSubMenuOverlay = document.querySelector("#bus-Offresmobiles-sub-menu-overlay");
                        let busOffresmobilesSubMenuContent = document.querySelector("#bus-Offresmobiles-sub-menu-content");
                        let busOffresmobilesSubMenuCloseBtn = document.querySelector("#bus-Offresmobiles-sub-menu-close-btn");
                        busOffresmobilesSubMenuTrigger ?.addEventListener("click", toggleOffresmobilesMenu);
                        busOffresmobilesSubMenuOverlay?.addEventListener("click", toggleOffresmobilesMenu);
                        busOffresmobilesSubMenuCloseBtn ?.addEventListener("click", toggleOffresmobilesMenu);
                        busOffresmobilesSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
                        function toggleOffresmobilesMenu() {
    busOffresmobilesSubMenuOverlay.classList.toggle("show");
busOffresmobilesSubMenuContent.classList.toggle("show");

}
    });

									
                    </script>
                    <div class="fixed mob-nav-fix-top inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:hidden xl:hidden pointer-events-none mobile-sub-menu" id="bus-Internet-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3" id="bus-Internet-sub-menu-content">
                            <p class="flex w-full mb-2" id="bus-Internet-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/internet" type="button" id="perMobOffers">
	                            	Internet
	                        	</a>
														
														</p>
                                        <div class="accordion accordion-flush" id="Internet">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="Offres-InternetCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#Offres-InternetCollapseOne" aria-expanded="true" aria-controls="Offres-InternetCollapseOne">
                                                Offres Internet
                                            </button>
                                        </h2>
                                            <div id="Offres-InternetCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="Offres-InternetCollapse-headingOne" data-te-parent="#Internet">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/internet/ooredoo-box">
                                                                    Ooredoo Box 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/internet/ooredoo-internet">
                                                                    Ooredoo Internet 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/internet/facebook-en-mode-gratuit">
                                                                    Facebook en mode gratuit 
                                                            </a>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="Forfaits-InternetCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#Forfaits-InternetCollapseOne" aria-expanded="true" aria-controls="Forfaits-InternetCollapseOne">
                                                Forfaits Internet
                                            </button>
                                        </h2>
                                            <div id="Forfaits-InternetCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="Forfaits-InternetCollapse-headingOne" data-te-parent="#Internet">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/internet/promo-ramadhan">
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/internet/forfaits-internet">
                                                                    Forfaits Internet 
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><img class="img-cover"
                                                                        alt="" data-fileentryid="2979986" 
                                                                        src="/documents/20121/2969725/Img-5G-box.jpg/6eb10702-ff4c-f118-fa54-243d483a8033?t=1754580444272"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> 5G
                                                                            </h3>
                                                                            <p>
                                                                                Dès le début, la 5G était notre mission
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/internet/5g" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                            </div>
                    </div>
                </div>
                 <script type="text/javascript">
								 $(document).ready(function () {
                        let busInternetSubMenuTrigger = document.querySelector("#bus-Internet-btn");
                        let busInternetSubMenuOverlay = document.querySelector("#bus-Internet-sub-menu-overlay");
                        let busInternetSubMenuContent = document.querySelector("#bus-Internet-sub-menu-content");
                        let busInternetSubMenuCloseBtn = document.querySelector("#bus-Internet-sub-menu-close-btn");
                        busInternetSubMenuTrigger ?.addEventListener("click", toggleInternetMenu);
                        busInternetSubMenuOverlay?.addEventListener("click", toggleInternetMenu);
                        busInternetSubMenuCloseBtn ?.addEventListener("click", toggleInternetMenu);
                        busInternetSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
                        function toggleInternetMenu() {
    busInternetSubMenuOverlay.classList.toggle("show");
busInternetSubMenuContent.classList.toggle("show");

}
    });

									
                    </script>
                    <div class="fixed mob-nav-fix-top inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:hidden xl:hidden pointer-events-none mobile-sub-menu" id="bus-Services-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3" id="bus-Services-sub-menu-content">
                            <p class="flex w-full mb-2" id="bus-Services-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/services" type="button" id="perMobOffers">
	                            	Services
	                        	</a>
														
														</p>
                                        <div class="accordion accordion-flush" id="Services">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="Services-pharesCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#Services-pharesCollapseOne" aria-expanded="true" aria-controls="Services-pharesCollapseOne">
                                                Services phares
                                            </button>
                                        </h2>
                                            <div id="Services-pharesCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="Services-pharesCollapse-headingOne" data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/ramadhaniyate">
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/ranini">
                                                                    Ranini 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/grand-quiz-ooredoo">
                                                                    Grand Quiz Ooredoo 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/khabbarni">
                                                                    Khabbarni 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/stormili">
                                                                    Stormili 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/estorm">
                                                                    eStorm 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/dima">
                                                                    Dima 
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><img class="img-cover"
                                                                        alt="" data-fileentryid="4382756" 
                                                                        src="/documents/20121/0/IMG-Box-MYO-FR.png/a58d1f53-8865-c871-ca19-f2655372931d?t=1778058766654"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> My Ooredoo
                                                                            </h3>
                                                                            <p>
                                                                                L’appli multifonctionnelle qui vous facilitera la vie !
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/services/my-ooredoo-last" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="DivertissementCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#DivertissementCollapseOne" aria-expanded="true" aria-controls="DivertissementCollapseOne">
                                                Divertissement
                                            </button>
                                        </h2>
                                            <div id="DivertissementCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="DivertissementCollapse-headingOne" data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/blacknut">
                                                                    Blacknut 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/ored">
                                                                    Ored 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/gamer-league">
                                                                    Gamer League 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/tod">
                                                                    TOD 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/osn-anghami">
                                                                    OSN+ & Anghami Plus 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/shahid">
                                                                    Shahid 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/anazik">
                                                                    Anazik 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/anaflix">
                                                                    Anaflix 
                                                            </a>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0" id="UtileCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none" type="button" data-te-collapse-init="" data-te-target="#UtileCollapseOne" aria-expanded="true" aria-controls="UtileCollapseOne">
                                                Utile
                                            </button>
                                        </h2>
                                            <div id="UtileCollapseOne" class="!visible border-0" data-te-collapse-item="" data-te-collapse-show="" aria-labelledby="UtileCollapse-headingOne" data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/bitdefender">
                                                                    Bitdefender 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/storm">
                                                                    Storm 
																																							<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/ossali">
                                                                    Ossali 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/sabbaqli">
                                                                    Sabbaqli 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/seaal-mobile">
                                                                    SEAAL Mobile 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/3awedli">
                                                                    3awedli 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/ooredoo-recharge">
                                                                    Ooredoo Recharge 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/controle-parental">
                                                                    Contrôle Parental 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/hameconnage">
                                                                    Hameçonnage 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/khallasli">
                                                                    Khallasli 
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm" data-senna-off="true" href="/fr/particuliers/services/filtri">
                                                                    Filtri 
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><img class="img-cover"
                                                                        alt="" data-fileentryid="75252" 
                                                                        src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png/47c5b51e-3668-8e5a-932b-72f4f79809ad?t=1680237492552"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold"> Noudjoum
                                                                            </h3>
                                                                            <p>
                                                                                Votre fidélité est récompensée avec Ooredoo !
                                                                            </p>
                                                                        <a data-senna-off="true" href="/fr/particuliers/services/noudjoum" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                            </div>
                    </div>
                </div>
                 <script type="text/javascript">
								 $(document).ready(function () {
                        let busServicesSubMenuTrigger = document.querySelector("#bus-Services-btn");
                        let busServicesSubMenuOverlay = document.querySelector("#bus-Services-sub-menu-overlay");
                        let busServicesSubMenuContent = document.querySelector("#bus-Services-sub-menu-content");
                        let busServicesSubMenuCloseBtn = document.querySelector("#bus-Services-sub-menu-close-btn");
                        busServicesSubMenuTrigger ?.addEventListener("click", toggleServicesMenu);
                        busServicesSubMenuOverlay?.addEventListener("click", toggleServicesMenu);
                        busServicesSubMenuCloseBtn ?.addEventListener("click", toggleServicesMenu);
                        busServicesSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
                        function toggleServicesMenu() {
    busServicesSubMenuOverlay.classList.toggle("show");
busServicesSubMenuContent.classList.toggle("show");

}
    });

									
                    </script>
                    <div class="fixed mob-nav-fix-top inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:hidden xl:hidden pointer-events-none mobile-sub-menu" id="bus-Assistance-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3" id="bus-Assistance-sub-menu-content">
                            <p class="flex w-full mb-2" id="bus-Assistance-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="#" type="button" id="perMobOffers">
	                            	Assistance
	                        	</a>
														
														</p>
                                        <div class="shadow rounded-xl border d-flex my-2">
                                                <div class="mob-img-cover col-5 p-2 rounded">
                                                    <picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><img class="img-cover"
                                                alt="No Image found" data-fileentryid="75256" src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+3.png/3a0dd54e-42ff-9bb2-fc28-0dfc34e274c9?t=1680242286349"></picture></picture>
                                                </div>
                                            <div class="p-3 col-7 d-flex flex-col gap-3">
                                                    <h3 class="mb-0 text-lg font-bold"> Trouvez-nous
                                                    </h3>
                                                    <p>
                                                        Localisez nos Espaces Ooredoo en toute facilité !
                                                    </p>
                                                <a data-senna-off="true" href="/fr/particuliers/trouvez-nous" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white">
                                                    Découvrir
                                                </a>
                                            </div>
                                        </div>
                                        <div class="shadow rounded-xl border d-flex my-2">
                                                <div class="mob-img-cover col-5 p-2 rounded">
                                                    <picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><img class="img-cover"
                                                alt="" data-fileentryid="260440" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png/096f121d-8ea8-94f1-c19d-00a46967d2e5?t=1691577437066"></picture></picture>
                                                </div>
                                            <div class="p-3 col-7 d-flex flex-col gap-3">
                                                    <h3 class="mb-0 text-lg font-bold"> Contactez-nous
                                                    </h3>
                                                    <p>
                                                        Nous sommes à votre service <br> 24/7 !
                                                    </p>
                                                <a data-senna-off="true" href="/fr/particuliers/contactez-nous" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white">
                                                    Découvrir
                                                </a>
                                            </div>
                                        </div>
                                        <div class="shadow rounded-xl border d-flex my-2">
                                                <div class="mob-img-cover col-5 p-2 rounded">
                                                    <picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><img class="img-cover"
                                                alt="" data-fileentryid="180469" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png/c87f65e1-bcc2-2acd-766d-1c99695fa777?t=1688237568769"></picture></picture>
                                                </div>
                                            <div class="p-3 col-7 d-flex flex-col gap-3">
                                                    <h3 class="mb-0 text-lg font-bold"> Ooredoo vous Repond
                                                    </h3>
                                                    <p>
                                                        Nous répondons à toutes vos questions !
                                                    </p>
                                                <a data-senna-off="true" href="/fr/particuliers/ooredoo-vous-repond" class="bg-brand-red-4 btn btn-danger w-100 rounded-full text-white">
                                                    Découvrir
                                                </a>
                                            </div>
                                        </div>
                            </div>
                    </div>
                </div>
                 <script type="text/javascript">
								 $(document).ready(function () {
                        let busAssistanceSubMenuTrigger = document.querySelector("#bus-Assistance-btn");
                        let busAssistanceSubMenuOverlay = document.querySelector("#bus-Assistance-sub-menu-overlay");
                        let busAssistanceSubMenuContent = document.querySelector("#bus-Assistance-sub-menu-content");
                        let busAssistanceSubMenuCloseBtn = document.querySelector("#bus-Assistance-sub-menu-close-btn");
                        busAssistanceSubMenuTrigger ?.addEventListener("click", toggleAssistanceMenu);
                        busAssistanceSubMenuOverlay?.addEventListener("click", toggleAssistanceMenu);
                        busAssistanceSubMenuCloseBtn ?.addEventListener("click", toggleAssistanceMenu);
                        busAssistanceSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
                        function toggleAssistanceMenu() {
    busAssistanceSubMenuOverlay.classList.toggle("show");
busAssistanceSubMenuContent.classList.toggle("show");

}
    });

									
                    </script>
<script>
								 $(document).ready(function () {
                        const mobileMenuTriggerBtn = document.getElementById("mobile-menu-trigger-btn");
const mobileMenuContent = document.getElementById("mobile-menu-content");
const mobileMenuOverlay = document.getElementById("mobile-menu-overlay");

mobileMenuTriggerBtn.addEventListener("click", () => {
    mobileMenuContent.classList.toggle("show");
    mobileMenuOverlay.classList.toggle("show");
		document.body.classList.toggle("no-scroll");
		console.log("open");
});
const mobileMenuCloseBtn = document.getElementById("mobile-menu-close-btn");

mobileMenuCloseBtn.addEventListener("click", () => {
		mobileMenuContent.classList.toggle("show");
    mobileMenuOverlay.classList.remove("show");
		document.body.classList.remove("no-scroll");
		console.log("colse");
});
    });

</script>
<style>
    .mob-img-cover{
        position: relative;
        overflow: hidden;
    }
    .mob-img-cover .img-cover{
        margin-left: 0px;
        border-radius: 12px;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
		.no-scroll {
    overflow: hidden;
    position: fixed; /* Optional: Prevent scrolling on iOS */
}


</style>                          




			
		</div>

		

	



























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="190059" data-analytics-asset-title="Particuliers" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="87605">
			

			

<!--Tablet Nav Inside -->
<div class="fixed inset-0 transition-opacity opacity-0 bg-black/40 z-[99999] hidden md:block xl:hidden pointer-events-none" id="tablet-menu-overlay">
            <div class="bg-white w-[400px] h-screen overflow-y-auto -translate-x-full transition-transform px-5 py-4" id="tablet-menu-content">
                <!-- logo -->
                <img src="/documents/d/guest/logo" alt="Logo" class="w-[190px] mb-5">

                <!-- sidebar close button if content was there --> 
                 <button id="tablet-menu-close-btn" class="mb-5 ml-px">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14.7836 11.9995L22.5766 4.20654C22.9465 3.83734 23.1545 3.33634 23.155 2.81375C23.1554 2.29116 22.9483 1.78979 22.5791 1.41994C22.2099 1.05009 21.7089 0.842046 21.1863 0.841584C20.6637 0.841123 20.1623 1.04828 19.7925 1.41748L11.9995 9.21045L4.20654 1.41748C3.83669 1.04763 3.33506 0.839844 2.81201 0.839844C2.28896 0.839844 1.78733 1.04763 1.41748 1.41748C1.04763 1.78733 0.839844 2.28896 0.839844 2.81201C0.839844 3.33506 1.04763 3.83669 1.41748 4.20654L9.21045 11.9995L1.41748 19.7925C1.04763 20.1623 0.839844 20.664 0.839844 21.187C0.839844 21.7101 1.04763 22.2117 1.41748 22.5815C1.78733 22.9514 2.28896 23.1592 2.81201 23.1592C3.33506 23.1592 3.83669 22.9514 4.20654 22.5815L11.9995 14.7886L19.7925 22.5815C20.1623 22.9514 20.664 23.1592 21.187 23.1592C21.7101 23.1592 22.2117 22.9514 22.5815 22.5815C22.9514 22.2117 23.1592 21.7101 23.1592 21.187C23.1592 20.664 22.9514 20.1623 22.5815 19.7925L14.7836 11.9995Z" fill="black"></path>
                    </svg>
                </button>             
                <div class="d-flex h-100 justify-content-between flex-column">
                    <div id="tab-level-items">
												
														
                                        <button id="tab-Offresmobiles-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Offres mobiles</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
																
												
														
                                        <button id="tab-Internet-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Internet</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
																
												
														
                                        <button id="tab-Services-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Services</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
																
												
														
                                        <a data-senna-off="true" href="/fr/particuliers/telephone-et-autres" class="block py-3 border-b text-xl">Téléphone et autres</a>
																
												
														
                                        <button id="tab-Assistance-btn" class="flex items-center justify-between text-xl w-full border-b py-3">
                                            <p>Assistance</p>
                                            <svg class="w-6 h-6 shrink-0 rotate-180" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                            </svg>
                                        </button>
																
                    </div> 
										
                            <div class="flex gap-x-16 rounded-b-lg bg-brand-teal-1/10 py-3 px-14 text-xl mt-12 mb-5 overflow-y-auto">
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-500" class="nav-recent-links">
                                            Ooredoo 500
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/dima-ooredoo" class="nav-recent-links">
                                            Dima Ooredoo
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/n-yooz" class="nav-recent-links">
                                            N'YOOZ
                                        </a>
                                        <a data-senna-off="true" href="/fr/particuliers/offres-mobiles/ooredoo-pop" class="nav-recent-links">
                                            Ooredoo POP
                                        </a>
                            </div>
                </div>
            </div>
</div>
                    <div class="fixed inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:block xl:hidden pointer-events-none tablet-sub-menu"
                        id="tab-Offresmobiles-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3"
                            id="tab-Offresmobiles-sub-menu-content">
                            <p class="flex w-full mb-2"
                                id="tab-Offresmobiles-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/offres-mobiles" type="button" id="perMobOffers">
	                            	Offres mobiles
	                        	</a>
                             
																
																</p>
                                        <div class="accordion accordion-flush"
                                            id="Offres-mobiles">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="OffresCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#OffresCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="OffresCollapseOne">
                                                Offres
                                            </button>
                                        </h2>
                                            <div id="OffresCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="OffresCollapse-headingOne"
                                                data-te-parent="#Offres-mobiles">
                                                <div class="accordion-body">
                                                                    <p
                                                                        class="w-full block px-4 border-b py-3 text-sm font-medium">
                                                                        <strong>Offres Prépayées</strong>
                                                                    </p>
                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/ooredoo-500">Ooredoo 500
                                                                                </a>

                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/la-gold">La Gold
																																									<span class="new-badge-wrapper">Promo</span>
                                                                                </a>

                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/ooredoo-scholar">Ooredoo Scholar
                                                                                </a>

                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/n-yooz">N'YOOZ
                                                                                </a>

                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/dima-ooredoo">Dima Ooredoo
                                                                                </a>

                                                                    <p
                                                                        class="w-full block px-4 border-b py-3 text-sm font-medium">
                                                                        <strong>Offres Postpayées</strong>
                                                                    </p>
                                                                                <a class="w-full block pr-4 pl-6 border-b py-3 text-sm"
                                                                                    data-senna-off="true"
                                                                                    href="/fr/particuliers/offres-mobiles/ooredoo-pop">Ooredoo POP
																																									<span class="new-badge-wrapper">Nouveau</span>
                                                                                </a>

                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><picture data-fileentryid="2850563"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2850563/Thumbnail-300x300/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2850563/Preview-1000x0/IMG-ooredoo-500-FR.jpg?t=1739892677711" /><img class="img-cover"
                                                                                alt=""
                                                                                data-fileentryid="2850563"
                                                                                src="/documents/20121/0/IMG-ooredoo-500-FR.jpg/9a87cdcc-437f-0906-0f53-8c88e31ce289?t=1739892677711"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                Ooredoo 500
                                                                            </h3>
                                                                            <p>
                                                                                Découvrez la sérénité avec Ooredoo 500 ! une offre flexible et innovante
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/offres-mobiles/ooredoo-500"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="Forfaits-à-la-demandeCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#Forfaits-à-la-demandeCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="Forfaits-à-la-demandeCollapseOne">
                                                Forfaits à la demande
                                            </button>
                                        </h2>
                                            <div id="Forfaits-à-la-demandeCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="Forfaits-à-la-demandeCollapse-headingOne"
                                                data-te-parent="#Offres-mobiles">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/offres-mobiles/forfaits-appels">
                                                                    Forfaits Appels
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/offres-mobiles/forfaits-smart">
                                                                    Forfaits Smart
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/offres-mobiles/forfaits-international">
                                                                    Forfaits International
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/offres-mobiles/forfaits-voyage">
                                                                    Forfaits Voyage
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><picture data-fileentryid="75224"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75224/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75224/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+1.png?t=1680070544042" /><img class="img-cover"
                                                                                alt="No Image Found"
                                                                                data-fileentryid="75224"
                                                                                src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+1.png/78a8ed4e-bd08-ae72-465a-36d98d949fd9?t=1680070544042"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                International
                                                                            </h3>
                                                                            <p>
                                                                                Restez en contact avec vos proches à l’étranger!
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/offres-mobiles/international"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><picture data-fileentryid="75228"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75228/Thumbnail-300x300/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><source media="(max-width:329px) and (min-width:300px)" srcset="/o/adaptive-media/image/75228/Preview-1000x0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png?t=1680070742146" /><img class="img-cover"
                                                                                alt="No Image Found"
                                                                                data-fileentryid="75228"
                                                                                src="/documents/20121/0/matthew-smith--NS2aOkSnvo-unsplash+1+%281%29.png/ed1ef758-ed45-3674-a995-84311d560028?t=1680070742146"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                En Voyage (Roaming)
                                                                            </h3>
                                                                            <p>
                                                                                Profitez de votre voyage en toute sérénité !
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/offres-mobiles/roaming"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                        </div>
                </div>
								
                </div>
								
                <script type="text/javascript">
									$(document).ready(function () {
											let tabletOffresmobilesSubMenuTrigger = document.querySelector("#tab-Offresmobiles-btn");
											let tabletOffresmobilesSubMenuOverlay = document.querySelector("#tab-Offresmobiles-sub-menu-overlay");
											let tabletOffresmobilesSubMenuContent = document.querySelector("#tab-Offresmobiles-sub-menu-content");
											let tabletOffresmobilesSubMenuCloseBtn = document.querySelector("#tab-Offresmobiles-sub-menu-close-btn");
											tabletOffresmobilesSubMenuTrigger?.addEventListener("click", toggleTabOffresmobilesMenu);
											tabletOffresmobilesSubMenuOverlay?.addEventListener("click", toggleTabOffresmobilesMenu);
											tabletOffresmobilesSubMenuCloseBtn?.addEventListener("click", toggleTabOffresmobilesMenu);
											tabletOffresmobilesSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
											function toggleTabOffresmobilesMenu() {
													tabletOffresmobilesSubMenuOverlay.classList.toggle("show");
													tabletOffresmobilesSubMenuContent.classList.toggle("show");
											}
									});
							</script>
                    <div class="fixed inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:block xl:hidden pointer-events-none tablet-sub-menu"
                        id="tab-Internet-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3"
                            id="tab-Internet-sub-menu-content">
                            <p class="flex w-full mb-2"
                                id="tab-Internet-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/internet" type="button" id="perMobOffers">
	                            	Internet
	                        	</a>
                             
																
																</p>
                                        <div class="accordion accordion-flush"
                                            id="Internet">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="Offres-InternetCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#Offres-InternetCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="Offres-InternetCollapseOne">
                                                Offres Internet
                                            </button>
                                        </h2>
                                            <div id="Offres-InternetCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="Offres-InternetCollapse-headingOne"
                                                data-te-parent="#Internet">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/internet/ooredoo-box">
                                                                    Ooredoo Box
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/internet/ooredoo-internet">
                                                                    Ooredoo Internet
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/internet/facebook-en-mode-gratuit">
                                                                    Facebook en mode gratuit
                                                            </a>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="Forfaits-InternetCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#Forfaits-InternetCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="Forfaits-InternetCollapseOne">
                                                Forfaits Internet
                                            </button>
                                        </h2>
                                            <div id="Forfaits-InternetCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="Forfaits-InternetCollapse-headingOne"
                                                data-te-parent="#Internet">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/internet/promo-ramadhan">
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/internet/forfaits-internet">
                                                                    Forfaits Internet
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><picture data-fileentryid="2979986"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2979986/Thumbnail-300x300/Img-5G-box.jpg?t=1754580444272" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/2979986/Preview-1000x0/Img-5G-box.jpg?t=1754580444272" /><img class="img-cover"
                                                                                alt=""
                                                                                data-fileentryid="2979986"
                                                                                src="/documents/20121/2969725/Img-5G-box.jpg/6eb10702-ff4c-f118-fa54-243d483a8033?t=1754580444272"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                5G
                                                                            </h3>
                                                                            <p>
                                                                                Dès le début, la 5G était notre mission
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/internet/5g"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                        </div>
                </div>
								
                </div>
								
                <script type="text/javascript">
									$(document).ready(function () {
											let tabletInternetSubMenuTrigger = document.querySelector("#tab-Internet-btn");
											let tabletInternetSubMenuOverlay = document.querySelector("#tab-Internet-sub-menu-overlay");
											let tabletInternetSubMenuContent = document.querySelector("#tab-Internet-sub-menu-content");
											let tabletInternetSubMenuCloseBtn = document.querySelector("#tab-Internet-sub-menu-close-btn");
											tabletInternetSubMenuTrigger?.addEventListener("click", toggleTabInternetMenu);
											tabletInternetSubMenuOverlay?.addEventListener("click", toggleTabInternetMenu);
											tabletInternetSubMenuCloseBtn?.addEventListener("click", toggleTabInternetMenu);
											tabletInternetSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
											function toggleTabInternetMenu() {
													tabletInternetSubMenuOverlay.classList.toggle("show");
													tabletInternetSubMenuContent.classList.toggle("show");
											}
									});
							</script>
                    <div class="fixed inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:block xl:hidden pointer-events-none tablet-sub-menu"
                        id="tab-Services-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3"
                            id="tab-Services-sub-menu-content">
                            <p class="flex w-full mb-2"
                                id="tab-Services-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="/fr/particuliers/services" type="button" id="perMobOffers">
	                            	Services
	                        	</a>
                             
																
																</p>
                                        <div class="accordion accordion-flush"
                                            id="Services">
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="Services-pharesCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#Services-pharesCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="Services-pharesCollapseOne">
                                                Services phares
                                            </button>
                                        </h2>
                                            <div id="Services-pharesCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="Services-pharesCollapse-headingOne"
                                                data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/ramadhaniyate">
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/ranini">
                                                                    Ranini
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/grand-quiz-ooredoo">
                                                                    Grand Quiz Ooredoo
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/khabbarni">
                                                                    Khabbarni
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/stormili">
                                                                    Stormili
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/estorm">
                                                                    eStorm
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/dima">
                                                                    Dima
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><picture data-fileentryid="4382756"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/4382756/Thumbnail-300x300/IMG-Box-MYO-FR.png?t=1778058766654" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/4382756/Preview-1000x0/IMG-Box-MYO-FR.png?t=1778058766654" /><img class="img-cover"
                                                                                alt=""
                                                                                data-fileentryid="4382756"
                                                                                src="/documents/20121/0/IMG-Box-MYO-FR.png/a58d1f53-8865-c871-ca19-f2655372931d?t=1778058766654"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                My Ooredoo
                                                                            </h3>
                                                                            <p>
                                                                                L’appli multifonctionnelle qui vous facilitera la vie !
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/services/my-ooredoo-last"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="DivertissementCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#DivertissementCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="DivertissementCollapseOne">
                                                Divertissement
                                            </button>
                                        </h2>
                                            <div id="DivertissementCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="DivertissementCollapse-headingOne"
                                                data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/blacknut">
                                                                    Blacknut
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/ored">
                                                                    Ored
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/gamer-league">
                                                                    Gamer League
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/tod">
                                                                    TOD
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/osn-anghami">
                                                                    OSN+ & Anghami Plus
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/shahid">
                                                                    Shahid
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/anazik">
                                                                    Anazik
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/anaflix">
                                                                    Anaflix
                                                            </a>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="accordion-item bg-white">
                                        <h2 class="accordion-header mb-0"
                                            id="UtileCollapse-headingOne">
                                            <button class="accordion-button                                            relative flex items-center w-full px-2 border-b py-3 font-medium                                            text-base text-left bg-white rounded-none transition focus:outline-none"
                                                type="button" data-te-collapse-init=""
                                                data-te-target="#UtileCollapseOne"
                                                aria-expanded="true"
                                                aria-controls="UtileCollapseOne">
                                                Utile
                                            </button>
                                        </h2>
                                            <div id="UtileCollapseOne"
                                                class="!visible border-0" data-te-collapse-item=""
                                                data-te-collapse-show=""
                                                aria-labelledby="UtileCollapse-headingOne"
                                                data-te-parent="#Services">
                                                <div class="accordion-body">
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/bitdefender">
                                                                    Bitdefender
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/storm">
                                                                    Storm
																																			<span class="new-badge-wrapper">Nouveau</span>
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/ossali">
                                                                    Ossali
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/sabbaqli">
                                                                    Sabbaqli
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/seaal-mobile">
                                                                    SEAAL Mobile
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/3awedli">
                                                                    3awedli
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/ooredoo-recharge">
                                                                    Ooredoo Recharge
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/controle-parental">
                                                                    Contrôle Parental
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/hameconnage">
                                                                    Hameçonnage
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/khallasli">
                                                                    Khallasli
                                                            </a>
                                                            <a class="w-full block px-4 border-b py-3 text-sm"
                                                                data-senna-off="true"
                                                                href="/fr/particuliers/services/filtri">
                                                                    Filtri
                                                            </a>
                                                                <div class="shadow rounded-xl border d-flex my-2">
                                                                        <div class="mob-img-cover col-5 p-2 rounded">
                                                                            <picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><picture data-fileentryid="75252"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75252/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75252/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png?t=1680237492552" /><img class="img-cover"
                                                                                alt=""
                                                                                data-fileentryid="75252"
                                                                                src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%286%29.png/47c5b51e-3668-8e5a-932b-72f4f79809ad?t=1680237492552"></picture></picture>
                                                                        </div>
                                                                    <div class="p-3 col-7 d-flex flex-col gap-3">
                                                                            <h3 class="mb-0 text-lg font-bold">
                                                                                Noudjoum
                                                                            </h3>
                                                                            <p>
                                                                                Votre fidélité est récompensée avec Ooredoo !
                                                                            </p>
                                                                        <a data-senna-off="true"
                                                                            href="/fr/particuliers/services/noudjoum"
                                                                            class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white"> Découvrir</a>
                                                                    </div>
                                                                </div>
                                                </div>
                                            </div>
                                    </div>
                        </div>
                </div>
								
                </div>
								
                <script type="text/javascript">
									$(document).ready(function () {
											let tabletServicesSubMenuTrigger = document.querySelector("#tab-Services-btn");
											let tabletServicesSubMenuOverlay = document.querySelector("#tab-Services-sub-menu-overlay");
											let tabletServicesSubMenuContent = document.querySelector("#tab-Services-sub-menu-content");
											let tabletServicesSubMenuCloseBtn = document.querySelector("#tab-Services-sub-menu-close-btn");
											tabletServicesSubMenuTrigger?.addEventListener("click", toggleTabServicesMenu);
											tabletServicesSubMenuOverlay?.addEventListener("click", toggleTabServicesMenu);
											tabletServicesSubMenuCloseBtn?.addEventListener("click", toggleTabServicesMenu);
											tabletServicesSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
											function toggleTabServicesMenu() {
													tabletServicesSubMenuOverlay.classList.toggle("show");
													tabletServicesSubMenuContent.classList.toggle("show");
											}
									});
							</script>
                    <div class="fixed inset-0 overflow-y-auto transition-opacity opacity-0 bg-black/40 z-[99999] block md:block xl:hidden pointer-events-none tablet-sub-menu"
                        id="tab-Assistance-sub-menu-overlay">
                        <div class="bg-white h-screen overflow-y-auto -translate-x-full transition-transform px-4 py-3"
                            id="tab-Assistance-sub-menu-content">
                            <p class="flex w-full mb-2"
                                id="tab-Assistance-sub-menu-close-btn">
                                <img src="/documents/d/guest/chevron-down" class="mr-4" alt="back icon">
Retour au menu principal                            </p>
                            <p class="font-bold text-lg underline px-2 border-b py-3">
														
														<a data-senna-off="true" href="#" type="button" id="perMobOffers">
	                            	Assistance
	                        	</a>
                             
																
																</p>
                                            <div class="shadow rounded-xl border d-flex my-2">
                                                    <div class="mob-img-cover col-5 p-2 rounded">
                                                        <picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><picture data-fileentryid="75256"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/75256/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/75256/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3.png?t=1680242286349" /><img class="img-cover" alt="No Image found"
                                                            data-fileentryid="75256" src="/documents/20121/72961/kyle-glenn-nXt5HtLmlgE-unsplash+3.png/3a0dd54e-42ff-9bb2-fc28-0dfc34e274c9?t=1680242286349"></picture></picture>
                                                    </div>
                                                <div class="p-3 col-7 d-flex flex-col gap-3">
                                                        <h3 class="mb-0 text-lg font-bold">
                                                            Trouvez-nous
                                                        </h3>
                                                        <p>
                                                            Localisez nos Espaces Ooredoo en toute facilité !
                                                        </p>
                                                    <a data-senna-off="true"
                                                        href="/fr/particuliers/trouvez-nous"
                                                        class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white">
                                                        Découvrir
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="shadow rounded-xl border d-flex my-2">
                                                    <div class="mob-img-cover col-5 p-2 rounded">
                                                        <picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><picture data-fileentryid="260440"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/260440/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/260440/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png?t=1691577437066" /><img class="img-cover" alt=""
                                                            data-fileentryid="260440" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2812%29.png/096f121d-8ea8-94f1-c19d-00a46967d2e5?t=1691577437066"></picture></picture>
                                                    </div>
                                                <div class="p-3 col-7 d-flex flex-col gap-3">
                                                        <h3 class="mb-0 text-lg font-bold">
                                                            Contactez-nous
                                                        </h3>
                                                        <p>
                                                            Nous sommes à votre service <br> 24/7 !
                                                        </p>
                                                    <a data-senna-off="true"
                                                        href="/fr/particuliers/contactez-nous"
                                                        class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white">
                                                        Découvrir
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="shadow rounded-xl border d-flex my-2">
                                                    <div class="mob-img-cover col-5 p-2 rounded">
                                                        <picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><picture data-fileentryid="180469"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/180469/Thumbnail-300x300/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><source media="(max-width:337px) and (min-width:300px)" srcset="/o/adaptive-media/image/180469/Preview-1000x0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png?t=1688237568769" /><img class="img-cover" alt=""
                                                            data-fileentryid="180469" src="/documents/20121/0/kyle-glenn-nXt5HtLmlgE-unsplash+3+%2811%29.png/c87f65e1-bcc2-2acd-766d-1c99695fa777?t=1688237568769"></picture></picture>
                                                    </div>
                                                <div class="p-3 col-7 d-flex flex-col gap-3">
                                                        <h3 class="mb-0 text-lg font-bold">
                                                            Ooredoo vous Repond
                                                        </h3>
                                                        <p>
                                                            Nous répondons à toutes vos questions !
                                                        </p>
                                                    <a data-senna-off="true"
                                                        href="/fr/particuliers/ooredoo-vous-repond"
                                                        class="bg-brand-red-4 btn btn-danger w-50 rounded-full text-white">
                                                        Découvrir
                                                    </a>
                                                </div>
                                            </div>
                        </div>
                </div>
								
                </div>
								
                <script type="text/javascript">
									$(document).ready(function () {
											let tabletAssistanceSubMenuTrigger = document.querySelector("#tab-Assistance-btn");
											let tabletAssistanceSubMenuOverlay = document.querySelector("#tab-Assistance-sub-menu-overlay");
											let tabletAssistanceSubMenuContent = document.querySelector("#tab-Assistance-sub-menu-content");
											let tabletAssistanceSubMenuCloseBtn = document.querySelector("#tab-Assistance-sub-menu-close-btn");
											tabletAssistanceSubMenuTrigger?.addEventListener("click", toggleTabAssistanceMenu);
											tabletAssistanceSubMenuOverlay?.addEventListener("click", toggleTabAssistanceMenu);
											tabletAssistanceSubMenuCloseBtn?.addEventListener("click", toggleTabAssistanceMenu);
											tabletAssistanceSubMenuContent?.addEventListener("click", (e) => e.stopPropagation());
											function toggleTabAssistanceMenu() {
													tabletAssistanceSubMenuOverlay.classList.toggle("show");
													tabletAssistanceSubMenuContent.classList.toggle("show");
											}
									});
							</script>
<script>
    $(document).ready(function () {
        const tabletMenuTriggerBtn = document.getElementById("tablet-menu-trigger-btn");
        const tabletMenuContent = document.getElementById("tablet-menu-content");
        const tabletMenuOverlay = document.getElementById("tablet-menu-overlay");

        tabletMenuTriggerBtn.addEventListener("click", () => {
            tabletMenuContent.classList.toggle("show");
            tabletMenuOverlay.classList.toggle("show");
        });
        const tabletMenuCloseBtn = document.getElementById("tablet-menu-close-btn");

        tabletMenuCloseBtn.addEventListener("click", () => {
                tabletMenuContent.classList.toggle("show");
            tabletMenuOverlay.classList.remove("show");
        });
    });
</script>
<style>
    .mob-img-cover{
        position: relative;
        overflow: hidden;
    }
    .mob-img-cover .img-cover{
        margin-left: 0px;
        border-radius: 12px;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }


</style>



			
		</div>

		

	



<style>
	.guest-site	.min-vh-100{
	    min-height: 0 !important;
	}
.MegaNavSection .journal-content-article {
		flex-grow: 1;
		display: flex;
		align-items: center;
		justify-content: start;
	}
	.ooredoo-search-bar .portlet{
	margin-bottom:0;
}
.nav-menu-link a {
                position: relative;
                color: inherit;
                text-decoration: none;
                transition: color 0.3s ease;
            }

            .nav-menu-link a::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -3px; /* Adjust this for space between text and line */
                height: 2px; /* Adjust this for line thickness */
                background-color: red;
                transform: scaleX(0);
                transform-origin: center;
                transition: transform 0.3s ease;
            }

            .nav-menu-link a:hover::before,
            .navbar-nav.active .nav-menu-link a::before {
                transform: scaleX(1);
            }

            .navbar-nav.active .nav-menu-link a {
                color: red;
            }
.active-underline {
    transform: scaleX(0);
}

.navbar-nav.active .nav-menu-link a .active-underline {
    transform: scaleX(1);
}
	
.underline-red {
  text-decoration: underline #d6001c;
	text-decoration-thickness: 2px;
}
	
.tablet-menu-active-btn {
	padding-bottom: 0.5rem;
    	padding-top: 0.5rem;
}
.rtl .rotate-180 {
    transform: rotate(90deg);
}
	.nav-mob-search .d-xl-none{
	    display: block !important;
	}
	.nav-mob-search .d-xl-block{
	    display: none !important;
	}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input{
   padding-right: 6rem !important;
   padding-left: 1rem !important;  
}
	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {

    width: 250px !important;
}
.nav-wrap {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.custom-list li {
    list-style: none;
    display: flex;
    align-items: center;
	  padding-left: 10px;
    padding-right: 10px;
}
.custom-list {
	  padding-left: 0rem;
    padding-right: 0rem;
}
.custom-list-mobile {
	  color: #D6001C;
}

.custom-list .list-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.section-btn {
    width: 11rem;
}
	.section-text-tab{
		text-align: center;
		width: 8.5rem;
	}
	
/* Remove focus outline on select elements */
#languageIdMobile:focus,
#languageIdTab:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	  background-color: #B20017 !important;
}

/* Remove focus outline on button elements */
#navigationDropdown:focus,
#navigationTabletDropdown:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Optionally, for a smoother tap/click experience */
#languageIdMobile,
#navigationDropdown,
#languageIdTab,
#navigationTabletDropdown {
    -webkit-tap-highlight-color: transparent;
}


</style>

		
<script>
	// Check if the current URL contains '/web/guest'
if (window.location.pathname.includes('/web/guest')) {
    // Remove '/web/guest' from the URL
    const newPath = window.location.pathname.replace('/web/guest', '');
    // Update the URL without reloading the page
  //  window.history.replaceState(null, '', newPath);
}

    $(document).ready(function () {
        $("#mobile-nav-search").click(function (e) {
            $(this).addClass("d-none");
            jQuery('.search-bar-nav').removeClass('d-none');
        });
    });
</script>
<script>


$(document).ready(function () {
	
					var selectWeb = document.querySelector('#languageIdWeb');
	var selectMobile = document.querySelector('#languageIdMobile');
	var selectTab= document.querySelector('#languageIdTab');
	console.log('change', selectWeb);
selectWeb.addEventListener('change', function() {
	console.log('change 1', this.value);
  if (this.value == "fr_FR") {
				if (!window.location.pathname.startsWith('/fr/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
					console.log('currentPath 1', currentPath);
			currentPath = currentPath.replace('ar/', '');
					console.log('currentPath 2', currentPath);
      const newPath = '/fr/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  } else if (this.value == "ar_SA"){
    		if (!window.location.pathname.startsWith('/ar/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
					console.log('currentPath 1', currentPath);
					currentPath = currentPath.replace('fr/', '');
					console.log('currentPath 2', currentPath);
      const newPath = '/ar/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  }
});
	
	selectTab.addEventListener('change', function() {
  if (this.value == "fr_FR") {
				if (!window.location.pathname.startsWith('/fr/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
			currentPath = currentPath.replace('ar/', '');
      const newPath = '/fr/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  } else if (this.value == "ar_SA"){
    		if (!window.location.pathname.startsWith('/ar/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
					currentPath = currentPath.replace('fr/', '');
      const newPath = '/ar/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  }
});
	
	selectMobile.addEventListener('change', function() {
  if (this.value == "fr_FR") {
				if (!window.location.pathname.startsWith('/fr/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
					console.log('currentPath 1', currentPath);
			currentPath = currentPath.replace('ar/', '');
					console.log('currentPath 2', currentPath);
      const newPath = '/fr/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  } else if (this.value == "ar_SA"){
    		if (!window.location.pathname.startsWith('/ar/')) {
      // Get the current path without the leading slash
      let currentPath = window.location.pathname.substring(1);
					currentPath = currentPath.replace('fr/', '');
      const newPath = '/ar/'+currentPath;
      const newUrl = window.location.origin +''+ newPath;
      window.location.replace(newUrl);
    }
  }
});
			
			
        $("#navDropdownMenuMobile, #navDropdownMenuService").click(function (event) {
            event.stopPropagation();
        });
        if (typeof navMenuLinks == 'undefined') {

const navMenuLinks = document.querySelectorAll('.nav-menu-link');



// Add an event listener to each `<li>` element
navMenuLinks.forEach(navMenuLink => {
  // Add the `active` class to the `<li>` element when it or any of its child elements is clicked
	
  navMenuLink.addEventListener('click', (event) => {
    // Get the parent `<li>` element of the clicked element
    const parent = event.target.closest('.nav-menu-link');
    
    // Remove the `active` class from all other `<li>` elements
    navMenuLinks.forEach(otherNavMenuLink => {
      otherNavMenuLink.classList.remove('active');
    });

    // Add the `active` class to the parent `<li>` element
    parent.classList.add('active');
		const mainLink = navMenuLink.querySelector('a');
                if (mainLink) {
                    const mainHref = mainLink.getAttribute('href');
                    mainLink.style.textDecoration = 'none'; // Remove default underline
                        mainLink.style.position = 'relative';
                        mainLink.style.color = 'inherit'; // Keep the original color
                        mainLink.style.transition = 'color 0.3s ease';

                        const underline = document.createElement('span');
                        underline.className = 'active-underline';
                        underline.style.position = 'absolute';
                        underline.style.bottom = '-3px';
                        underline.style.left = '0';
                        underline.style.right = '0';
                        underline.style.height = '2px';
                        underline.style.backgroundColor = 'red';
                        underline.style.transform = 'scaleX(1)';
                        underline.style.transformOrigin = 'center';
                        underline.style.transition = 'transform 0.3s ease';
                        mainLink.appendChild(underline);
                }
  });
});
}
    });
</script>
		<div class="personal-padding"></div>
<style>
	.business-padding	{
	margin-top: 7.5rem;
	}
	.personal-padding	{
	margin-top: 7.5rem;
	}
			@media (max-width: 550px) {
        .business-padding	{
	margin-top: 8.5rem;
	}
	.personal-padding	{
	margin-top: 7.5rem;
	}
    }
	@media (max-width: 450px) {
        .business-padding	{
	margin-top: 7.5rem;
	}
	.personal-padding	{
	margin-top: 7.5rem;
	}
    }

</style>
<script>
var lazyloadImages;
if ("IntersectionObserver" in window) {
    lazyloadImages = document.querySelectorAll(".lazy");
    var imageObserver = new IntersectionObserver(function (entries, observer) {
        entries.forEach(function (entry) {

            if (entry.isIntersecting) {
                var image = entry.target;
                if (image.src == undefined || image.src == null || image.src == "") {
                    image.src = image.dataset.src;
                    image.classList.remove("lazy");
                }
                imageObserver.unobserve(image);
            }
        });
    });

    lazyloadImages.forEach(function (image) {
        imageObserver.observe(image);
    });

} else {

    var lazyloadThrottleTimeout;
    lazyloadImages = document.querySelectorAll(".lazy");

    function lazyload() {
        if (lazyloadThrottleTimeout) {
            clearTimeout(lazyloadThrottleTimeout);
        }

        lazyloadThrottleTimeout = setTimeout(function () {
            var scrollTop = window.pageYOffset;
            lazyloadImages.forEach(function (img) {
                if (img.offsetTop < (window.innerHeight + scrollTop)) {
                    if (img.src == undefined || img.src == null || img.src == "") {
                        img.src = img.dataset.src;
                        img.classList.remove('lazy');
                    }
                }
            });

            if (lazyloadImages.length == 0) {
                document.removeEventListener("scroll", lazyload);
                window.removeEventListener("resize", lazyload);
                window.removeEventListener("orientationChange", lazyload);
            }
        }, 20);
    }

    document.addEventListener("scroll", lazyload);
    window.addEventListener("resize", lazyload);
    window.addEventListener("orientationChange", lazyload);

}	
</script>

		
		
	




			
			
		
	
	






<script type="text/javascript">
(function() {var $ = AUI.$;var _ = AUI._;
	var assetEntryId =
		'';

	if (assetEntryId) {
		window.location.hash = assetEntryId;
	}
})();

</script><script>

</script>

	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-browser-top-button lfr-layout-structure-item-12d2a65b-9d70-5186-5f1b-bf1517d64048" style=""><div id="fragment-61d073db-8477-1531-7f73-28a4c6c020a2" > <section class="">
  <button id="backToTopButton" class="flex items-center justify-center h-8 px-4 text-xs font-semibold text-center text-white rounded-md shadow-sm bg-brand-red-4 font-notosans back-to-top-btn">
    <svg width="9" height="6" viewbox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0.707031 5.0013L4.4987 0.917969L8.29036 5.0013" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
    <span class="pl-2 hidden" id="backToTopLabel"> Back To Top </span>
</button>

</section></div><style>
.ltr .back-to-top-btn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  outline: none;
  z-index: 9999;
	width: fit-content;
}

#backToTopButton {
    display: none; /* Initially hidden */
    transition: opacity 0.3s ease;
    opacity: 0;
}

#backToTopButton.show {
    display: flex;
    opacity: 1; /* Visible after scrolling */
}

#backToTopButton:hover #backToTopLabel {
    display: inline-block; /* Show text on hover */
}

#backToTopButton #backToTopLabel {
    display: none; /* Hide text initially */
}



.rtl .back-to-top-btn{
	left: 10px;
	position: fixed;
  bottom: 10px;
  outline: none;
  z-index: 9999;
	width: fit-content;
}</style><script type="module">const configuration = {"frDataLbl":"Retour en haut","arDataLbl":"العودة إلى الأعلى"}; const fragmentElement = document.querySelector('#fragment-61d073db-8477-1531-7f73-28a4c6c020a2'); const fragmentEntryLinkNamespace = 'rujc'; const fragmentNamespace = 'rujc'; const layoutMode = 'view';const buttonMYO = document.getElementById('backToTopButton');
const labelElement = document.getElementById('backToTopLabel');

// Scroll event to show/hide button based on scroll position
window.addEventListener('scroll', function() {
    if (window.scrollY > 300) { // Show after user scrolls 300px
        buttonMYO.classList.add('show');
    } else {
        buttonMYO.classList.remove('show');
    }
});

// Click event for smooth scroll to top
buttonMYO?.addEventListener('click', function() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
});

buttonMYO?.addEventListener('mousedown', function() {
    buttonMYO.style.outline = 'none';
});

buttonMYO?.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
        buttonMYO.style.outline = 'none';
    }
});

// Function to change label based on language
function changeLabel(language) {
    let translatedText = 'Back To Top'; // Default label text

    // Retrieve the translated text based on the selected language
    if (language === 'fr_FR') {
        translatedText = configuration.frDataLbl;
    } else if (language === 'ar_SA') {
        translatedText = configuration.arDataLbl;
    }

    labelElement.textContent = translatedText;
}

// Set the initial label based on the selected language
changeLabel(Liferay.ThemeDisplay.getLanguageId());


;</script></div><div class="lfr-layout-structure-item-gtm lfr-layout-structure-item-bc08c677-4978-4eaa-25a4-c7abd12daad1" style=""><div id="fragment-99d3bcc3-e5c3-cacb-4499-a6046210b43b" > <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.1.2/tailwind.min.css">






<!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET--> 

<script type="text/javascript">

(function(){var g=function(e,h,f,g){

this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b<e;b++){for(var d=c[b];" "==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};

this.set=function(a,c){var b="",b=new Date;b.setTime(b.getTime()+6048E5);b="; expires="+b.toGMTString();document.cookie=a+"="+c+b+"; path=/; "};

this.check=function(){var a=this.get(f);if(a)a=a.split(":");else if(100!=e)"v"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(":"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case "v":return!1;case "r":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(":")),!c}return!0};

this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}};

this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};

try{(new g(100,"r","QSI_S_ZN_0CAhAz8DZbYn3Zs","https://zn0cahaz8dzbyn3zs-ooredoogroup.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_0CAhAz8DZbYn3Zs")).start()}catch(i){}})();

</script><div id="ZN_0CAhAz8DZbYn3Zs"><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>

<!--END WEBSITE FEEDBACK SNIPPET--> 







<!-- Meta Pixel Code -->
<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', '543383735871123');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=543383735871123&amp;ev=PageView&amp;noscript=1"></noscript>
<!-- End Meta Pixel Code -->

<!-- Snap Pixel Code -->
<script type="text/javascript">
(function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()
{a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};
a.queue=[];var s='script';r=t.createElement(s);r.async=!0;
r.src=n;var u=t.getElementsByTagName(s)[0];
u.parentNode.insertBefore(r,u);})(window,document,
'https://sc-static.net/scevent.min.js');

snaptr('init', '77eff92c-a28f-4891-acb7-1df1a123a89c', {
'user_email': '__INSERT_USER_EMAIL__'
});

snaptr('track', 'PAGE_VIEW');

</script>
<!-- End Snap Pixel Code -->


<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "ok2t37okqf");
</script>



<input type="hidden" value="https://myooredoo-ppd.ooredoo.dz" id="selfcare-base-url">


<script>
async function getBasicTokenAsync(){
  let token = '';
  let databody = 'grant_type=client_credentials&client_id=id-7472c3ce-ff72-e3dc-886a-687f3efdc75&client_secret=secret-51784c2a-3c2f-ea38-586b-7283faae14d';
  await fetch('/o/oauth2/token', {
    body: databody,
    headers: {
      "Content-Type": "application/x-www-form-urlencoded"
    },
    method: 'POST' })
    .then(response => response.json()) 
    .then(data => {
      token = data.access_token;
      let tokenbearer = 'Bearer ' + token;
      sessionStorage.setItem('tokenbearer', tokenbearer);
    }); 
  // Return the token value
  return token;
}

</script>


<div class="custom-modal modal-hidden" id="custom-modal">
    <div class="custom-modal-popup">
        <h3>FORMULAIRE BIEN ENVOYÉ !</h3>
        <br>
        <div class="p-3">
            <h4>Votre demande a bien été enregistrée !</h4>
            <p class="text-center">
Vous serez bientôt contacté par un commercial            </p>
        </div>
        <br>
			
        <a class="contact-form-btn-submit hover:bg-brand-red-1 px  rounded-full border bg-brand-red-4 py-[12px] px-[60px] font-sans text-[14px] font-semibold leading-[17px] text-white md:px-[80px] xl:px-[100px]" href="#" onclick="reloadPage()">ACCUEIL</a>
    </div>
</div>
<div class="custom-modal modal-hidden" id="custom-modal-phising">
    <div class="custom-modal-popup">
        <h3>Formulaire bien envoyé !</h3>
        <br>
        <div class="p-3">
          
            <p class="text-center">
Votre demande sera prise en charge            </p>
        </div>
        <br>
			
        <a class="contact-form-btn-submit hover:bg-brand-red-1 px  rounded-full border bg-brand-red-4 py-[12px] px-[60px] font-sans text-[14px] font-semibold leading-[17px] text-white md:px-[80px] xl:px-[100px]" href="#" onclick="reloadPage()">ACCUEIL</a>
    </div>
</div>
 <script>
        function reloadPage() {
            location.reload();
        }
    </script>

<script>
window.onload = function() {
  const fragment = document.querySelector(".lfr-layout-structure-item-slider-new.lfr-layout-structure-item-1d6b2ce1-6c97-e23b-dae2-c462f9363ec3");

  if (fragment) {
    const textWrap = fragment.querySelectorAll(".text-wrap");

    if (textWrap) {
      textWrap[0].querySelectorAll("h4, div, p").forEach((element) => {
        if (element) {
					element.setAttribute("style", "text-align: center !important");

        }
      });
			textWrap[1].querySelectorAll("h4, div, p").forEach((element) => {
        if (element) {
					element.setAttribute("style", "text-align: center !important");

        }
      });
    }
  }
};
</script></div><style>.custom-modal {
    z-index: 150;
    position: fixed;
    left: 0;
    top: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}


.custom-modal-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 34px;
    min-height: 160px;
    max-width: 500px;
    background-color: white;
    border-radius: 14px;
}
.red-btn {
    text-decoration: auto;
    color: white;
    padding: 8px 24px;
    background-color: #ed1c24 !important;
    font-size: 1.05em;
    border-radius: 0.8em;
    border: unset;
    outline: unset;
}
.custom-modal-popup h3 {
    color: #20b25a;
    text-align: center;
    font-weight: 700;
}
.custom-modal-popup h4 {
    color: #20b25a;
    text-align: center;
    font-weight: 700;
    /* font-size: 1.4em; */
}
.custom-modal-popup p {
    color: #20b25a;
    font-size: 1.2em;
}
.custom-modal-popup > div {
    background-color: #d4f7e2;
    border-radius: 10px;
}
.modal-hidden {
    display: none;
}
.flex {
    display: flex !important;
}
.flex.hidden {
    display: none !important;
}
@media (max-width: 1344px) {
  .max-w-7xl {
    max-width: 76rem !important;
  }
	    .xl\:max-w-7xl {
        max-width: 76rem !important;
    }
}</style><script type="module">const configuration = {"apiBaseURL":"https://apitest.ooredoo.dz/e-payment/payment/public/","QUALTRICSProjectId":"ZN_0CAhAz8DZbYn3Zs","myoURL":"https://www.ooredoo.dz/","clientID":"id-7472c3ce-ff72-e3dc-886a-687f3efdc75","partnerURL":"https://yooz.ooredoo.dz/","clientSecret":"secret-51784c2a-3c2f-ea38-586b-7283faae14d","selfcareBaseURL":"https://myooredoo-ppd.ooredoo.dz","metaAppId":"543383735871123","projectId":"GTM-5NRT4WV","yoozURL":"https://yooz.ooredoo.dz/"}; const fragmentElement = document.querySelector('#fragment-99d3bcc3-e5c3-cacb-4499-a6046210b43b'); const fragmentEntryLinkNamespace = 'sxbl'; const fragmentNamespace = 'sxbl'; const layoutMode = 'view';const buttonMYO = fragmentElement.querySelector('.btn-link-intr-my-ooredoo');
buttonMYO?.addEventListener('click', function () {
	window.open(configuration.myoURL, '_blank');
});

const buttonEStrom = document.querySelector('.btn-link-intr-e-strom');
buttonEStrom?.addEventListener('click', function () {
	window.open(configuration.apiBaseURL, '_blank');
});

const buttonYooz = document.querySelector('.btn-redirect-yooz');
buttonYooz?.addEventListener('click', function () {
	window.open(configuration.yoozURL, '_blank');
});
const buttonPartner = document.querySelector('.btn-link-intr-parrtner');
buttonPartner?.addEventListener('click', function () {
	window.open(configuration.partnerURL, '_blank');
});
const editMode = layoutMode === 'edit';

let token = sessionStorage.getItem("tokenbearer");
let expiresAt = sessionStorage.getItem("expiresAt");
if (token && expiresAt > Math.floor(Date.now() / 1000)) { 
	console.log('if ', sessionStorage.getItem("expiresAt"));
} else {
	console.log('else ', sessionStorage.getItem("expiresAt"));
  getBasicToken();
}

function getBasicToken(){
			let token = '';
    	let databody = 'grant_type=client_credentials&client_id='+configuration.clientID+'&client_secret='+configuration.clientSecret;
    	fetch('/o/oauth2/token', {
    		  body: databody,
    		  headers: {
	   		 "Content-Type": "application/x-www-form-urlencoded"
			},
    		  method: 'POST' })
    		.then(response => response.json()) 
    		.then(data => {
    			token = data.access_token;
    	    let tokenbearer = 'Bearer ' + token;
					let expiresIn = data.expires_in;
					// Calculate the expiration date as a UNIX timestamp
					let expiresAt = Math.floor(Date.now() / 1000) + expiresIn;
					// Store the token and the expiration date in the session storage
					sessionStorage.setItem("expiresAt", expiresAt);
					sessionStorage.setItem('tokenbearer', tokenbearer);
				console.log('expiresAt', sessionStorage.getItem("expiresAt"));
			}); 
};</script></div><div class="lfr-layout-structure-item-promotion-popup lfr-layout-structure-item-e07193b6-96e2-8405-f60a-fa9fd52011c7" style=""><div id="fragment-b8787efe-d427-90ef-cf77-6b1f80d380cf" >


   <div class="promo-container">
    <a href="/fr/particuliers/internet/5g"><picture data-fileentryid="2971327"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2971327/Thumbnail-300x300/Promo+5g.gif?t=1754925335294" /><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/2971327/Preview-1000x0/Promo+5g.gif?t=1754925335294" /><img data-lfr-editable-id="promo-animation-gif" data-lfr-editable-type="image" src="/documents/20121/2969725/Promo+5g.gif/451cea79-6187-a715-c28b-6c178d09be6f?version=2.0&amp;t=1754925335294" class="promo-gif" data-fileentryid="2971327"></picture></a>
  </div>




</div><style>/* body:has(.promo-container) > *:not(.promo-container) { 
      filter: blur(5px);
      pointer-events: none;
      user-select: none;
    } */
    .promo-container {
      position: fixed;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0,0,0,0.5);
      z-index: 9999;
    }
    .promo-gif {
    /*  width: 150px;
      height: 150px;*/
      border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 0 20px rgba(0,0,0,0.5);
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    .promo-gif:hover {
      transform: scale(1.1);
    }</style><script type="module">const configuration = {"imageURL":"/documents/d/guest/promo-5g"}; const fragmentElement = document.querySelector('#fragment-b8787efe-d427-90ef-cf77-6b1f80d380cf'); const fragmentEntryLinkNamespace = 'ndei'; const fragmentNamespace = 'ndei'; const layoutMode = 'view';
const currentPage = themeDisplay.getLayoutRelativeURL();

  if (currentPage.includes("/5g")) {
		console.log('visited_5g=true');
    document.cookie = "visited_5g=true; path=/; max-age=3600";
  }else{
	const promo = document.querySelector('.promo-container');

    setInterval(() => {
      if (!document.body.contains(promo)) {
        //window.location.href = 'https://example.com/5g-page'; 
				console.log('no promo');
      }
    }, 500); 
	}
console.log('layoutMode ', layoutMode);
if (typeof layoutMode !== 'undefined' && layoutMode === 'edit') {
    const promo = fragmentElement.querySelector('.promo-container');
/*
    if (promo) {
      // Apply edit-mode-friendly overrides
      promo.style.position = 'relative';
      promo.style.inset = 'auto';
      promo.style.zIndex = '1';
      promo.style.background = 'rgba(0, 0, 0, 0.05)'; // Optional: lighter background for visibility
      promo.style.padding = '20px';
      promo.style.justifyContent = 'flex-start';
      promo.style.alignItems = 'flex-start';
      promo.style.minHeight = '200px'; // Optional height to allow editing area
    }*/
  };</script></div><div class="lfr-layout-structure-item-sprinklr-chat lfr-layout-structure-item-a06cc673-b34b-1b3c-da53-2e35d9fbbd32" style=""><div id="fragment-25d2a30d-5747-0365-82ae-aed2c733cc18" > <div class="fragment_27230">
</div></div><style>.fragment_27230 {
}</style></div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-81e70c20-0e34-ff69-5052-6f1a4de67098" style=""><div id="fragment-a1f52af2-b8e5-fad0-bfed-a618056dc4a9" ><link href="/combo?browserId=firefox&amp;minifierType=css&amp;themeId=ooredootheme_WAR_ooredootheme&amp;languageId=fr_FR&amp;com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&amp;t=1790830072000" rel="stylesheet" type="text/css"
 />






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-2890102" data-fragments-editor-item-type="fragments-editor-mapped-item" >
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="2890100" data-analytics-asset-title="Personal Home Page New" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="2890102">
			

			<style>
  /* --- LTR animations --- */
  @keyframes moveLeftActive { from { transform: translateX(0);} to { transform: translateX(100%);} }
  @keyframes moveLeft { from { transform: translateX(-100%);} to { transform: translateX(0);} }
  @keyframes moveRightActive { from { transform: translateX(0);} to { transform: translateX(-100%);} }
  @keyframes moveRight { from { transform: translateX(100%);} to { transform: translateX(0);} }

  /* --- RTL animations (mirrored) --- */
  @keyframes moveLeftActiveRTL { from { transform: translateX(0);} to { transform: translateX(-100%);} }
  @keyframes moveLeftRTL { from { transform: translateX(100%);} to { transform: translateX(0);} }
  @keyframes moveRightActiveRTL { from { transform: translateX(0);} to { transform: translateX(100%);} }
  @keyframes moveRightRTL { from { transform: translateX(-100%);} to { transform: translateX(0);} }

  .section-slider .carousel { position: relative; }
  .section-slider .carousel-caption { bottom: 50%; left: 0; right: 0; transform: translateY(50%); }
  .section-slider { margin-top: -11px; }

  .section-slider .carousel-item { opacity: 0; }
  .section-slider .carousel-item.move-right,
  .section-slider .carousel-item.move-left {
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    display: block;
  }

  .section-slider .carousel-item.active,
  .section-slider .carousel-item.move-left,
  .section-slider .carousel-item.move-right { opacity: 1; }
  .section-slider .carousel-item.active { transform: translateX(0); }

  /* LTR assignment */
  .section-slider .carousel-item.active.move-left { animation-name: moveLeftActive; }
  .section-slider .carousel-item.move-left { animation-name: moveLeft; }
  .section-slider .carousel-item.active.move-right { animation-name: moveRightActive; }
  .section-slider .carousel-item.move-right { animation-name: moveRight; }

  /* RTL assignment (only applies when dir="rtl") */
  [dir="rtl"] .section-slider .carousel-item.active.move-left { animation-name: moveLeftActiveRTL; }
  [dir="rtl"] .section-slider .carousel-item.move-left { animation-name: moveLeftRTL; }
  [dir="rtl"] .section-slider .carousel-item.active.move-right { animation-name: moveRightActiveRTL; }
  [dir="rtl"] .section-slider .carousel-item.move-right { animation-name: moveRightRTL; }

  /* Carousel Navigation (LTR default) */
  .section-slider .carousel-navigation {
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 15;
    padding-left: 0;
    list-style: none;
  }

  /* Reverse order for RTL */
  [dir="rtl"] .section-slider .carousel-navigation {
    flex-direction: row-reverse;
  }

  .section-slider .carousel-navigation button {
    background-color: #fff;
    border: 0;
    height: 3px;
    margin: 0 3px;
    width: 30px;
    transition: background-color 0.3s ease;
  }

  .section-slider .carousel-navigation button.active {
    background-color: rgb(237,28,36);
  }

  .section-slider .carousel-navigation button:focus {
    outline: 0;
  }
</style>



<!-- Markup kept same as yours -->
<div class="section-slider">
  <div class="carousel">
    <ol class="carousel-navigation">
          <li>
              <button class="active" aria-controls="carousel-item-0" aria-label="Focus slide 0" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-1" aria-label="Focus slide 1" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-2" aria-label="Focus slide 2" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-3" aria-label="Focus slide 3" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-4" aria-label="Focus slide 4" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-5" aria-label="Focus slide 5" type="button"></button>
          </li>
          <li>
              <button aria-controls="carousel-item-6" aria-label="Focus slide 6" type="button"></button>
          </li>
    </ol>

    <div class="carousel-inner text-break" id="carouselInner" role="group">
			<input type="hidden" id="promo-banner-meta-data" data-promo="&lt;p&gt;{ &quot;slide_index&quot;: &quot;0&quot;, &quot;promotion_id&quot;: &quot;BORN_TO_BE_DZ&quot;, &quot;promotion_name&quot;: &quot;Born to be DZ contest&quot;, &quot;creative_name&quot;: &quot;born_to_be_dz_banner&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_1&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;born_to_be_dz&quot;, &quot;item_name&quot;: &quot;Born to be DZ&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;1&quot;, &quot;promotion_id&quot;: &quot;BONUS_ACHATS_FORFAITS&quot;, &quot;promotion_name&quot;: &quot;Achats Forfaits Bonus&quot;, &quot;creative_name&quot;: &quot;achats_forfaits_bonus&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_2&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;bonus_achats_forfaits&quot;, &quot;item_name&quot;: &quot;Bonus Achats Forfaits&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;2&quot;, &quot;promotion_id&quot;: &quot;OOREDOO_INTERNET&quot;, &quot;promotion_name&quot;: &quot;Ooredoo Internet offer&quot;, &quot;creative_name&quot;: &quot;ooredoo_internet_banner&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_3&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;ooredoo_internet&quot;, &quot;item_name&quot;: &quot;Ooredoo Internet&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;3&quot;, &quot;promotion_id&quot;: &quot;INTERNET_5G&quot;, &quot;promotion_name&quot;: &quot;Ooredoo 5G Internet&quot;, &quot;creative_name&quot;: &quot;5g_internet_launch&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_4&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;internet_5g&quot;, &quot;item_name&quot;: &quot;5G Internet&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;4&quot;, &quot;promotion_id&quot;: &quot;DEVICES_CATALOG&quot;, &quot;promotion_name&quot;: &quot;Phones and Devices&quot;, &quot;creative_name&quot;: &quot;phones_devices_banner&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_5&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;phones_devices&quot;, &quot;item_name&quot;: &quot;Phones and Devices&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;5&quot;, &quot;promotion_id&quot;: &quot;OOREDOO_MCA&quot;, &quot;promotion_name&quot;: &quot;Ooredoo MCA Services&quot;, &quot;creative_name&quot;: &quot;mca_services_promo&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_6&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;ooredoo_mca&quot;, &quot;item_name&quot;: &quot;Ooredoo MCA&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 0 } ] },&lt;br&gt;&amp;nbsp;{ &quot;slide_index&quot;: &quot;6&quot;, &quot;promotion_id&quot;: &quot;OOREDOO_500&quot;, &quot;promotion_name&quot;: &quot;Ooredoo 500 Mobile Offer&quot;, &quot;creative_name&quot;: &quot;ooredoo_500_banner&quot;, &quot;creative_slot&quot;: &quot;homepage_hero_slider_7&quot;, &quot;items&quot;: [ { &quot;item_id&quot;: &quot;ooredoo_500&quot;, &quot;item_name&quot;: &quot;Ooredoo 500&quot;, &quot;item_brand&quot;: &quot;ooredoo&quot;, &quot;item_category&quot;: &quot;promotion&quot;, &quot;price&quot;: 500 } ] }&lt;/p&gt;" />

            <div class="active carousel-item" id="carousel-item-0">
					
              <a href="/fr/particuliers/concours-born-to-be-dz">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner+Born+to+be+DZ+HP+FR.jpg/5c3281bd-0930-179e-735f-115459442201?t=1787038399432" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-1">
					
              <a href="https://my-ooredoo.go.link/?adj_t=1zdwru70&adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner-arcane.jpg/ba8385a3-6812-30cd-01f5-d2bed0bc4478?t=1787581724803" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-2">
					
              <a href="/fr/particuliers/internet/ooredoo-internet">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner-Ooredoo-Internet.jpg/01afd8fe-fb6f-ef52-72f5-215622bc9228?t=1768726009959" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-3">
					
              <a href="/fr/particuliers/internet/5g">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner-5G-Born+for+Caring.jpg/adb05336-780f-57b1-3830-cd793a54c758?t=1771418243946" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-4">
					
              <a href="/fr/particuliers/telephone-et-autres">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner+Packs+Ooredoo-min.jpg/494b522d-ab32-31d3-0530-86431a7b1652?t=1750762804896" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-5">
					
              <a href="/fr/particuliers/ooredoo-mca">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner-ooredoo-MCA.jpg/9baec607-58a8-03f2-362f-1f75fdb76e40?t=1761035888250" />
            </a>

          </div>

            <div class="carousel-item" id="carousel-item-6">
					
              <a href="/fr/particuliers/offres-mobiles/ooredoo-500">
            <img alt="Sample Image" class="w-100" src="/documents/20121/0/Banner-ooredoo-500-min.jpg/74a031b0-80ca-7eae-af33-3169c038a377?t=1751550067870" />
            </a>

          </div>
    </div>
  </div>
</div>

<script>
  (function () {
    const MOVE_LEFT = 'move-left';
    const MOVE_RIGHT = 'move-right';
    const IMAGE_INTERVAL = 5000;
    const ANIMATION_DURATION_MS = 600; // keep in sync with CSS

    const indicators = Array.from(document.querySelectorAll('.carousel-navigation button'));
    const items = Array.from(document.querySelectorAll('.carousel-item'));

    let moving = false;
    let nextItemIndex = 0;
    let intervalId = null;

    const isRTL = (document.documentElement && document.documentElement.dir === 'rtl') ||
                  (document.body && document.body.dir === 'rtl');

    function getActiveIndicator() { return document.querySelector('.carousel-navigation .active'); }

    function activateIndicator(activeItem, nextItem, movement) {
      if (!getActiveIndicator()) return;
      if (movement) {
        activeItem.classList.add(movement);
        nextItem.classList.add(movement);
      }
      const current = getActiveIndicator();
      if (current) current.classList.remove('active');
      if (typeof indicators[nextItemIndex] !== 'undefined') indicators[nextItemIndex].classList.add('active');
    }

    function activateItem(activeItem, nextItem, movement) {
      if (activeItem) activeItem.classList.remove('active');
      if (nextItem) nextItem.classList.add('active');

      if (movement) {
        if (activeItem) activeItem.classList.remove(movement);
        if (nextItem) nextItem.classList.remove(movement);
      }

      if (activeItem) {
        const videoA = activeItem.querySelector('video');
        if (videoA) { try { videoA.currentTime = 0; videoA.pause(); } catch (e) {} }
      }

      if (nextItem) {
        const video = nextItem.querySelector('video');
        if (video) { try { video.currentTime = 0; video.play(); } catch (e) {} }
      }
    }

    /**
     * move(movement, index = null, isManual = false)
     * - movement: one of MOVE_LEFT or MOVE_RIGHT (CSS class used to animate)
     * - index: destination index (if provided)
     * - isManual: when true, do NOT flip the movement for RTL (manual intent wins)
     *
     * Automatic calls call move(MOVE_RIGHT) without isManual, preserving previous automatic RTL flip.
     */
    function move(movement, index = null, isManual = false) {
      if (moving) return;
      const activeItem = document.querySelector('.carousel-item.active');
      if (!activeItem) return;
      moving = true;
      const indexActiveItem = items.indexOf(activeItem);

      // compute effective movement for index calculation (preserve automatic RTL flip when isManual false)
      let effectiveMovement = movement;
      if (!isManual && isRTL) {
        if (movement === MOVE_RIGHT) effectiveMovement = MOVE_LEFT;
        else if (movement === MOVE_LEFT) effectiveMovement = MOVE_RIGHT;
      }

      // determine next index
      if (index !== null && typeof index === 'number') {
        nextItemIndex = index;
      } else {
        if (effectiveMovement === MOVE_RIGHT) {
          nextItemIndex = (indexActiveItem >= items.length - 1) ? 0 : indexActiveItem + 1;
        } else {
          nextItemIndex = (indexActiveItem <= 0) ? items.length - 1 : indexActiveItem - 1;
        }
      }

      const nextItem = items[nextItemIndex];
      if (!nextItem) { moving = false; return; }

      // trigger animation classes
      activateIndicator(activeItem, nextItem, movement);

      setTimeout(() => {
        activateItem(activeItem, nextItem, movement);
        moving = false;

        // restart interval after manual or automatic move
        if (intervalId !== null) {
          clearInterval(intervalId);
          intervalId = null;
        }
        intervalId = createInterval();
      }, ANIMATION_DURATION_MS);
    }

    function createInterval() {
      const activeItem = document.querySelector('.carousel-item.active');
      if (!activeItem) return null;
      const video = activeItem.querySelector('video');
      if (video) {
        // automatic behavior unchanged
        video.onended = () => move(MOVE_RIGHT);
        return null;
      } else {
        // automatic behavior unchanged
        return setInterval(() => move(MOVE_RIGHT), IMAGE_INTERVAL);
      }
    }

    (function main() {
      indicators.forEach((indicator, idx) => {
        indicator.addEventListener('click', () => {
          const activeIndicator = getActiveIndicator();
          const indexActiveIndicator = indicators.indexOf(activeIndicator);
          if (idx === indexActiveIndicator) return;

          // === FIX: Manual clicks always use MOVE_RIGHT class ===
          // Why: .move-right produces the physical entrance we want:
          //  - In LTR it enters from the right (right -> left)
          //  - In RTL the CSS overrides make .move-right enter from the left (left -> right)
          //
          // Pass isManual = true so the internal auto-rtl-flip won't invert our manual intent.
          move(MOVE_RIGHT, idx, true);

          // restart autoplay interval
          if (intervalId !== null) { clearInterval(intervalId); intervalId = null; }
          intervalId = createInterval();
        });
      });

      if (items.length <= 1 && document.querySelector('.carousel-navigation')) {
        document.querySelector('.carousel-navigation').style.display = 'none';
      }

      document.querySelectorAll('video').forEach(video => {
        const currentSection = video.dataset.section;
        const currentURL = video.dataset.url || '';

        const handleVideoClick = (event) => {
          if (event.target !== video) return;
          event.preventDefault();
          if (currentURL && currentURL.trim() !== '') {
            window.location.href = currentURL;
          } else {
            const elements = document.querySelectorAll('.custom-heading-title');
            const sec = parseInt(currentSection, 10);
            if (!Number.isNaN(sec) && elements[sec]) elements[sec].scrollIntoView({ behavior: 'smooth' });
          }
        };

        video.addEventListener('click', handleVideoClick);
        video.addEventListener('touchstart', handleVideoClick);
      });

      intervalId = createInterval();
    })();

    window.scrollToContent = function (text) {
      const elements = document.querySelectorAll('.section-scroll');
      const element = elements[text];
      if (!element) return;
      const elementRect = element.getBoundingClientRect();
      const offsetY = window.scrollY + elementRect.top;
      const targetPosition = offsetY - (window.innerHeight * 0.15);
      window.scrollTo({ top: targetPosition, behavior: 'smooth' });
    };
  })();
</script>


			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-toolbaar-personal-redesign--copy- lfr-layout-structure-item-71d3cf41-1d44-4baf-f173-8911789c6f77" style=""><div id="fragment-b1112867-501d-d83e-9618-7822c0097801" > <div class="fragment_25911">
	
	<div class="mobile-scroll-container-new">
    <section class="custom-padding img parentBox_new">
        <div class="mx-auto grid max-w-6xl xl:flex justify-center grid-cols-2 sm:grid-cols-4 md:grid-cols-4 gap-y-2 gap-x-2 whitespace-nowrap px-4 text-center font-bold md:gap-x-4 md:text-[22px] xl:gap-x-6">
         
					<div>
						  <a href="https://estorm.ooredoo.dz/e-payment/payment/public/"> 
               
                    </a><div class="bg-white childBox grid img place-items-center rounded-xl shadow md:pb-6 xl:pb-8"><a href="https://estorm.ooredoo.dz/e-payment/payment/public/">
                        <img src="/documents/d/guest/marketeq_mobile-payment-done-2" alt="Recharge Icon" data-lfr-editable-id="img-1" data-lfr-editable-type="image" class="toolbaar-icon-width w-14 md:w-20 xl:w-auto">
											 </a><a href="https://estorm.ooredoo.dz/"> 
                        <p data-lfr-editable-id="title-1" data-lfr-editable-type="text" class="tile-font-size cursor-pointer uppercase">Rechargement</p> </a>
                    </div>
                 
            </div>
						
				
            <div>
               	 <a href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last">
                    </a><div class="childBox img grid place-items-center rounded-xl bg-white  shadow md:pb-6 xl:pb-7 xl:w-[260px] xl:h-[181px] w-[89px] h-[89px] md:w-[154px] md:h-[154px]"><a href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last">
                        <img src="/documents/d/guest/install-app" alt="Bill Icon" data-lfr-editable-id="img-2" data-lfr-editable-type="image" class="toolbaar-icon-width w-14 md:w-20 xl:w-auto">
											</a><a href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last">
                        <p data-lfr-editable-id="title-2" data-lfr-editable-type="text" class="tile-font-size cursor-pointer uppercase">My Ooredoo</p>
											</a>
												</div>
               
            </div>
						  
					
            <div>
							 <a href="/particuliers/trouvez-nous">
               
                    </a><div class="childBox img grid place-items-center rounded-xl bg-white shadow md:pb-6 xl:pb-8 xl:w-[260px] xl:h-[181px] w-[89px] h-[89px] md:w-[154px] md:h-[154px]"><a href="/particuliers/trouvez-nous">
                        <picture data-fileentryid="2983870"><source media="(max-width:90px)" srcset="/o/adaptive-media/image/2983870/Preview-1000x0/hugeicons_maps-location-02.png?t=1755510254000" /><source media="(max-width:90px) and (min-width:90px)" srcset="/o/adaptive-media/image/2983870/Thumbnail-300x300/hugeicons_maps-location-02.png?t=1755510254000" /><img src="/documents/20121/72925/hugeicons_maps-location-02.png/8f83fdbf-f3bf-442c-fa4c-41e21d531854?version=1.0&amp;t=1755510254000" data-lfr-editable-id="img-3" data-lfr-editable-type="image" alt="Help Icon" class="toolbaar-icon-width w-14 md:w-20 xl:w-auto" data-fileentryid="2983870"></picture>
                      	 </a><a href="/particuliers/trouvez-nous"> 
											<p data-lfr-editable-id="title-3" data-lfr-editable-type="text" class="tile-font-size cursor-pointer uppercase">Trouvez-nous</p>
											</a>
													 </div>
         
            </div>
						        
					
            <div>
                <a href="/particuliers/contactez-nous">
                    </a><div class="childBox img grid place-items-center rounded-xl bg-white shadow md:pb-6 xl:pb-8 xl:w-[260px] xl:h-[181px] w-[89px] h-[89px] md:w-[154px] md:h-[154px]"><a href="/particuliers/contactez-nous">
                        <picture data-fileentryid="2983885"><source media="(max-width:90px)" srcset="/o/adaptive-media/image/2983885/Preview-1000x0/ep_service.png?t=1755510278630" /><source media="(max-width:90px) and (min-width:90px)" srcset="/o/adaptive-media/image/2983885/Thumbnail-300x300/ep_service.png?t=1755510278630" /><img src="/documents/20121/72925/ep_service.png/63dff438-ec29-828d-2732-a88a976e7453?version=1.0&amp;t=1755510278630" data-lfr-editable-id="img-4" data-lfr-editable-type="image" alt="Offers Icon" class="toolbaar-icon-width w-14 md:w-20 xl:w-auto" data-fileentryid="2983885"></picture>
											  </a><a href="/particuliers/contactez-nous">
                        <p data-lfr-editable-id="title-4" data-lfr-editable-type="text" class="tile-font-size cursor-pointer uppercase">Contactez-nous</p>
											</a>
													</div>
                
            </div>
						 
        </div>
    </section>
</div>
	
	
</div></div><style>.fragment_25911 {
	
	  .tile-font-size {
        font-size: 18px;
    } 
	
	.mobile-scroll-container-new .custom-padding{
padding:70px 0px !important;
}
@media only screen and (max-width: 743px) {
  .mobile-scroll-container-new .custom-padding{
padding:24px 0px 40px !important;
}
}
@media only screen and (min-width: 744px) and (max-width: 1199px) {
	.mobile-scroll-container-new .custom-padding{
padding:32px 0px 48px !important;
}
}

@media only screen and (min-width: 1200px) {
.parentBox_new .childBox{
	width: 200px !important;
  height: 210px !important;
	padding: 16px 16px 32px 16px;
}
}
.parentBox_new .childBox{
	width: auto;
    height: 120px ;
}
/* Add this CSS to enable horizontal scrolling on mobile devices */
.mobile-scroll-container-new {
  
    -webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS devices */
    display: flex;
}

.mobile-scroll-container-new section {
    flex-shrink: 0; /* Prevent sections from shrinking in width */
    min-width: 100%; /* Ensure each section takes up the full width */
    padding-right: 16px; /* Add a bit of spacing between sections */
}
@media only screen and (max-width: 435px) {
	.mobile-scroll-container-new .custom-padding {
			padding: 40px 0px 40px !important;
	}
}

@media (min-width: 700px) and (max-width: 990px) {
    .parentBox_new .childBox {
        width: 160px;
        height: 154px;
    }
	    .tile-font-size {
        font-size: 15px;
    }
	   
}
@media (min-width: 991px) and (max-width: 1199px) {
    .parentBox_new .childBox {
        width: auto !important;
        height: 210px !important;
        padding: 16px 16px 32px 16px;
    }
	 .tile-font-size {
        font-size: 18px;
    }
} 
	
	@media(max-width: 576px) {
		.toolbaar-icon-width{
		width: 65px !important; 
			height: 65px !important; 
		}
	} 
	
	@media(max-width: 375px) {
	.tile-font-size {
        font-size: 13px;
    }
	} 
	
		@media(max-width: 300px) {
	.tile-font-size {
        font-size: 12px;
    }
	}
}</style></div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-50bbbcdb-fab6-e2e6-8dd4-74aff5fa3f53" style=""><div id="fragment-973bbaed-675c-4ca4-8329-941e9ac8bd92" >





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-2499566" data-fragments-editor-item-type="fragments-editor-mapped-item" >
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="2499564" data-analytics-asset-title="Hameçonnage par SMS HP" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="2499566">
			

			<section class="presentation-global hide-background-image-section presentation-section-wrap">
 <h2 class="section-scroll presentation-header mo-px-3 font-outfit  max-w-7xl mx-auto uppercase">
          HAMEÇONNAGE PAR SMS
   </h2>

<div class="mo-py-24 mo-p-tb px-xl-5 px-4 py-6 sm:mo-rounded-none max-w-7xl  bg-white   mx-auto xl:rounded-xl xl:rounded-xl mobile-section-padding">

   	  
		 <div 
          class="presentation-global max-w-7xl 					mx-auto flex flex-col max-w-7xl pb-0 lg:pb-10 lg:pt-10 xl:pt-10 xl:pb-10 py-4 items-center xl:rounded-xl xl:flex-row lg:flex-row">
                    
                        <!-- left -->
                        
														<div class="d-flex justify-content-center col-12 col-lg-4">
                                    <picture data-fileentryid="2499551"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2499551/Thumbnail-300x300/Img-hame%C3%A7onnage.png?t=1721835042881" /><source media="(max-width:465px) and (min-width:300px)" srcset="/o/adaptive-media/image/2499551/Preview-1000x0/Img-hame%C3%A7onnage.png?t=1721835042881" /><picture data-fileentryid="2499551"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2499551/Thumbnail-300x300/Img-hame%C3%A7onnage.png?t=1721835042881" /><source media="(max-width:465px) and (min-width:300px)" srcset="/o/adaptive-media/image/2499551/Preview-1000x0/Img-hame%C3%A7onnage.png?t=1721835042881" /><img class="main-img mb-10  h-auto image-right w-auto pres-img-responsive" alt="" data-fileentryid="2499551" src="/documents/20121/0/Img-hame%C3%A7onnage.png/912b00fa-0d7a-8efa-f2e7-ff868a21dc6e?t=1721835042881" /></picture></picture>
															</div>
                     
                        <!-- right -->
												  <div class="col-12 col-lg-8 mob-padding-0 rtl-about">
												 
                       
                            <div class="swiper swiper-unique-2499564" id="presentation-slider">
                                <div class="swiper-wrapper">          
                                            <div class="sm:mo-mt-9 gap-5 swiper-slide xl:my-auto flex flex-col justify-center item-center">
                                                <div style="text-transform: none;"
                                                    class="presentation-content presentation-content-width lg:text-xl pt-3 md:px-xl-6  md:px-md-6 md:px-6  rtl-padding-right-16 rtl-alite-text dari-text">
                                                        <p><span style="font-size:20px"><span style="font-family:Rubik"><span style="color:#3a3a3a">Vous avez reçu un SMS douteux&nbsp;?</span></span></span></p>

<p><span style="font-size:20px"><span style="font-family:Rubik"><span style="color:#3a3a3a">Attention, il s'agit probablement d'une tentative d'hameçonnage par SMS ! </span></span></span></p>

<p><span style="font-size:20px"><span style="font-family:Rubik"><span style="color:#3a3a3a">Agissez vite&nbsp;!</span></span></span></p>
                                                </div>
                                                    <div class="d-flex justify-center activate-button-1 mb-0 mo-justify-content-center justify-content-xl-start col-12 xl:px-16 lg:px-16 pt-xl-2">
                                                                    <a href="/particuliers/services/hameconnage" class="presentation-btn rounded-full button-style mo-py bg-brand-red-4 sm:mo-px-2 xl:px-16 py-16px text-lg font-semibold text-white transition-colors duration-200 hover:bg-brand-red-1">
                                                                            Plus d'infos
                                                                    </a>
                                                    </div>
                            </div>
              </div>
							
                            <div class="">
      
                              <div class='d-none w-100 row justify-content-between align-items-center m-0 slider-pagination-wrap'>

															
															<div class="swiper-pagination-presentation custom-pagination col-12 col-xl-12 d-flex align-items-center justify-content-center w-100"></div>
															
                                <div class="mo-hidden swiper-button-prev col-md-4 d-flex justify-content-center"></div>
                                        
                                <div class="mo-hidden swiper-button-next col-md-4 d-flex justify-content-center"></div>
                              </div>
                            </div>
                                    </div>
                                  </div>
                         </div></div>
</section>

<style>
    /*Three button with text UI style*/
		.GoPlay{
		 display:flex;
		 flex-direction:row;
		 justify-content: center;
		 align-items: center;
		 margin-top: 32px;
		}
		.Go-Text{
			font-weight: 700;
			min-width: 175px;
		}
		.Go-Image-Container{
			display:flex;
			justify-content: center;
      align-items: center;
		}
		.rtl .Go-Text{
			font-weight: 700;
			min-width: 80px !important;
		}

		@media (max-width: 1023px) {
			.GoPlay{
			 flex-direction:column;
			}
			.main-img{
			  max-width:340px;
			}
			
		}

		
.Go-Image{
  width:120px;
}

.rtl .swiper-button-next {
    transform: rotate(180deg);
}

.rtl .swiper-button-prev {
    transform: rotate(180deg);
}
		
</style>

<style>
[dir=rtl] p, [dir=rtl] span, [dir=rtl] div, [dir=rtl] select, [dir=rtl] body, [dir=rtl] input, [dir=rtl] textarea, [dir=rtl] form {
    font-family: "Noto Kufi Arabic Regular" !important;
}
/*Web*/
@media (min-width: 1024px) {
		.swiper-wrapper{
		margin-bottom:30px;
		}
		.presentation-global .mo-px-3{
		padding-left: 2rem ;
		padding-right: 2rem ;
		}
		.mo-justify-content-center {
		justify-content: start !important;
		}
		.leading-10 {
    line-height: normal;
    }
		.text-5 {
    font-size: 28px;ma
    }
	
}

/*Tab*/
@media (min-width: 600px) and (max-width: 1023px) {
		.mo-p-tb{
		padding-top: 32px;
		padding-bottom: 24px;
		}
		.text-left {
    text-align: center !important;
    }
			.rtl .presentation-content-width {
        text-align: center !important;
    }
}

/*Mobile*/
@media(max-width: 599px) {
	.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-section-wrap.presentation-global .mobile-section-padding {
		padding: 8vw 2vw !important;
		}
		.presentation-section-wrap.presentation-global .main-img {
		padding: 0 5vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content p, .presentation-content h2 {
		font-size: clamp(16px, 4vw, 24px) !important;
		line-height:normal !important;
		text-align: center !important;
		}
		.presentation-section-wrap.presentation-global .presentation-btn {
		font-size: 3.5vw !important;
		padding: 1vw !important;
		height: 10.5vw !important;
		min-width: 57.2vw !important;
		margin-top: 4vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content {
		padding: 4vw 0 0 !important;
		}
		.presentation-section-wrap.presentation-global .swiper-slide {
		gap: unset !important;
		margin-top: 0 !important;
		}
}
@media (max-width: 599px) {
		.xl\:pb-10 {
		padding-bottom: 0px !important;
		}
		.rtl .text-8 {
		font-size: 16px;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
		.presentation-global .activate-button {
		padding-bottom: 20px;
		}
		.presentation-content p {
		font-size: 12px !important;
		}


		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .pb-5 {
		padding-bottom: 10px !important;
		}
		.presentation-global .pt-10 {
		padding-top: 20px !important;
		}
		.presentation-global .sm\:mo-mt-9 {
		margin-top:5px !important;
		}
		.presentation-global li {
		font-size:14px !important;
		text-align: start !important;
		}
		.presentation-global .text-lg {
		font-size:12px !important;
		line-height: 18px !important;
		}
		.presentation-global ul {
		padding-inline: 10px !important;
		}
		.text-4 ul{
		margin-top: 10px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0px !important;
		}
		.mo-py{
		padding: 10px !important;
		}
}
@media only screen and (max-width: 435px) {
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .row {
		flex-wrap: wrap ;
		}
		.presentation-global li {
		font-size: 4vw !important;
		text-align: start !important;
		line-height: 6vw !important;
		}
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		.presentation-global .pb-4 {
		padding-bottom: 0rem !important;
		}
		.presentation-content-width {
		width: 90% !important;
		margin:0px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0rem !important;
		}
		.presentation-global .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap:16px;
		}
		.presentation-global .presentation-header {
		font-size: 24px !important;
		padding-bottom: 24px !important;
		padding-top: 40px !important;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
}
@media only screen and (max-width: 400px) {
		.pres-img-responsive{
		max-height: 185px !important;
		}
		.swiper-button-prev, .swiper-button-next {
		    opacity: 0;
        pointer-events: none;
		}
		.swiper-pagination-presentation {
		display: block !important;
		margin: 0 auto;
		position: relative;
		z-index: 100;
		text-align: center;
		}
		.presentation-content{
		text-align: center !important;
		}
		.presentation-global .presentation-header{
		padding-bottom: 24px !important; 
		}
		.title-padding-bottom{
		padding-bottom: 24px !important; 
		}
			.main-img{
			  max-width:200px !important;
			}
}


@media(max-width:1264px){
		.button-style
		{
		padding-left:10px;
		padding-right:10px;
		display:flex;
		align-items: center;
		justify-content: center;
		min-width:160px;
		}
		.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
}
@media (min-width: 1023px) {
		.xl\:pb-10 {
		padding-bottom: 2.5rem !important;
		}
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		// do something in this width range.
		}
		@media only screen and (max-width: 361px) {
		.presentation-global .py-16px {
		padding-top: .2rem ;
		padding-bottom: .2rem ;
		}
}
@media only screen and (min-width: 362px) and (max-width: 743px) {
		.presentation-global .py-16px {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
		}
		/*.rtl .image-right {
		transform: scaleX(-1);
		}*/
		.rtl .rtl-about .swiper-button-prev{
		right:auto !important;
		}
		.rtl .rtl-alite-text .text-4 ul{
		text-align: right !important;
		}
		.presentation-global .py-16px {
		padding-top: 12px;
		padding-bottom: 12px;
		}
		.dari-text ol,.dari-text ul{
		padding-inline: 6px !important;
		}
		.rtl .dari-text{
		text-align: center !important;
		}
		.ltr .dari-text{
		text-align: center !important;
		}
		.sm\:mo-px-2 {
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: center;
		}
		.mobile-section-padding{

		border-radius: 12px !important;
		}
		.sm\:mo-px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		}
		ul.font-medium.font-base li {
		text-align: left; 
		}
		div.p-2 ul + p {
		text-align: left;
		}
		.pb-4.mx-3.text-22.font-sans.font-bold{
		text-align: center;
		}
		.col-12.col-md-5.m-2.p-3.border-2.rounded-xl.border-brand-gray-16 .p-2 {
		text-align: left;
		}
		.sm\:mo-rounded-none {
		border-radius: 0px;
		}
		.sm\:mo-mt-9 {
		margin-top: 0.5rem !important;
		}
		.col-12.col-md-5.p-3.m-2.border-2.rounded-xl.border-brand-gray-16 {
		flex: unset;
		}
}
.presentation-content-width {
width: 80% !important;
margin: 0 auto;
}
.rtl .presentation-content-width {
width: 90%;
margin: 0 auto;
}
.presentation-content .text-base {
font-size: 18px !important;
}
.presentation-content p {
font-size: 18px;
}
.presentation-content .capitalize {
text-transform: none !important;
}
.presentation-content p a{
font-weight: 600;
}
.presentation-content-width ul {
text-transform: none !important;
text-align: left !important;
font-size: 16px;
line-height: inherit;
}
.rtl .presentation-content-width ul {
text-transform: none !important;
text-align: right !important;
}
@media only screen and (min-width: 1280px) {
		[dir=rtl] .xl\:rtl\:text-right {
		text-align: right !important;
		}
}


@media only screen and (min-width: 1024px) and (max-width: 1365px) {
		.presentation-content-width{
		text-align: left !important;
		}
		.rtl .presentation-content-width {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul li  {
		text-align: right !important;
		}
		.rtl .li  {
		text-align: right !important;
		}
		.presentation-content-width .text-2050 {
		font-size: 17px !important;
		line-height: 40px !important;
		}
		.presentation-content-width {
		width: 90%;
		margin: 0 auto;
		}
		.presentation-content .text-base {
		font-size: 16px !important;
		}
		.presentation-content p {
		font-size: 16px !important;
		}
}
@media(max-width: 767.98px){
		.mob-padding-0 {
		padding: 0 !important;
		}
		.presentation-content-width {
		width: 100%;
		}
}

.hide-background-image-section {
background-image: none !important;
}
.has-background-image {
background-color: white !important;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
}
.presentation-global .presentation-header{
font-size: 48px !important;
color: #262626;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: capitalize;
padding-bottom: 30px;
text-align: center;
}
.presentation-global .presentation-content a{
color: #69b2cf !important;
}
.presentation-global .swiper-button-next:after,.presentation-global .swiper-button-prev:after {
font-size: 33.5px;
font-weight: 900;
text-shadow: 2px 0 #ed1c24;
}
.presentation-global > ol,
.presentation-global > ul {
list-style: initial;
padding-inline: 32px;
//padding-inline: 0px;
}
.presentation-global .py-16px {
padding-top: 12px;
padding-bottom: 12px;
}
.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content{
padding:0;
background:transparent !important;
}
/* hero carousel */
#swiper-1 .swiper-pagination-bullet {
width: 20px;
height: 8px;
background-color: white;
border-radius: 0;
opacity: 1;
}
#swiper-1 .swiper-pagination-bullet-active {
background: #ed1c24;
width: 48px;
}
/* presentation carousel */
#presentation-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #D9D9D9;
opacity: 1;
z-index:50;
}
#presentation-slider .swiper-pagination-bullet-active {
background: #ed1c24;
}
#presentation-slider .swiper-button-next::after,
#presentation-slider .swiper-button-prev::after {
transform: scale(0.6);
color: #ed1c24;
}

/* my ooredoo carousel */
#swiper-myooredoo .swiper-pagination-bullet,#swiper-3 .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: rgba(237, 28, 36, 0.25);
opacity: 1;
}
#swiper-myooredoo .swiper-pagination-bullet-active,#swiper-3 .swiper-pagination-bullet-active {
background: #ed1c24;
}
.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet .portlet-content{
background: rgb(244 246 248/var(--tw-bg-opacity));
}
.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
top: 47%;
border-radius: 50%;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
padding: 20px 21px;
width: 40px;
height: 40px;
max-width: 40px;
}
/*-------------------------------------------------------------Custom Styling added---------------------------------- */
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
left: 0;
width: 100%;
}
@media (max-width:1000.99px) {

.pres-img-responsive{
max-height: 242px !important;
}
.presentation-content{
text-align: center !important;

}
.presentation-global .swiper-button-next, .swiper-button-prev {
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
}
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
}
.presentation-global .presentation-header{
font-size: 40px !important;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 401px) and (max-width: 743px) {
.pres-img-responsive{
max-height: 185px !important;
}

.swiper-pagination-presentation {
display: block !important;
margin: 0 auto;
position: relative;
z-index: 100;
text-align: center;
}
.presentation-content{
text-align: center !important;
}
}

@media(max-width: 720px) {
		.mobile-section-padding {
		width: 100%;
		margin: 0 !important;
		border-radius: 0 !important;
		}
}
@media(max-width: 991.98px) {
		.presentation-content .py-30 {
		padding: 15px 0 0 !important; 
		}
		.presentation-global .activate-button {
		margin-top: 2px !important; 
		}
		.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
		display: flex !important;
		}
		.slider-pagination-wrap {
		margin-top: 15px !important;
		}
		.custom-pagination {
		position: unset !important;
		display: flex !important;
		padding: 0 !important;
		}
}
@media (min-width: 1264px) {
		.xl\:rounded-xl {
		border-radius: 0.75rem;
		}
		}
		
ol {
 text-align:start !important;
}
.uppercase{
    text-transform: uppercase !important;
}

.rtl .swiper-rtl .swiper-button-next:after {
    content: "next";
}
.rtl .swiper-rtl .swiper-button-prev:after {
    content: "prev";
}
.presentation-global .swiper-slide ol {
  list-style-type: decimal;
}
</style>

<script>
(function () {
    var swipers = document.querySelectorAll("[class*='swiper-unique-']");

    swipers.forEach(sliderEl => {
        if (!sliderEl || typeof Swiper === 'undefined') return;
        if (sliderEl.swiper) return;

        var wrapper = sliderEl.closest('.presentation-global');
        var nextBtn = wrapper.querySelector(".swiper-button-next");
        var prevBtn = wrapper.querySelector(".swiper-button-prev");
        var paginationEl = wrapper.querySelector(".swiper-pagination-presentation");

        var swiper = new Swiper(sliderEl, {
            slidesPerView: 1,
            watchOverflow: false,
            navigation: {
                nextEl: nextBtn,
                prevEl: prevBtn,
            },
            pagination: {
                el: paginationEl,
                clickable: true,
            },
            on: {
                init() {
                    // Force buttons fully interactive on first load
                    [nextBtn].forEach(btn => {
                        if (!btn) return;
                        btn.style.opacity = "1";
                        btn.style.pointerEvents = "auto";
                        btn.style.cursor = "pointer"; // hand icon
                    });
                },
                slideChange() {
                   // Let Swiper disable next button at last slide
                    if (nextBtn) {
                        nextBtn.style.opacity = "";
                        nextBtn.style.pointerEvents = "";
                        nextBtn.style.cursor = ""; // let Swiper handle cursor
                    }
                },
                reachEnd() {
                    
                },
                reachBeginning() {
                    
                }
            }
        });
    });
})();
</script>



			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-64f42f4e-0749-b398-0ad1-8041ed14d056" style=""><div id="fragment-b3fa8117-3263-cad2-e526-1ab43a65783a" >





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-78401" data-fragments-editor-item-type="fragments-editor-mapped-item" >
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="82455" data-analytics-asset-title="Home page - ooredoo 500" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="78401">
			

			<section class="presentation-global hide-background-image-section presentation-section-wrap">
 <h2 class="section-scroll presentation-header mo-px-3 font-outfit  max-w-7xl mx-auto uppercase">
          OOREDOO 500
   </h2>

<div class="mo-py-24 mo-p-tb px-xl-5 px-4 py-6 sm:mo-rounded-none   bg-white   mx-auto xl:rounded-xl xl:rounded-xl mobile-section-padding">

   	  
		 <div 
          class="presentation-global  					mx-auto flex flex-col max-w-7xl pb-0 lg:pb-10 lg:pt-10 xl:pt-10 xl:pb-10 py-4 items-center xl:rounded-xl xl:flex-row lg:flex-row">
                    
                        <!-- left -->
                        
														<div class="order-lg-last d-flex justify-content-center col-12 col-lg-4">
                                    <picture data-fileentryid="866295"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/866295/Thumbnail-300x300/Frame+427319237+%283%29.png?t=1695038005973" /><source media="(max-width:362px) and (min-width:300px)" srcset="/o/adaptive-media/image/866295/Preview-1000x0/Frame+427319237+%283%29.png?t=1695038005973" /><picture data-fileentryid="866295"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/866295/Thumbnail-300x300/Frame+427319237+%283%29.png?t=1695038005973" /><source media="(max-width:362px) and (min-width:300px)" srcset="/o/adaptive-media/image/866295/Preview-1000x0/Frame+427319237+%283%29.png?t=1695038005973" /><img class="main-img mb-10  h-auto image-right w-auto pres-img-responsive" alt="" data-fileentryid="866295" src="/documents/20121/0/Frame+427319237+%283%29.png/2cf96728-ee5d-8252-1d01-bffed0abfaa3?t=1695038005973" /></picture></picture>
															</div>
                     
                        <!-- right -->
												  <div class="col-12 col-lg-8 mob-padding-0 rtl-about">
												 
                       
                            <div class="swiper swiper-unique-82455" id="presentation-slider">
                                <div class="swiper-wrapper">          
                                            <div class="sm:mo-mt-9 gap-5 swiper-slide xl:my-auto flex flex-col justify-center item-center">
                                                <div style="text-transform: none;"
                                                    class="presentation-content presentation-content-width lg:text-xl pt-3 md:px-xl-6  md:px-md-6 md:px-6  rtl-padding-right-16 rtl-alite-text dari-text">
                                                        <p>Profitez de nombreux avantages avec l’offre Ooredoo 500 : des forfaits longue durée à 2500, 3500, 4500 et 4990 DA, plusieurs forfaits journaliers à partir de 50 DA ainsi que des forfaits appels et internet allant jusqu’à 100Go.</p>
                                                </div>
                                                    <div class="d-flex justify-center activate-button-1 mb-0 mo-justify-content-center justify-content-xl-start col-12 xl:px-16 lg:px-16 pt-xl-2">
                                                                    <a href="/particuliers/offres-mobiles/ooredoo-500" class="presentation-btn rounded-full button-style mo-py bg-brand-red-4 sm:mo-px-2 xl:px-16 py-16px text-lg font-semibold text-white transition-colors duration-200 hover:bg-brand-red-1">
                                                                            Plus d'infos
                                                                    </a>
                                                    </div>
                            </div>
              </div>
							
                            <div class="">
      
                              <div class='d-none w-100 row justify-content-between align-items-center m-0 slider-pagination-wrap'>

															
															<div class="swiper-pagination-presentation custom-pagination col-12 col-xl-12 d-flex align-items-center justify-content-center w-100"></div>
															
                                <div class="mo-hidden swiper-button-prev col-md-4 d-flex justify-content-center"></div>
                                        
                                <div class="mo-hidden swiper-button-next col-md-4 d-flex justify-content-center"></div>
                              </div>
                            </div>
                                    </div>
                                  </div>
                         </div></div>
</section>

<style>
    /*Three button with text UI style*/
		.GoPlay{
		 display:flex;
		 flex-direction:row;
		 justify-content: center;
		 align-items: center;
		 margin-top: 32px;
		}
		.Go-Text{
			font-weight: 700;
			min-width: 175px;
		}
		.Go-Image-Container{
			display:flex;
			justify-content: center;
      align-items: center;
		}
		.rtl .Go-Text{
			font-weight: 700;
			min-width: 80px !important;
		}

		@media (max-width: 1023px) {
			.GoPlay{
			 flex-direction:column;
			}
			.main-img{
			  max-width:340px;
			}
			
		}

		
.Go-Image{
  width:120px;
}

.rtl .swiper-button-next {
    transform: rotate(180deg);
}

.rtl .swiper-button-prev {
    transform: rotate(180deg);
}
		
</style>

<style>
[dir=rtl] p, [dir=rtl] span, [dir=rtl] div, [dir=rtl] select, [dir=rtl] body, [dir=rtl] input, [dir=rtl] textarea, [dir=rtl] form {
    font-family: "Noto Kufi Arabic Regular" !important;
}
/*Web*/
@media (min-width: 1024px) {
		.swiper-wrapper{
		margin-bottom:30px;
		}
		.presentation-global .mo-px-3{
		padding-left: 2rem ;
		padding-right: 2rem ;
		}
		.mo-justify-content-center {
		justify-content: start !important;
		}
		.leading-10 {
    line-height: normal;
    }
		.text-5 {
    font-size: 28px;ma
    }
	
}

/*Tab*/
@media (min-width: 600px) and (max-width: 1023px) {
		.mo-p-tb{
		padding-top: 32px;
		padding-bottom: 24px;
		}
		.text-left {
    text-align: center !important;
    }
			.rtl .presentation-content-width {
        text-align: center !important;
    }
}

/*Mobile*/
@media(max-width: 599px) {
	.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-section-wrap.presentation-global .mobile-section-padding {
		padding: 8vw 2vw !important;
		}
		.presentation-section-wrap.presentation-global .main-img {
		padding: 0 5vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content p, .presentation-content h2 {
		font-size: clamp(16px, 4vw, 24px) !important;
		line-height:normal !important;
		text-align: center !important;
		}
		.presentation-section-wrap.presentation-global .presentation-btn {
		font-size: 3.5vw !important;
		padding: 1vw !important;
		height: 10.5vw !important;
		min-width: 57.2vw !important;
		margin-top: 4vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content {
		padding: 4vw 0 0 !important;
		}
		.presentation-section-wrap.presentation-global .swiper-slide {
		gap: unset !important;
		margin-top: 0 !important;
		}
}
@media (max-width: 599px) {
		.xl\:pb-10 {
		padding-bottom: 0px !important;
		}
		.rtl .text-8 {
		font-size: 16px;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
		.presentation-global .activate-button {
		padding-bottom: 20px;
		}
		.presentation-content p {
		font-size: 12px !important;
		}


		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .pb-5 {
		padding-bottom: 10px !important;
		}
		.presentation-global .pt-10 {
		padding-top: 20px !important;
		}
		.presentation-global .sm\:mo-mt-9 {
		margin-top:5px !important;
		}
		.presentation-global li {
		font-size:14px !important;
		text-align: start !important;
		}
		.presentation-global .text-lg {
		font-size:12px !important;
		line-height: 18px !important;
		}
		.presentation-global ul {
		padding-inline: 10px !important;
		}
		.text-4 ul{
		margin-top: 10px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0px !important;
		}
		.mo-py{
		padding: 10px !important;
		}
}
@media only screen and (max-width: 435px) {
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .row {
		flex-wrap: wrap ;
		}
		.presentation-global li {
		font-size: 4vw !important;
		text-align: start !important;
		line-height: 6vw !important;
		}
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		.presentation-global .pb-4 {
		padding-bottom: 0rem !important;
		}
		.presentation-content-width {
		width: 90% !important;
		margin:0px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0rem !important;
		}
		.presentation-global .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap:16px;
		}
		.presentation-global .presentation-header {
		font-size: 24px !important;
		padding-bottom: 24px !important;
		padding-top: 40px !important;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
}
@media only screen and (max-width: 400px) {
		.pres-img-responsive{
		max-height: 185px !important;
		}
		.swiper-button-prev, .swiper-button-next {
		    opacity: 0;
        pointer-events: none;
		}
		.swiper-pagination-presentation {
		display: block !important;
		margin: 0 auto;
		position: relative;
		z-index: 100;
		text-align: center;
		}
		.presentation-content{
		text-align: center !important;
		}
		.presentation-global .presentation-header{
		padding-bottom: 24px !important; 
		}
		.title-padding-bottom{
		padding-bottom: 24px !important; 
		}
			.main-img{
			  max-width:200px !important;
			}
}


@media(max-width:1264px){
		.button-style
		{
		padding-left:10px;
		padding-right:10px;
		display:flex;
		align-items: center;
		justify-content: center;
		min-width:160px;
		}
		.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
}
@media (min-width: 1023px) {
		.xl\:pb-10 {
		padding-bottom: 2.5rem !important;
		}
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		// do something in this width range.
		}
		@media only screen and (max-width: 361px) {
		.presentation-global .py-16px {
		padding-top: .2rem ;
		padding-bottom: .2rem ;
		}
}
@media only screen and (min-width: 362px) and (max-width: 743px) {
		.presentation-global .py-16px {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
		}
		/*.rtl .image-right {
		transform: scaleX(-1);
		}*/
		.rtl .rtl-about .swiper-button-prev{
		right:auto !important;
		}
		.rtl .rtl-alite-text .text-4 ul{
		text-align: right !important;
		}
		.presentation-global .py-16px {
		padding-top: 12px;
		padding-bottom: 12px;
		}
		.dari-text ol,.dari-text ul{
		padding-inline: 6px !important;
		}
		.rtl .dari-text{
		text-align: center !important;
		}
		.ltr .dari-text{
		text-align: center !important;
		}
		.sm\:mo-px-2 {
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: center;
		}
		.mobile-section-padding{

		border-radius: 12px !important;
		}
		.sm\:mo-px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		}
		ul.font-medium.font-base li {
		text-align: left; 
		}
		div.p-2 ul + p {
		text-align: left;
		}
		.pb-4.mx-3.text-22.font-sans.font-bold{
		text-align: center;
		}
		.col-12.col-md-5.m-2.p-3.border-2.rounded-xl.border-brand-gray-16 .p-2 {
		text-align: left;
		}
		.sm\:mo-rounded-none {
		border-radius: 0px;
		}
		.sm\:mo-mt-9 {
		margin-top: 0.5rem !important;
		}
		.col-12.col-md-5.p-3.m-2.border-2.rounded-xl.border-brand-gray-16 {
		flex: unset;
		}
}
.presentation-content-width {
width: 80% !important;
margin: 0 auto;
}
.rtl .presentation-content-width {
width: 90%;
margin: 0 auto;
}
.presentation-content .text-base {
font-size: 18px !important;
}
.presentation-content p {
font-size: 18px;
}
.presentation-content .capitalize {
text-transform: none !important;
}
.presentation-content p a{
font-weight: 600;
}
.presentation-content-width ul {
text-transform: none !important;
text-align: left !important;
font-size: 16px;
line-height: inherit;
}
.rtl .presentation-content-width ul {
text-transform: none !important;
text-align: right !important;
}
@media only screen and (min-width: 1280px) {
		[dir=rtl] .xl\:rtl\:text-right {
		text-align: right !important;
		}
}


@media only screen and (min-width: 1024px) and (max-width: 1365px) {
		.presentation-content-width{
		text-align: left !important;
		}
		.rtl .presentation-content-width {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul li  {
		text-align: right !important;
		}
		.rtl .li  {
		text-align: right !important;
		}
		.presentation-content-width .text-2050 {
		font-size: 17px !important;
		line-height: 40px !important;
		}
		.presentation-content-width {
		width: 90%;
		margin: 0 auto;
		}
		.presentation-content .text-base {
		font-size: 16px !important;
		}
		.presentation-content p {
		font-size: 16px !important;
		}
}
@media(max-width: 767.98px){
		.mob-padding-0 {
		padding: 0 !important;
		}
		.presentation-content-width {
		width: 100%;
		}
}

.hide-background-image-section {
background-image: none !important;
}
.has-background-image {
background-color: white !important;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
}
.presentation-global .presentation-header{
font-size: 48px !important;
color: #262626;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: capitalize;
padding-bottom: 30px;
text-align: center;
}
.presentation-global .presentation-content a{
color: #69b2cf !important;
}
.presentation-global .swiper-button-next:after,.presentation-global .swiper-button-prev:after {
font-size: 33.5px;
font-weight: 900;
text-shadow: 2px 0 #ed1c24;
}
.presentation-global > ol,
.presentation-global > ul {
list-style: initial;
padding-inline: 32px;
//padding-inline: 0px;
}
.presentation-global .py-16px {
padding-top: 12px;
padding-bottom: 12px;
}
.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content{
padding:0;
background:transparent !important;
}
/* hero carousel */
#swiper-1 .swiper-pagination-bullet {
width: 20px;
height: 8px;
background-color: white;
border-radius: 0;
opacity: 1;
}
#swiper-1 .swiper-pagination-bullet-active {
background: #ed1c24;
width: 48px;
}
/* presentation carousel */
#presentation-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #D9D9D9;
opacity: 1;
z-index:50;
}
#presentation-slider .swiper-pagination-bullet-active {
background: #ed1c24;
}
#presentation-slider .swiper-button-next::after,
#presentation-slider .swiper-button-prev::after {
transform: scale(0.6);
color: #ed1c24;
}

/* my ooredoo carousel */
#swiper-myooredoo .swiper-pagination-bullet,#swiper-3 .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: rgba(237, 28, 36, 0.25);
opacity: 1;
}
#swiper-myooredoo .swiper-pagination-bullet-active,#swiper-3 .swiper-pagination-bullet-active {
background: #ed1c24;
}
.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet .portlet-content{
background: rgb(244 246 248/var(--tw-bg-opacity));
}
.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
top: 47%;
border-radius: 50%;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
padding: 20px 21px;
width: 40px;
height: 40px;
max-width: 40px;
}
/*-------------------------------------------------------------Custom Styling added---------------------------------- */
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
left: 0;
width: 100%;
}
@media (max-width:1000.99px) {

.pres-img-responsive{
max-height: 242px !important;
}
.presentation-content{
text-align: center !important;

}
.presentation-global .swiper-button-next, .swiper-button-prev {
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
}
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
}
.presentation-global .presentation-header{
font-size: 40px !important;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 401px) and (max-width: 743px) {
.pres-img-responsive{
max-height: 185px !important;
}

.swiper-pagination-presentation {
display: block !important;
margin: 0 auto;
position: relative;
z-index: 100;
text-align: center;
}
.presentation-content{
text-align: center !important;
}
}

@media(max-width: 720px) {
		.mobile-section-padding {
		width: 100%;
		margin: 0 !important;
		border-radius: 0 !important;
		}
}
@media(max-width: 991.98px) {
		.presentation-content .py-30 {
		padding: 15px 0 0 !important; 
		}
		.presentation-global .activate-button {
		margin-top: 2px !important; 
		}
		.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
		display: flex !important;
		}
		.slider-pagination-wrap {
		margin-top: 15px !important;
		}
		.custom-pagination {
		position: unset !important;
		display: flex !important;
		padding: 0 !important;
		}
}
@media (min-width: 1264px) {
		.xl\:rounded-xl {
		border-radius: 0.75rem;
		}
		}
		
ol {
 text-align:start !important;
}
.uppercase{
    text-transform: uppercase !important;
}

.rtl .swiper-rtl .swiper-button-next:after {
    content: "next";
}
.rtl .swiper-rtl .swiper-button-prev:after {
    content: "prev";
}
.presentation-global .swiper-slide ol {
  list-style-type: decimal;
}
</style>

<script>
(function () {
    var swipers = document.querySelectorAll("[class*='swiper-unique-']");

    swipers.forEach(sliderEl => {
        if (!sliderEl || typeof Swiper === 'undefined') return;
        if (sliderEl.swiper) return;

        var wrapper = sliderEl.closest('.presentation-global');
        var nextBtn = wrapper.querySelector(".swiper-button-next");
        var prevBtn = wrapper.querySelector(".swiper-button-prev");
        var paginationEl = wrapper.querySelector(".swiper-pagination-presentation");

        var swiper = new Swiper(sliderEl, {
            slidesPerView: 1,
            watchOverflow: false,
            navigation: {
                nextEl: nextBtn,
                prevEl: prevBtn,
            },
            pagination: {
                el: paginationEl,
                clickable: true,
            },
            on: {
                init() {
                    // Force buttons fully interactive on first load
                    [nextBtn].forEach(btn => {
                        if (!btn) return;
                        btn.style.opacity = "1";
                        btn.style.pointerEvents = "auto";
                        btn.style.cursor = "pointer"; // hand icon
                    });
                },
                slideChange() {
                   // Let Swiper disable next button at last slide
                    if (nextBtn) {
                        nextBtn.style.opacity = "";
                        nextBtn.style.pointerEvents = "";
                        nextBtn.style.cursor = ""; // let Swiper handle cursor
                    }
                },
                reachEnd() {
                    
                },
                reachBeginning() {
                    
                }
            }
        });
    });
})();
</script>



			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-8b43990a-f489-57cc-df26-e47c9ba56440" style=""><div id="fragment-2c4a7bfd-4c96-290e-be19-f348459a407a" >





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-78389" data-fragments-editor-item-type="fragments-editor-mapped-item" >
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="82516" data-analytics-asset-title="Home page - sahla box" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="78389">
			

			<section class="presentation-global hide-background-image-section presentation-section-wrap">
 <h2 class="section-scroll presentation-header mo-px-3 font-outfit  max-w-7xl mx-auto uppercase">
          Sahla Box
   </h2>

<div class="mo-py-24 mo-p-tb px-xl-5 px-4 py-6 sm:mo-rounded-none max-w-7xl  bg-white   mx-auto xl:rounded-xl xl:rounded-xl mobile-section-padding">

   	  
		 <div 
          class="presentation-global max-w-7xl 					mx-auto flex flex-col max-w-7xl pb-0 lg:pb-10 lg:pt-10 xl:pt-10 xl:pb-10 py-4 items-center xl:rounded-xl xl:flex-row lg:flex-row">
                    
                        <!-- left -->
                        
														<div class="d-flex justify-content-center col-12 col-lg-4">
                                    <picture data-fileentryid="1174997"><source media="(max-width:266px)" srcset="/o/adaptive-media/image/1174997/Thumbnail-300x300/img-sahla-box-pre.png?t=1700996927438" /><source media="(max-width:488px) and (min-width:266px)" srcset="/o/adaptive-media/image/1174997/Preview-1000x0/img-sahla-box-pre.png?t=1700996927438" /><picture data-fileentryid="1174997"><source media="(max-width:266px)" srcset="/o/adaptive-media/image/1174997/Thumbnail-300x300/img-sahla-box-pre.png?t=1700996927438" /><source media="(max-width:488px) and (min-width:266px)" srcset="/o/adaptive-media/image/1174997/Preview-1000x0/img-sahla-box-pre.png?t=1700996927438" /><img class="main-img mb-10  h-auto image-right w-auto pres-img-responsive" alt="" data-fileentryid="1174997" src="/documents/20121/0/img-sahla-box-pre.png/689a09ee-e81f-ad15-d053-7e092d8a0fef?t=1700996927438" /></picture></picture>
															</div>
                     
                        <!-- right -->
												  <div class="col-12 col-lg-8 mob-padding-0 rtl-about">
												 
                       
                            <div class="swiper swiper-unique-82516" id="presentation-slider">
                                <div class="swiper-wrapper">          
                                            <div class="sm:mo-mt-9 gap-5 swiper-slide xl:my-auto flex flex-col justify-center item-center">
                                                <div style="text-transform: none;"
                                                    class="presentation-content presentation-content-width lg:text-xl pt-3 md:px-xl-6  md:px-md-6 md:px-6  rtl-padding-right-16 rtl-alite-text dari-text">
                                                        <h3 class="pb-3"><strong>NOUVEAU !</strong><br />
<br />
Sahla Box l'offre sans engagement de Ooredoo pour toute la famille</h3>
                                                </div>
                                                    <div class="d-flex justify-center activate-button-1 mb-0 mo-justify-content-center justify-content-xl-start col-12 xl:px-16 lg:px-16 pt-xl-2">
                                                                    <a href="/particuliers/internet/sahla-box" class="presentation-btn rounded-full button-style mo-py bg-brand-red-4 sm:mo-px-2 xl:px-16 py-16px text-lg font-semibold text-white transition-colors duration-200 hover:bg-brand-red-1">
                                                                            Plus d'infos
                                                                    </a>
                                                    </div>
                            </div>
              </div>
							
                            <div class="">
      
                              <div class='d-none w-100 row justify-content-between align-items-center m-0 slider-pagination-wrap'>

															
															<div class="swiper-pagination-presentation custom-pagination col-12 col-xl-12 d-flex align-items-center justify-content-center w-100"></div>
															
                                <div class="mo-hidden swiper-button-prev col-md-4 d-flex justify-content-center"></div>
                                        
                                <div class="mo-hidden swiper-button-next col-md-4 d-flex justify-content-center"></div>
                              </div>
                            </div>
                                    </div>
                                  </div>
                         </div></div>
</section>

<style>
    /*Three button with text UI style*/
		.GoPlay{
		 display:flex;
		 flex-direction:row;
		 justify-content: center;
		 align-items: center;
		 margin-top: 32px;
		}
		.Go-Text{
			font-weight: 700;
			min-width: 175px;
		}
		.Go-Image-Container{
			display:flex;
			justify-content: center;
      align-items: center;
		}
		.rtl .Go-Text{
			font-weight: 700;
			min-width: 80px !important;
		}

		@media (max-width: 1023px) {
			.GoPlay{
			 flex-direction:column;
			}
			.main-img{
			  max-width:340px;
			}
			
		}

		
.Go-Image{
  width:120px;
}

.rtl .swiper-button-next {
    transform: rotate(180deg);
}

.rtl .swiper-button-prev {
    transform: rotate(180deg);
}
		
</style>

<style>
[dir=rtl] p, [dir=rtl] span, [dir=rtl] div, [dir=rtl] select, [dir=rtl] body, [dir=rtl] input, [dir=rtl] textarea, [dir=rtl] form {
    font-family: "Noto Kufi Arabic Regular" !important;
}
/*Web*/
@media (min-width: 1024px) {
		.swiper-wrapper{
		margin-bottom:30px;
		}
		.presentation-global .mo-px-3{
		padding-left: 2rem ;
		padding-right: 2rem ;
		}
		.mo-justify-content-center {
		justify-content: start !important;
		}
		.leading-10 {
    line-height: normal;
    }
		.text-5 {
    font-size: 28px;ma
    }
	
}

/*Tab*/
@media (min-width: 600px) and (max-width: 1023px) {
		.mo-p-tb{
		padding-top: 32px;
		padding-bottom: 24px;
		}
		.text-left {
    text-align: center !important;
    }
			.rtl .presentation-content-width {
        text-align: center !important;
    }
}

/*Mobile*/
@media(max-width: 599px) {
	.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-section-wrap.presentation-global .mobile-section-padding {
		padding: 8vw 2vw !important;
		}
		.presentation-section-wrap.presentation-global .main-img {
		padding: 0 5vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content p, .presentation-content h2 {
		font-size: clamp(16px, 4vw, 24px) !important;
		line-height:normal !important;
		text-align: center !important;
		}
		.presentation-section-wrap.presentation-global .presentation-btn {
		font-size: 3.5vw !important;
		padding: 1vw !important;
		height: 10.5vw !important;
		min-width: 57.2vw !important;
		margin-top: 4vw !important;
		}
		.presentation-section-wrap.presentation-global .presentation-content {
		padding: 4vw 0 0 !important;
		}
		.presentation-section-wrap.presentation-global .swiper-slide {
		gap: unset !important;
		margin-top: 0 !important;
		}
}
@media (max-width: 599px) {
		.xl\:pb-10 {
		padding-bottom: 0px !important;
		}
		.rtl .text-8 {
		font-size: 16px;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
		.presentation-global .activate-button {
		padding-bottom: 20px;
		}
		.presentation-content p {
		font-size: 12px !important;
		}


		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .pb-5 {
		padding-bottom: 10px !important;
		}
		.presentation-global .pt-10 {
		padding-top: 20px !important;
		}
		.presentation-global .sm\:mo-mt-9 {
		margin-top:5px !important;
		}
		.presentation-global li {
		font-size:14px !important;
		text-align: start !important;
		}
		.presentation-global .text-lg {
		font-size:12px !important;
		line-height: 18px !important;
		}
		.presentation-global ul {
		padding-inline: 10px !important;
		}
		.text-4 ul{
		margin-top: 10px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0px !important;
		}
		.mo-py{
		padding: 10px !important;
		}
}
@media only screen and (max-width: 435px) {
		.presentation-section-wrap.presentation-global .presentation-header {
		padding: 7vw 10px 6vw !important;
		font-size: 7.5vw !important;
		}
		.presentation-global .text-2050 {
		font-size: 15px !important;
		line-height: 22px !important;
		display:grid;
		gap:10px;

		}
		.presentation-global .row {
		flex-wrap: wrap ;
		}
		.presentation-global li {
		font-size: 4vw !important;
		text-align: start !important;
		line-height: 6vw !important;
		}
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		.presentation-global .pb-4 {
		padding-bottom: 0rem !important;
		}
		.presentation-content-width {
		width: 90% !important;
		margin:0px !important;
		}
		.presentation-global .py-3 {
		padding-top: 0.75rem !important;
		padding-bottom: 0rem !important;
		}
		.presentation-global .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap:16px;
		}
		.presentation-global .presentation-header {
		font-size: 24px !important;
		padding-bottom: 24px !important;
		padding-top: 40px !important;
		}
		.presentation-global  .pb-10 {
		padding-bottom: 16px !important;
		}
}
@media only screen and (max-width: 400px) {
		.pres-img-responsive{
		max-height: 185px !important;
		}
		.swiper-button-prev, .swiper-button-next {
		    opacity: 0;
        pointer-events: none;
		}
		.swiper-pagination-presentation {
		display: block !important;
		margin: 0 auto;
		position: relative;
		z-index: 100;
		text-align: center;
		}
		.presentation-content{
		text-align: center !important;
		}
		.presentation-global .presentation-header{
		padding-bottom: 24px !important; 
		}
		.title-padding-bottom{
		padding-bottom: 24px !important; 
		}
			.main-img{
			  max-width:200px !important;
			}
}


@media(max-width:1264px){
		.button-style
		{
		padding-left:10px;
		padding-right:10px;
		display:flex;
		align-items: center;
		justify-content: center;
		min-width:160px;
		}
		.mo-hidden{
		display:none !important;
		visibility: hidden !important;
		}
}
@media (min-width: 1023px) {
		.xl\:pb-10 {
		padding-bottom: 2.5rem !important;
		}
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
		.mo-py-24{
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		}
		// do something in this width range.
		}
		@media only screen and (max-width: 361px) {
		.presentation-global .py-16px {
		padding-top: .2rem ;
		padding-bottom: .2rem ;
		}
}
@media only screen and (min-width: 362px) and (max-width: 743px) {
		.presentation-global .py-16px {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
		}
		/*.rtl .image-right {
		transform: scaleX(-1);
		}*/
		.rtl .rtl-about .swiper-button-prev{
		right:auto !important;
		}
		.rtl .rtl-alite-text .text-4 ul{
		text-align: right !important;
		}
		.presentation-global .py-16px {
		padding-top: 12px;
		padding-bottom: 12px;
		}
		.dari-text ol,.dari-text ul{
		padding-inline: 6px !important;
		}
		.rtl .dari-text{
		text-align: center !important;
		}
		.ltr .dari-text{
		text-align: center !important;
		}
		.sm\:mo-px-2 {
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: center;
		}
		.mobile-section-padding{

		border-radius: 12px !important;
		}
		.sm\:mo-px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		}
		ul.font-medium.font-base li {
		text-align: left; 
		}
		div.p-2 ul + p {
		text-align: left;
		}
		.pb-4.mx-3.text-22.font-sans.font-bold{
		text-align: center;
		}
		.col-12.col-md-5.m-2.p-3.border-2.rounded-xl.border-brand-gray-16 .p-2 {
		text-align: left;
		}
		.sm\:mo-rounded-none {
		border-radius: 0px;
		}
		.sm\:mo-mt-9 {
		margin-top: 0.5rem !important;
		}
		.col-12.col-md-5.p-3.m-2.border-2.rounded-xl.border-brand-gray-16 {
		flex: unset;
		}
}
.presentation-content-width {
width: 80% !important;
margin: 0 auto;
}
.rtl .presentation-content-width {
width: 90%;
margin: 0 auto;
}
.presentation-content .text-base {
font-size: 18px !important;
}
.presentation-content p {
font-size: 18px;
}
.presentation-content .capitalize {
text-transform: none !important;
}
.presentation-content p a{
font-weight: 600;
}
.presentation-content-width ul {
text-transform: none !important;
text-align: left !important;
font-size: 16px;
line-height: inherit;
}
.rtl .presentation-content-width ul {
text-transform: none !important;
text-align: right !important;
}
@media only screen and (min-width: 1280px) {
		[dir=rtl] .xl\:rtl\:text-right {
		text-align: right !important;
		}
}


@media only screen and (min-width: 1024px) and (max-width: 1365px) {
		.presentation-content-width{
		text-align: left !important;
		}
		.rtl .presentation-content-width {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul {
		text-align: right !important;
		}
		.rtl .presentation-content-width ul li  {
		text-align: right !important;
		}
		.rtl .li  {
		text-align: right !important;
		}
		.presentation-content-width .text-2050 {
		font-size: 17px !important;
		line-height: 40px !important;
		}
		.presentation-content-width {
		width: 90%;
		margin: 0 auto;
		}
		.presentation-content .text-base {
		font-size: 16px !important;
		}
		.presentation-content p {
		font-size: 16px !important;
		}
}
@media(max-width: 767.98px){
		.mob-padding-0 {
		padding: 0 !important;
		}
		.presentation-content-width {
		width: 100%;
		}
}

.hide-background-image-section {
background-image: none !important;
}
.has-background-image {
background-color: white !important;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
}
.presentation-global .presentation-header{
font-size: 48px !important;
color: #262626;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: capitalize;
padding-bottom: 30px;
text-align: center;
}
.presentation-global .presentation-content a{
color: #69b2cf !important;
}
.presentation-global .swiper-button-next:after,.presentation-global .swiper-button-prev:after {
font-size: 33.5px;
font-weight: 900;
text-shadow: 2px 0 #ed1c24;
}
.presentation-global > ol,
.presentation-global > ul {
list-style: initial;
padding-inline: 32px;
//padding-inline: 0px;
}
.presentation-global .py-16px {
padding-top: 12px;
padding-bottom: 12px;
}
.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content{
padding:0;
background:transparent !important;
}
/* hero carousel */
#swiper-1 .swiper-pagination-bullet {
width: 20px;
height: 8px;
background-color: white;
border-radius: 0;
opacity: 1;
}
#swiper-1 .swiper-pagination-bullet-active {
background: #ed1c24;
width: 48px;
}
/* presentation carousel */
#presentation-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #D9D9D9;
opacity: 1;
z-index:50;
}
#presentation-slider .swiper-pagination-bullet-active {
background: #ed1c24;
}
#presentation-slider .swiper-button-next::after,
#presentation-slider .swiper-button-prev::after {
transform: scale(0.6);
color: #ed1c24;
}

/* my ooredoo carousel */
#swiper-myooredoo .swiper-pagination-bullet,#swiper-3 .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: rgba(237, 28, 36, 0.25);
opacity: 1;
}
#swiper-myooredoo .swiper-pagination-bullet-active,#swiper-3 .swiper-pagination-bullet-active {
background: #ed1c24;
}
.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet .portlet-content{
background: rgb(244 246 248/var(--tw-bg-opacity));
}
.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
top: 47%;
border-radius: 50%;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
padding: 20px 21px;
width: 40px;
height: 40px;
max-width: 40px;
}
/*-------------------------------------------------------------Custom Styling added---------------------------------- */
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
left: 0;
width: 100%;
}
@media (max-width:1000.99px) {

.pres-img-responsive{
max-height: 242px !important;
}
.presentation-content{
text-align: center !important;

}
.presentation-global .swiper-button-next, .swiper-button-prev {
position: relative;
}
.presentation-global .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
}
.presentation-global .swiper-pagination-presentation {
padding-top: 0;
}
.presentation-global .presentation-header{
font-size: 40px !important;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 401px) and (max-width: 743px) {
.pres-img-responsive{
max-height: 185px !important;
}

.swiper-pagination-presentation {
display: block !important;
margin: 0 auto;
position: relative;
z-index: 100;
text-align: center;
}
.presentation-content{
text-align: center !important;
}
}

@media(max-width: 720px) {
		.mobile-section-padding {
		width: 100%;
		margin: 0 !important;
		border-radius: 0 !important;
		}
}
@media(max-width: 991.98px) {
		.presentation-content .py-30 {
		padding: 15px 0 0 !important; 
		}
		.presentation-global .activate-button {
		margin-top: 2px !important; 
		}
		.presentation-global .swiper-button-next, .presentation-global .swiper-button-prev {
		display: flex !important;
		}
		.slider-pagination-wrap {
		margin-top: 15px !important;
		}
		.custom-pagination {
		position: unset !important;
		display: flex !important;
		padding: 0 !important;
		}
}
@media (min-width: 1264px) {
		.xl\:rounded-xl {
		border-radius: 0.75rem;
		}
		}
		
ol {
 text-align:start !important;
}
.uppercase{
    text-transform: uppercase !important;
}

.rtl .swiper-rtl .swiper-button-next:after {
    content: "next";
}
.rtl .swiper-rtl .swiper-button-prev:after {
    content: "prev";
}
.presentation-global .swiper-slide ol {
  list-style-type: decimal;
}
</style>

<script>
(function () {
    var swipers = document.querySelectorAll("[class*='swiper-unique-']");

    swipers.forEach(sliderEl => {
        if (!sliderEl || typeof Swiper === 'undefined') return;
        if (sliderEl.swiper) return;

        var wrapper = sliderEl.closest('.presentation-global');
        var nextBtn = wrapper.querySelector(".swiper-button-next");
        var prevBtn = wrapper.querySelector(".swiper-button-prev");
        var paginationEl = wrapper.querySelector(".swiper-pagination-presentation");

        var swiper = new Swiper(sliderEl, {
            slidesPerView: 1,
            watchOverflow: false,
            navigation: {
                nextEl: nextBtn,
                prevEl: prevBtn,
            },
            pagination: {
                el: paginationEl,
                clickable: true,
            },
            on: {
                init() {
                    // Force buttons fully interactive on first load
                    [nextBtn].forEach(btn => {
                        if (!btn) return;
                        btn.style.opacity = "1";
                        btn.style.pointerEvents = "auto";
                        btn.style.cursor = "pointer"; // hand icon
                    });
                },
                slideChange() {
                   // Let Swiper disable next button at last slide
                    if (nextBtn) {
                        nextBtn.style.opacity = "";
                        nextBtn.style.pointerEvents = "";
                        nextBtn.style.cursor = ""; // let Swiper handle cursor
                    }
                },
                reachEnd() {
                    
                },
                reachBeginning() {
                    
                }
            }
        });
    });
})();
</script>



			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-section lfr-layout-structure-item-c7dd5894-2bc1-fae6-1467-a416d3fe5a48" style=""><div id="fragment-ce3727dc-aaf6-04cb-4ab0-33d0c1843078" > <section class="bg-transparent Title [--card-height:360px] [--width:1280px]">
  	<h2 class="section-scroll custom-heading-title text-center text-uppercase font-outfit font-extrabold max-w-7xl mx-auto lfr-layout-structure-item-section lfr-layout-structure-item-c7dd5894-2bc1-fae6-1467-a416d3fe5a48" data-lfr-styles data-lfr-editable-id="sectiontitle-0" data-lfr-editable-type="rich-text">INTERNET</h2>
		<div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-26ed9423-9881-af26-524d-6360d61dbdeb" style=""><div id="fragment-10c2e1b1-45b2-7540-2b3f-054d7b386dcc">





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-429987" data-fragments-editor-item-type="fragments-editor-mapped-item">
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="429985" data-analytics-asset-title="Personal Home - Forfait Internet" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="429987">
			

			<div class="bg-white  xl:pt-12 home-internet-slider">
    <div class="Global-Offer relative justify-center self-center md:mx-auto xl:max-w-7xl">
        <div class="swiper px-8 md:px-0 xl:mx-auto xl:max-w-6xl xl:px-10" id="Global-Offer" dir="auto">
            <div class="swiper-wrapper my-20">


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 50
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            50Mo&nbsp;internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_50" value="50Mo internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            Facebook illimité
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_50" value="Facebook illimité">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		50 DA<br><small>( valables jusqu’à minuit )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_50', 																					 price: '50 DA<br><small>( valables jusqu’à minuit )</small>', 																					 title: 'FORFAIT 50',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: '',																					 dataLimit: '50Mo' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: 'Facebook',																																								otherLimitValue: 'Free',																								otherLimitIcon: '/documents/20121/0/Facebook.png/17baf879-725d-7fcf-1cae-7efb2cbc0930?t=1692613311423'																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 100
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            700Mo&nbsp;internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_100" value="700Mo internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            YouTube illimité
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_100" value="YouTube illimité">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		100 DA<br><small>( valables 24h )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_100', 																					 price: '100 DA<br><small>( valables 24h )</small>', 																					 title: 'FORFAIT 100',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: 'Free',																					 dataLimit: '700 Mo' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: '',																																								otherLimitValue: '',																								otherLimitIcon: ''																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 300
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            3Go&nbsp;internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_300" value="3Go internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            YouTube illimité
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_300" value="YouTube illimité">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		300 DA<br><small>( valables 72h )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_300', 																					 price: '300 DA<br><small>( valables 72h )</small>', 																					 title: 'FORFAIT 300',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: 'Free',																					 dataLimit: '3Go' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: '',																																								otherLimitValue: '',																								otherLimitIcon: ''																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 500
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            6Go internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_500" value="6Go internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            Coupons de réduction offerts
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_500" value="Coupons de réduction offerts">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		500 DA<br><small>( valables 30 jours )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_500', 																					 price: '500 DA<br><small>( valables 30 jours )</small>', 																					 title: 'FORFAIT 500',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: '',																					 dataLimit: '6Go' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: 'Coupons de réduction',																																								otherLimitValue: 'Offerts',																								otherLimitIcon: '/documents/20121/0/Coupons.png/57986d6d-faeb-f824-781f-2542635affb3?t=1702367027084'																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 1000
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            15Go&nbsp;internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_1000" value="15Go internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            5Go YouTube
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_1000" value="5Go YouTube">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		1000 DA<br><small>( valables 30 jours )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_1000', 																					 price: '1000 DA<br><small>( valables 30 jours )</small>', 																					 title: 'FORFAIT 1000',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: '5Go',																					 dataLimit: '15Go' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: '',																																								otherLimitValue: '',																								otherLimitIcon: ''																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												


                        <div class="swiper-slide relative flex flex-col bg-white new-offer-card-wrap font-outfit zoom">
                            <div class="price-wrap bg-brand-red-4">
                              <p class="text-40 text-center text-white font-bold">
                                    FORFAIT 1500
                                </p>
                            </div>
                            <div class="text-wrap h-80 sm:mo-px-4">
                                    <div class="features-wrap h-80 d-flex flex-column justify-content-around">
                                                <div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            40Go&nbsp;internet
																														<input type="hidden" class="sub-offer-title-1-DATA_BUNDLE_1500" value="40Go internet">
                                                        </div>
                                                        
                                                    </div>
                                                </div>
																								<div class="d-flex justify-content-center"><svg width="20" height="30" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.2763" cy="11.2763" r="11.2763" fill="#D6001C" /><path d="M11.0527 6.31641V16.2331" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.09448 11.2734H16.0111" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
																								<div class="features-item items-start d-flex">
                                                    <div class="p-0 ml-0">
                                                        <img class="img pt-2 pr-1" src="/documents/d/guest/tic" alt="icon">
                                                    </div>
                                                    <div class="col-10 p-0 d-flex flex-column">
                                                        <div class="text-28 text p-0 sm:mo-text-2xl">
                                                            YouTube illimité
																														<input type="hidden" class="sub-offer-title-DATA_BUNDLE_1500" value="YouTube illimité">
                                                        </div>
                                                    </div>
                                                </div>
																				
                                    </div>	
																		
																<div class="flex items-center pt-21 justify-between">
																	<div>
																		<h5 class="text-22 font-semibold text-brand-black-2 text-da">
																		1500 DA<br><small>( valables 30 jours )</small>
																		</h5>
																	</div>
																	<div class="py-2 new-offer-button my-3 cursor-pointer">                                														
																				 <a onclick="openMainPopupWindow({																					 code: 'DATA_BUNDLE_1500', 																					 price: '1500 DA<br><small>( valables 30 jours )</small>', 																					 title: 'FORFAIT 1500',																					 otherNetworkLimit: '', 																					 ooredooNetworkLimit: '', 																					 youtubeLimit: 'Free',																					 dataLimit: '40Go' , 																					 creditLimit: '',																					 otherLimits: [																							{																								otherLimitLabel: '',																																								otherLimitValue: '',																								otherLimitIcon: ''																							},																					]																																		 })" class="rounded-3xl bg-brand-red-4 py-2.5 sm:px-8 btn-padding text-sm font-semibold capitalize text-white hover:bg-red-500 focus:outline-none focus:ring-0 text-center font-bold font-outfit text-[#D6001C]">
																					    Acheter
																					</a>
                                </div>
																</div>
                            </div>
                        </div>
												
            </div>
        </div>
        <div class="swiper-pagination pb-2 sm:mo-relative dot-direction-globle-offers pt-5"></div>
				<div class="row  xl:px-5 pb-10 mx-auto max-w-6xl home-internet-slider-outter-btn">
					<div class="col-xl-9 py-3">
					</div>
	      	<div class="col-xl-3 sm:mo-flex sm:mo-justify-center">
						<a href="/personal/forfaits-internet" class="bg-white sm:mo-py-4 sm:mo-px-16 sm:mo-w-fit border border-brand-red-4 font-sans font-semibold h-12 inline-flex items-center justify-center rounded-full text-brand-red-4 w-100">
							Plus d'internet
						</a>
					</div>	
			 
			
					
				</div>
   
		<div class="absolute top-1/2 z-50  flex w-full translate-y-[-50%] justify-between visibility">
							<img class="left" id="Global-Offer-nav-left" src="/documents/d/guest/left-arrow-new" alt="left">
							<img id="Global-Offer-nav-right" src="/documents/d/guest/right-arrow-new" alt="right">
					</div>		
					 </div>
</div>



<section id="purchase-journey-popup" class="popup fixed left-0 top-0 right-0 h-full w-full overflow-y-auto md:px-5 xl:px-0" style="display: none; background: rgba(0, 0, 0, 0.7); z-index: 1002">
    <div class="relative mx-auto mt-10 flex max-w-[800px] flex-col items-center justify-center rounded-2xl bg-white px-6 py-10 md:mt-20 md:min-h-[400px] md:rounded-2xl md:px-10">
        <!-- close button -->
        <div id="purchase-journey-close">
            <img class="absolute right-3 top-3 cursor-pointer md:right-7 md:top-7" src="/documents/d/guest/close_icon" alt="icon">
        </div>
        <!-- load screen-->
        <div style="display: none" id="purchase-journey-load" class="load"></div>
        <!-- bundle screen-->
        <div class="h-full w-full" id="purchase-journey-bundle">
            <div class="flex flex-col items-center justify-center" id="bundle">
                <div class="flex flex-row items-center justify-center gap-8">
                    <div>
                        <img src="/documents/d/guest/purchase_icon" alt="icon">
                    </div>
                    <div>
                        <p class="font-sans text-xl font-bold md:text-2xl bundle-title">
                            Bundle 100 DA
                        </p>
                        <p class="font-sans text-xl font-bold text-[#ED1C24] md:text-2xl bundle-value">
                            100 DA
                        </p>
                        <p class="font-sans text-sm font-normal text-[#898989] md:text-base bundle-period">
                            Valid for 30 Days
                        </p>
                    </div>
                </div>
                <div class="mt-9 w-full rounded-2xl px-4 py-4 md:py-6 md:px-9">
                    <div class="flex flex-row justify-between">
                        <div class="flex flex-row items-center justify-center gap-2">
                            <img src="/documents/d/guest/internet_icon" alt="icon">
                            <p class="font-sans text-base font-normal md:text-xl">
Internet                            </p>
                        </div>
                        <p class="font-sans text-base font-semibold md:text-xl bundle-data-limit">
                            15 GB
                        </p>
                    </div>
                    <hr class="my-6">
                    <div class="flex flex-row justify-between">
                        <div class="flex flex-row items-center justify-center gap-5">
                            <img src="/documents/d/guest/money_icon" alt="icon">
                            <p class="font-sans text-base font-normal md:text-xl">
Crédit                            </p>
                        </div>
                        <p class="font-sans text-base font-semibold md:text-xl bundle-money">
                            6000 DA
                        </p>
                    </div>
                    <hr class="my-6">
                    <div class="flex flex-row justify-between">
                        <div class="flex flex-row items-center justify-center gap-5">
                            <img src="/documents/d/guest/off_net_voice_icon" alt="icon">
                            <p class="font-sans text-base font-normal md:text-xl">
Appels vers les autres réseaux                            </p>
                        </div>
                        <p class="font-sans text-base font-semibold md:text-xl bundle-on-limit">
                            400 Minutes
                        </p>
                    </div>
                    <hr class="my-6">
                    <div class="flex flex-row justify-between">
                        <div class="flex flex-row items-center justify-center gap-5">
                            <img src="/documents/d/guest/020_voice_icon" alt="icon">
                            <p class="font-sans text-base font-normal md:text-xl">
Appels vers Ooredoo                            </p>
                        </div>
                        <p class="font-sans text-base font-semibold md:text-xl bundle-oa-limit">
illimité&nbsp;                        </p>
                    </div>
                    <hr class="my-6">
                    <div class="flex flex-row justify-between">
                        <div class="flex flex-row items-center justify-center gap-5">
                            <img src="/documents/d/guest/youtube_icon" alt="icon">
                            <p class="font-sans text-base font-normal md:text-xl">
YouTube                            </p>
                        </div>
                        <p class="font-sans text-base font-semibold md:text-xl bundle-youtube-limit">
                            Unlimited
                        </p>
                    </div>
										<div class="other-limit-wrapper">
										
										
                    </div>
                </div>
               
                <div class="mt-6 flex w-full flex-col justify-between gap-6 md:flex-row md:px-16">
								 <div>
                    <p class="mt-9 font-sans text-base font-normal md:text-xl">
Pour acheter ce forfait, veuillez entrer votre numéro ci-dessous​                    </p>
                </div>
								<div class="flex mobile-flex-col justify-between gap-5">
                    <div class="w-full">
                        <div class="input-field flex items-center justify-between gap-4 py-1 px-4">
                            <div class="flex gap-3 items-center">
                                <div class="text-base font-normal md:text-xl">
                                    +213
                                </div>
                               <input id="purchase-journey-phone-number" maxlength="10" pattern="[0-9]*" type="number" class="phone-number h-full w-full border-none px-0 py-0 text-base md:text-xl" placeholder="1234567890" inputmode="numeric">
                            </div>
                            <div style="display: none" id="purchase-journey-load-number" class="load-number">
                                <style></style>
                            </div>
                        </div>
                        <div style="display: none" id="number-error-message">
                            <p class="text-base font-normal text-[#ED1C24] mt-3">
Veuillez saisir un numéro Ooredoo valide.                            </p>
                        </div>
                    </div>
										<div>
                        <button id="purchase-journey-purchase-button" class="rounded-full w-full bg-[#EEE] px-14 py-4 font-sans font-semibold text-[#AAAAAA]">
Acheter                        </button>
                    </div>
										</div>
                    
                </div>
            </div>
        </div>
        <!-- verify -->
        <div style="display: none" class="h-full w-full" id="purchase-journey-verify">
            <div class="flex flex-col items-center justify-center">
                <div class="flex flex-col items-center justify-center gap-3 md:flex-row md:gap-0">
                    <div>
                        <img src="/documents/d/guest/verification_code_icon" alt="icon">
                    </div>
                    <div class="max-w-[400px]">
                        <p class="mb-4 text-center font-sans text-xl font-bold md:mb-0 md:text-start md:text-2xl">
Vérifiez votre numéro de téléphone​                        </p>
                        <p class="text-center font-sans text-base font-normal text-[#898989] md:text-start" id="entered-mobile-number">
                            "We have sent an SMS with a 6-digit code to +213"
                        </p>
                    </div>
                </div>
                <div class="mt-6">
                    <p class="text-center font-sans text-base font-normal md:text-xl">
Veuillez entrer le code ci-dessous pour effectuer l’achat​                    </p>
                </div>
                <div class="code-container mt-6 inputs" id="inputs">
                   <input type="number" class="code" placeholder="0" min="0" max="9" required>
                    <input type="number" class="code" placeholder="0" min="0" max="9" required>
                    <input type="number" class="code" placeholder="0" min="0" max="9" required>
                    <input type="number" class="code" placeholder="0" min="0" max="9" required>
                    <input type="number" class="code" placeholder="0" min="0" max="9" required>
                    <input type="number" class="code" placeholder="0" min="0" max="9" required>
			
                </div>
								<div style="display: none" id="verification-error-message">
                            <p class="text-base font-normal text-[#ED1C24] mt-3">
                               Incorrect verification code. Please re-check the code and try again.
                            </p>
                 </div>
								 <div class="flex gap-3 items-center">
                <button id="purchase-journey-verify-button" class="mt-5 min-w-[240px] rounded-full bg-[#EEE] px-10 py-3 font-sans font-semibold text-[#AAAAAA] md:mt-9 md:min-w-[300px]">
Vérifier                </button>
								<div style="display: none" id="verification-loader" class="load-number mt-5">
                 <style></style>
                 </div>
								</div>
                <button class="mt-5 font-sans text-base font-semibold">
                    <div class="flex gap-2">
                        <img id="resend-icon" src="/documents/d/guest/refresh" alt="icon">
                        <p id="resend-code-with-text">Renvoyer le code​</p>
												<p style="display: none" id="resend-code-with-number"></p>
												<p style="display: none" id="resend-code-with-timer"></p>
                    </div>
                </button>
            </div>
        </div>
        <!-- success -->
        <div style="display: none" id="purchase-journey-success">
            <div class="flex flex-col items-center justify-center gap-5">
                <img src="/documents/d/guest/success" alt="icon">
                <p class="text-center font-sans text-2xl font-bold">
Achat de forfait réussi !​                </p>
                <p id="bundleValue" class="text-center font-sans text-xl font-normal text-[#898989] px-6">
                   You have successfully purchased Bundle 1000 DA for 1000 DA using your recharged credit.
                </p>
                <button id="done-btn" class="w-auto px-6 rounded-full px-10 py-3 font-sans text-base font-semibold text-white md:min-w-[300px] btn-done">
OK                </button>
            </div>
        </div>
        <!-- insufficient -->
        <div id="purchase-journey-insufficient" style="display: none">
            <div class="flex flex-col items-center justify-center gap-5">
                <img src="/documents/d/guest/insufficient" alt="icon">
                <p class="text-center font-sans text-2xl font-bold">
Crédit insuffisant​                </p>
                <p class="text-center font-sans text-xl font-normal text-[#898989] px-6">
Votre crédit est insuffisant pour acheter ce forfait. Veuillez
rechargervotre compte, ou accéder à l’application My Ooredoo ou au
Selfcare WebPortal pour chercher d’autres méthodes de paiement.​                </p>
								
							  <a href="https://my.ooredoo.dz/Portal/faces/publicStorm?_adf.ctrl-state=1c64fs1zrl_26&amp;_afrLoop=12153666493165944&amp;_afrWindowMode=0&amp;_afrWindowId=null#!%40%40%3F_afrWindowId%3Dnull%26_afrLoop%3D12153666493165944%26_afrWindowMode%3D0%26_adf.ctrl-state%3D1c64fs1zrl_30">
                <button class="w-auto px-6 rounded-full bg-[#D6001C] px-10 py-3 font-sans text-base font-semibold text-white md:min-w-[300px] recharge-btn">
Recharger                </button>
								</a>
								
								<a href="https://my.ooredoo.dz/">
                <button class="font-sans text-base font-semibold">
                    <div class="flex justify-center gap-2">
                        <img src="/documents/d/guest/person" alt="icon">
                        <p>Accéder au portail web​</p>
                    </div>
                </button>
								</a>
								
            </div>
        </div>
        <!-- unavailable -->
        <div style="display: none" id="purchase-journey-unavailable">
            <div class="flex flex-col items-center justify-center gap-5">
                <img src="/documents/d/guest/insufficient" alt="icon">
                <p class="text-center font-sans text-2xl font-bold">
Forfait indisponible​                </p>
                <p class="text-center font-sans text-xl font-normal text-[#898989] px-6">
Ce forfait est indisponible pour votre offre Dima. Il peut être acheté
seulement par les utilisateurs de l’offre La Gold Jdida. Pour consulter
les forfaits disponibles pour votre offre ou migrer vers une nouvelle
offre, veuillez accéder à l’application My Ooredoo ou au Selfcare Web
Portal ​                </p>
                <button id="web-portal" onclick="window.location.href = 'https://my.ooredoo.dz/ODZ_Login/faces/login.jsp;jsessionid=jIQ8SxV_IXiOBt4-_YLFBvkPp1tEypFDuc__Mk9J1jVoLr7Jjuol!611314689?contextType=external&amp;username=string&amp;enablePersistentLogin=true&amp;password=secure_string&amp;challenge_url=https%3A%2F%2Fmy.ooredoo.dz%2FODZ_Login%2Ffaces%2Flogin.jsp&amp;request_id=1786594354344712148&amp;authn_try_count=0&amp;locale=en_US&amp;resource_url=https%253A%252F%252Fmy.ooredoo.dz%252FPortal%252FadfAuthentication%253Fsuccess_url%253D%25252FPortal%25252Ffaces%25252Foracle%25252Fwebcenter%25252Fportalapp%25252Fpages%25252Fhome.jspx%25253F_afrLoop%25253D8352115954960937&amp;_afrLoop=8346304933258384&amp;_afrWindowMode=0&amp;_afrWindowId=t1wva2x80&amp;_adf.ctrl-state=171kgmseay_1'" class="w-auto px-6 rounded-full bg-[#D6001C] px-10 py-3 font-sans text-base font-semibold text-white md:min-w-[300px]">
                    <div class="flex justify-center gap-2">
                        <img src="/documents/d/guest/person-white" alt="icon">
                        <p>Accéder au portail web​</p>
                    </div>
                </button>
            </div>
        </div>
    </div>




</section>
<script>
    // popup handling
    const buttons = document.querySelectorAll('.purchase-journey-showPopup');
    const bundle = document.getElementById("purchase-journey-bundle");
    const verify = document.getElementById("purchase-journey-verify");
    const verifyButton = document.getElementById("purchase-journey-verify-button");
    const success = document.getElementById("purchase-journey-success");
		const verifyBtn = document.getElementById('purchase-journey-verify-button');
		
		const loadingScreen = document.getElementById('purchase-journey-load');
    const successJourney = document.getElementById('purchase-journey-success');
    const bundleValueElement = document.getElementById('bundleValue');
    const purchaseJourneyInsufficient = document.getElementById('purchase-journey-insufficient');
    const purchaseJourneyUnavailable = document.getElementById('purchase-journey-unavailable');

    const purchaseButton = document.getElementById(
        "purchase-journey-purchase-button"
    );
    let bundleData = {
        title: '',
        value: '',
        period: '',
        dataLimit: '',
        youtubeLimit: '',
				ooredooNetworkLimit: '',
				otherNetworkLimit: '',
        code: '',
    };
		function removeHtmlTags(text) {
			// Create a regular expression to match HTML tags
			const regex = /<[^>]*>/g;

			// Replace all HTML tags with an empty string
			return text.replace(regex, '');
		}
    function openMainPopupWindow(data) {
	       //window.location.href = "https://my.ooredoo.dz/ODZ_Login/faces/login.jsp?contextType=external&username=string&enablePersistentLogin=true&password=secure_string&challenge_url=https%3A%2F%2Fmy.ooredoo.dz%2FODZ_Login%2Ffaces%2Flogin.jsp&request_id=-4287332604637802565&authn_try_count=0&locale=en_US&resource_url=https%253A%252F%252Fmy.ooredoo.dz%252FPortal%252FadfAuthentication%253Fsuccess_url%253D%25252FPortal%25252Ffaces%25252Foracle%25252Fwebcenter%25252Fportalapp%25252Fpages%25252Fhome.jspx%25253F_afrLoop%25253D13297495548784486&_adf.ctrl-state=tgz2gpyby_1&_afrLoop=13298101173822228&_afrWindowMode=0&_afrWindowId=null";
				  window.location.href = "https://my-ooredoo.go.link/my-ooredoo.go.link?action=bundles&adj_t=21jrdf1y&adj_deep_link=com.algeria.selfcare.app.android%3A%2F%2Fmy-ooredoo.go.link%3Faction%3Dbundles&adj_fallback=https%3A%2F%2Fmy.ooredoo.dz%2F&adj_redirect_macos=https%3A%2F%2Fmy.ooredoo.dz%2F";
					return;
        console.log("purchase-journey-button-openMainPopupWindow-click", data);
        const dataLimit = document.querySelector('.sub-offer-title-1-' + data.code).value;
				
				setCookie('code', data.code);
				setCookie('bundleValue', data.price.split('<br>')[0]);
        
        bundleData = {
            title: data.title,
            value: data.price.split('<br>')[0],
            period: removeHtmlTags(data.price.split('<br>')[1]),
            dataLimit: data.dataLimit && data.dataLimit != 'null' ? data.dataLimit : '-',
            creditLimit: data.creditLimit && data.creditLimit != 'null' ? data.creditLimit : '-',
            youtubeLimit: data.youtubeLimit && data.youtubeLimit != 'null' ? data.youtubeLimit : '-',
						ooredooNetworkLimit: data.ooredooNetworkLimit && data.ooredooNetworkLimit != 'null' ? data.ooredooNetworkLimit : '-',
						otherNetworkLimit: data.otherNetworkLimit && data.otherNetworkLimit != 'null' ? data.otherNetworkLimit : '-',
            code: data.code
        };
        const bundleTitle = document.querySelector('.bundle-title');
        const bundleValue = document.querySelector('.bundle-value');
        const bundlePeriod = document.querySelector('.bundle-period');
        const bundleDataLimit = document.querySelector('.bundle-data-limit');
        const bundleMoney = document.querySelector('.bundle-money');
        const bundleYoutubeLimit = document.querySelector('.bundle-youtube-limit');
        const bundleOALimit = document.querySelector('.bundle-oa-limit');
        const bundleONLimit = document.querySelector('.bundle-on-limit');

        if (bundleData.title !== '-') {
            bundleTitle.innerHTML = bundleData.title;
            bundleTitle?.parentNode?.style.setProperty('display', 'block', 'important');
            bundleTitle?.parentNode?.previousElementSibling?.style.setProperty('display', 'block', 'important');
        } else {
            bundleTitle?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleTitle?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
            
        }

        if (bundleData.value !== '-') {
            bundleValue.innerHTML = bundleData.value;
            bundleValue?.parentNode?.style.setProperty('display', 'block', 'important');
            bundleValue?.parentNode?.previousElementSibling?.style.setProperty('display', 'block', 'important');
        } else {
            bundleValue?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleValue?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.period !== '-') {
            bundlePeriod.innerHTML = bundleData.period;
            bundlePeriod?.parentNode?.style.setProperty('display', 'block', 'important');
            bundlePeriod?.parentNode?.previousElementSibling?.style.setProperty('display', 'block', 'important');
        } else {
            bundlePeriod?.parentNode?.style.setProperty('display', 'none', 'important');
            bundlePeriod?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.dataLimit !== '-') {
            bundleDataLimit.innerHTML = bundleData.dataLimit;
            bundleDataLimit?.parentNode?.style.setProperty('display', 'flex', 'important');
            bundleDataLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'flex', 'important');
        } else {
            bundleDataLimit?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleDataLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.creditLimit !== '-') {
            bundleMoney.innerHTML = bundleData.creditLimit;
            bundleMoney?.parentNode?.style.setProperty('display', 'flex', 'important');
            bundleMoney?.parentNode?.previousElementSibling?.style.setProperty('display', 'flex', 'important');
        } else {
            bundleMoney?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleMoney?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.youtubeLimit !== '-') {
            bundleYoutubeLimit.innerHTML = bundleData.youtubeLimit;
            bundleYoutubeLimit?.parentNode?.style.setProperty('display', 'flex', 'important');
            bundleYoutubeLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'flex', 'important');
        } else {
            bundleYoutubeLimit?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleYoutubeLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.ooredooNetworkLimit !== '-') {
            bundleOALimit.innerHTML = bundleData.ooredooNetworkLimit;
            bundleOALimit?.parentNode?.style.setProperty('display', 'flex', 'important');
            bundleOALimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'flex', 'important');
        } else {
            bundleOALimit?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleOALimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }

        if (bundleData.otherNetworkLimit !== '-') {
            bundleONLimit.innerHTML = bundleData.otherNetworkLimit;
            bundleONLimit?.parentNode?.style.setProperty('display', 'flex', 'important');
            bundleONLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'flex', 'important');
        } else {
            bundleONLimit?.parentNode?.style.setProperty('display', 'none', 'important');
            bundleONLimit?.parentNode?.previousElementSibling?.style.setProperty('display', 'none', 'important');
        }




        console.log("purchase-journey-bundleData", bundleData);
				
        let otherLimitHTML = '';
        let count = 1;
        data?.otherLimits?.forEach(otherLimit =>{
				    if(otherLimit.otherLimitIcon != '' && otherLimit.otherLimitLabel != '' && otherLimit.otherLimitValue != ''){
						    otherLimitHTML+='<hr class="my-6"/><div class="flex flex-row justify-between"><div class="flex flex-row items-center justify-center gap-5"><img src="'+otherLimit.otherLimitIcon+'" alt="icon"/><p class="font-sans text-base font-normal md:text-xl">'+otherLimit.otherLimitLabel+'</p></div><p class="font-sans text-base font-semibold md:text-xl bundle-youtube-limit">'+otherLimit.otherLimitValue+'</p></div>';
						}            
            if (count == data?.otherLimits?.length) {
                document.querySelector('.other-limit-wrapper').innerHTML = otherLimitHTML;
            }
            count++;        
        });
        const popup = document.getElementById("purchase-journey-popup");
        popup.style.display = "block";
				
				successJourney.setAttribute('style', 'display:none !important');
        purchaseJourneyInsufficient.setAttribute('style', 'display:none !important');
        purchaseJourneyUnavailable.setAttribute('style', 'display:none !important');
        loadingScreen.setAttribute('style', 'display:none !important');
				purchaseButton.disabled = true;
        purchaseButton.setAttribute(
	       'style',
	       'color:#AAAAAA !important; background: #EEEEEE !important'
        );
				verifyBtn.disabled = true;
			  verifyBtn.setAttribute(
				'style',
				'color:#aaaaaa !important; background: #eee !important'
			);
    }
		
		
		
    const inputField = document.getElementById('purchase-journey-phone-number');
    const closeButton = document.getElementById("purchase-journey-close");
    closeButton.addEventListener("click", () => {
        const popup = document.getElementById("purchase-journey-popup");
				inputField.value = '';
				purchaseButton.disabled = true;
        purchaseButton.setAttribute(
	       'style',
	       'color:#AAAAAA !important; background: #EEEEEE !important'
        );
        popup.style.display = "none";

        verify.style.display = "none";
        bundle.style.display = "block";
        verify.style.display = "none";
        success.style.display = "none";
    });

    
    // bundle screen

    purchaseButton.addEventListener("click", () => {
        verify.style.display = "block";
        bundle.style.display = "none";
				inputField.value = '';
    });

    // veriry screen
    const codes = document.querySelectorAll(".code");

    codes[0].focus();

    codes.forEach((code, idx) => {
        code.addEventListener("keydown", (e) => {
            if (e.key >= 0 && e.key <= 9) {
                codes[idx].value = "";
                setTimeout(() => codes[idx + 1].focus(), 10);
            } else if (e.key === "Backspace") {
                setTimeout(() => codes[idx - 1].focus(), 10);
            }
        });
    });




/*verifyButton.addEventListener("click", () => {
	verify.style.display = "none";
	success.style.display = "block";
});*/

const baseURL = 'https://myooredoo-ppd.ooredoo.dz';
//apis not working dev env => const baseURL = $('selfcare-base-url').val();
const realm = 'myooredoo';
const countryCode = '213';

//Get access token by OTP

verifyBtn.disabled = true;
const verificationErrorMsg = document.getElementById(
	'verification-error-message'
);
const loadingVerificationSpinner = document.getElementById(
	'verification-loader'
);
const resendText = document.getElementById('resend-code-with-text');
const resendNumber = document.getElementById('resend-code-with-number');
const resendIcon = document.getElementById('resend-icon');
const codeInputs = document.querySelectorAll('.code');
const noErrorMessage = document.getElementById('number-error-message');
const loadingSpinner = document.getElementById('purchase-journey-load-number');
const webPortalBtn = document.getElementById('web-portal');

const codeValues = [];
let countdown = 30;
let timerInterval;

//hide 
successJourney.setAttribute('style', 'display:none !important');
purchaseJourneyInsufficient.setAttribute('style', 'display:none !important');
purchaseJourneyUnavailable.setAttribute('style', 'display:none !important');
loadingScreen.setAttribute('style', 'display:none !important');

//btn hover
webPortalBtn.setAttribute(
	'style',
	'color:#FFF !important; background: rgb(214 0 28/var(--tw-bg-opacity)) !important'
);
webPortalBtn.addEventListener('mouseover', function () {
	this.setAttribute(
		'style',
		'background: #B20017 !important; color: #FFF !important'
	);
});
webPortalBtn.addEventListener('mouseout', function () {
	this.setAttribute(
		'style',
		'background: rgb(214 0 28/var(--tw-bg-opacity)) !important; color: #FFF !important'
	);
});


purchaseButton.disabled = true;

function setCookie(name, value) {
	const cookieString = name + '=' + value + '; path=/';
	document.cookie = cookieString;
}

function getCookie(name) {
	const cookies = document.cookie.split(';');
	for (const cookie of cookies) {
		const parts = cookie.split('=');
		if (parts[0].trim() === name) {
			return parts[1].trim();
		}
	}
	return null;
}

function RequestOTPByMSISDNAPI(username) {
  loadingSpinner.setAttribute('style', 'display:block !important');
	const apiEndpoint =
		baseURL + '/auth/realms/' + realm + '/protocol/openid-connect/token';

	const headers = {
		'x-msisdn': '2135',
		'Content-Type': 'application/x-www-form-urlencoded',
	};

	const formData = new URLSearchParams({
		client_id: 'myooredoo-app',
		username: countryCode + username,
		grant_type: 'password',
	});

	return fetch(apiEndpoint, {
		method: 'POST',
		headers: headers,
		body: formData,
	});
}

inputField.addEventListener('input', function () {
  noErrorMessage.setAttribute('style', 'display:none !important');
	loadingSpinner.setAttribute('style', 'display:none !important');
  purchaseButton.disabled = true;
  purchaseButton.setAttribute(
	'style',
	'color:#AAAAAA !important; background: #EEEEEE !important'
  );

	const username = inputField.value;
	const verifyDescription = 'Nous avons envoyé un SMS avec un code à 6 chiffres au';
	
	

	if (username && username.length === 9) {
		setCookie('username', username);

		RequestOTPByMSISDNAPI(username)
			.then((response) => {
				if (response.status === 403) {
					purchaseButton.disabled = false;
					loadingSpinner.setAttribute(
						'style',
						'display:none !important'
					);
					noErrorMessage.setAttribute(
						'style',
						'display:none !important'
					);
					purchaseButton.setAttribute(
						'style',
						'color:#FFF !important; background: rgb(214 0 28/var(--tw-bg-opacity)) !important'
					);
					
					 if(Liferay.ThemeDisplay.getLanguageId() == 'ar_SA'){
						document.getElementById('entered-mobile-number').innerHTML = verifyDescription+' 213'+username+'+ ';
					} else {
						// If not, then display the country code first, then the number
						document.getElementById('entered-mobile-number').innerHTML = verifyDescription + " " + "+213" + username + ".";
					}
					
purchaseButton.addEventListener('mouseover', function() {
    if (!this.disabled) {
        this.setAttribute('style', 'background: #B20017 !important; color: #FFF !important');
    }
});

purchaseButton.addEventListener('mouseout', function() {
    if (!this.disabled) {
        this.setAttribute('style', 'background: rgb(214 0 28/var(--tw-bg-opacity)) !important; color: #FFF !important');
    }
});
				} else {
					console.error('API request failed');
					noErrorMessage.setAttribute(
						'style',
						'display:block !important'
					);
					loadingSpinner.setAttribute(
						'style',
						'display:block !important'
					);
				}
			})
			.catch((error) => {
				console.error('API request failed:', error);
			});
	}
});

codeInputs.forEach((input, index) => {
	input.addEventListener('input', function () {
		const value = parseInt(input.value) || 0;
		codeValues[index] = value;
		const allInputsFilled = Array.from(codeInputs).every(
			(input) => input.value !== ''
		);

		if (allInputsFilled) {
			verifyBtn.disabled = false;
			verifyBtn.setAttribute(
				'style',
				'color:#FFF !important; background: rgb(214 0 28/var(--tw-bg-opacity)) !important'
			);
			verifyBtn.addEventListener('mouseover', function() {
			if (!this.disabled) {
               this.setAttribute('style', 'background: #B20017 !important; color: #FFF !important');
							 }
      });
      verifyBtn.addEventListener('mouseout', function() {
			if (!this.disabled) {
                this.setAttribute('style', 'background: rgb(214 0 28/var(--tw-bg-opacity)) !important; color: #FFF !important');
								}
      });
			verificationErrorMsg.setAttribute(
				'style',
				'display:none !important'
			);
			loadingVerificationSpinner.setAttribute(
				'style',
				'display:none !important'
			);
		} else {
			verifyBtn.disabled = true;
			verifyBtn.setAttribute(
				'style',
				'color:#aaaaaa !important; background: #eee !important'
			);
			verificationErrorMsg.setAttribute(
				'style',
				'display:none !important'
			);
			loadingVerificationSpinner.setAttribute(
				'style',
				'display:none !important'
			);
		}
	});
});

verifyBtn.addEventListener('click', function () {
	loadingVerificationSpinner.setAttribute(
		'style',
		'display:block !important'
	);
	getAccessTokenByOTPAPI(codeValues);
});

const doneButton= document.getElementById("done-btn");
closeButton.addEventListener("click", () => {
        const popup = document.getElementById("purchase-journey-popup");
        popup.style.display = "none";

        verify.style.display = "none";
        bundle.style.display = "block";
        verify.style.display = "none";
        success.style.display = "none";
});

doneButton.addEventListener("click", () => {
        const popup = document.getElementById("purchase-journey-popup");
        popup.style.display = "none";

        verify.style.display = "none";
        bundle.style.display = "block";
        verify.style.display = "none";
        success.style.display = "none";
});

function updateTimer() {
	if (countdown > 0) {
		resendNumber.textContent = 'Resend Code in ' + countdown + ' seconds';
		countdown--;
	} else {
		resendText.style.display = 'block';
		resendIcon.style.display = 'block';
		resendNumber.style.display = 'none';
		resendNumber.style.display = 'none';
		clearInterval(timerInterval);
	}
}

resendText.addEventListener('click', function () {
	RequestOTPByMSISDNAPI(getCookie('username'));

	resendText.style.display = 'none';
	resendIcon.style.display = 'none';
	resendNumber.style.display = 'block';

	resendNumber.textContent =
		'Code has been re-sent to +' + countryCode + getCookie('username');
	setTimeout(function () {
		updateTimer();
		// Start a timer to update the countdown
		timerInterval = setInterval(updateTimer, 1000);
	}, 3000);

	countdown = 30;
});

function getAccessTokenByOTPAPI(codeValues) {
	const apiEndpoint =
		baseURL +
		'/api/auth/realms/' +
		realm +
		'/protocol/openid-connect/token';

	const headers = {
		'x-msisdn': '2135',
		'Content-Type': 'application/x-www-form-urlencoded',
	};

	const formData = new URLSearchParams({
		client_id: 'myooredoo-app',
		username: countryCode + getCookie('username'),
		grant_type: 'password',
		otp: codeValues.join(''),
	});

	fetch(apiEndpoint, {
		method: 'POST',
		headers: headers,
		body: formData,
	})
		.then((response) => {
			if (response.status === 200) {
				codeInputs.forEach((input) => {
					input.value = '';
				});
				verify.style.display = 'none';
				loadingVerificationSpinner.setAttribute(
					'style',
					'display:none !important'
				);
				verificationErrorMsg.setAttribute(
					'style',
					'display:none !important'
				);

				const loadingScreen = document.getElementById(
					'purchase-journey-load'
				);
				loadingScreen.setAttribute('style', 'display:block !important');


				successJourney.setAttribute('style', 'display:none !important');

				return response.json();
			} else {
				verificationErrorMsg.setAttribute(
					'style',
					'display:block !important'
				);
				console.error('Get access token failed');
				return null;
			}
		})
		.then((data) => {
			if (data) {
				const accessToken = data.access_token;
				const refreshToken = data.refresh_token;

				setCookie('access_token', accessToken);
				setCookie('refresh_token', refreshToken);

				bundlePurchase();
			}
		})
		.catch((error) => {
			console.error('Get access token request failed:', error);
		});
}

	
async function bundlePurchase() {
	const apiEndpoint = baseURL + '/api/ooredoo-bff/bundle/bundlePurchase/v2';
	const headers = {
		'Content-Type': 'application/json',
		Authorization: 'Bearer ' + getCookie('access_token'),
		platform: 'apple',
		
	};

	const data = JSON.stringify({
		bundleCode: getCookie('code'),
	});

	try {
		const response = await fetch(apiEndpoint, {
			method: 'POST',
			headers: headers,
			body: data,
		});

		if (response.status === 200) {
		/*const bundleVal = getCookie('bundleValue');
    const message = 'You have successfully purchased Bundle ' + bundleVal + '  for ' + bundleVal + ' using your recharged credit.';
      const bundleValueElement = document.getElementById('bundleValue');
      bundleValueElement.textContent = message;

			const loadingScreen = document.getElementById(
				'purchase-journey-load'
			);
			loadingScreen.setAttribute('style', 'display:none !important');


			successJourney.setAttribute('style', 'display:block !important');

			//purchase - journey - insufficient;
			return response.json();*/
			
			if (response.status === 200) {

	loadingScreen.setAttribute('style', 'display:none !important');

	const bundleVal = getCookie('bundleValue');
	const message =
		'You have successfully purchased Bundle ' +
		bundleVal +
		'  for ' +
		bundleVal +
		' using your recharged credit.';

	bundleValueElement.textContent = message;
 console.log("response.message",response);
 const responseData = await response.json(); 
	if (responseData.message === 'Success') {
		successJourney.setAttribute('style', 'display:block !important');
	} else if (responseData.message === 'CreditLimitException') {
		purchaseJourneyInsufficient.setAttribute(
			'style',
			'display:block !important'
		);
	} else {

		purchaseJourneyUnavailable.setAttribute(
			'style',
			'display:block !important'
		);
	}

	//purchase - journey - insufficient;
	return response.json();
}
		} else {
			loadingScreen.setAttribute('style', 'display:none !important');
			purchaseJourneyUnavailable.setAttribute(
			'style',
			'display:block !important'
		);

			successJourney.setAttribute('style', 'display:none !important');
			return null;
		}
	} catch (error) {
		purchaseJourneyUnavailable.setAttribute(
			'style',
			'display:block !important'
		);
		return null;
	}
}
//
const inputs = document.getElementById("inputs"); 
  
inputs.addEventListener("input", function (e) { 
    const target = e.target; 
    const val = target.value; 
  
    if (isNaN(val)) { 
        target.value = ""; 
        return; 
    } 
  
    if (val != "") { 
        const next = target.nextElementSibling; 
        if (next) { 
            next.focus(); 
        } 
    } 
}); 
  
inputs.addEventListener("keyup", function (e) { 
    const target = e.target; 
    const key = e.key.toLowerCase(); 
  
    if (key == "backspace" || key == "delete") { 
        target.value = ""; 
        const prev = target.previousElementSibling; 
        if (prev) { 
            prev.focus(); 
        } 
        return; 
    } 
});
</script>
<style>
[dir=rtl] h5 {
    font-family: "Noto Kufi Arabic Regular" !important;
}
@media (max-width:1264px){
.visibility{
 visibility: hidden;
}
}

.mobile-flex-col {
@media (max-width: 744px){
 flex-direction: column !important;
}

.swiper-container {
    transform: translateZ(0);
}


.text-36{

}
 
}


[dir="rtl"] #Global-Offer-nav-right,[dir="rtl"] #Global-Offer-nav-left {
    transform: scaleX(-1);
}
.btn-done:hover,.recharge-btn:hover {
    
		background-color: #B20017;
}

.btn-done,.recharge-btn{
    background-color: rgb(214 0 28/var(--tw-bg-opacity));
}
    /* bundle */
    /*#purchase-journey-popup .input-field:focus-within {
        border: 3px solid #6d6d6d !important;
    }*/

    #purchase-journey-popup .input-field {
        border-radius: 6px !important;
        border: 1px solid #adadad !important;
        width: 100% !important;
        height: 52px !important;
    }

    #purchase-journey-popup input::placeholder {
        color: #d9d9d9;
    }

    #purchase-journey-popup input:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    #purchase-journey-popup .phone-number::-webkit-outer-spin-button,
    .phone-number::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    /* verify */
    #purchase-journey-popup .code-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    #purchase-journey-popup .code {
        //caret-color: transparent;
        background-color: white;
        border-radius: 10px;
        border: 1px solid #bebebe;
        font-size: 20px;
        width: 68px;
        height: 68px;
        font-weight: 300;
        text-align: center;
    }

    @media (max-width: 640px) {
        .code {
            width: 40px !important;
            height: 40px !important;
            font-size: 16px !important;
            border-radius: 5px !important;
        }
    }
		@media (min-width: 600px) {
            .home-internet-slider-outter-btn .sm\:mo-justify-center {
        justify-content: left !important;
    }
		    .rtl .home-internet-slider-outter-btn .sm\:mo-justify-center {
        justify-content: right !important;
    }
    }

    #purchase-journey-popup .code::-webkit-outer-spin-button,
    .code::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    #purchase-journey-popup .code:valid {
        border-color: black;
    }

    /* keyframes */
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    /* load-number */
    #purchase-journey-popup .load-number {
        width: 25px;
        height: 25px;
        /* margin: 110px auto 0; */
        border: solid 3px #d6001c;
        border-radius: 50%;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transition: all 0.5s ease-in;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;

        transition: all 0.5s ease-in;
        animation-name: rotate;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    /* load */
    #purchase-journey-popup .load {
        width: 100px;
        height: 100px;
        /* margin: 110px auto 0; */
        border: solid 10px #d6001c;
        border-radius: 50%;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transition: all 0.5s ease-in;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;

        transition: all 0.5s ease-in;
        animation-name: rotate;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @media (min-width: 1280px) {
        #purchase-journey-popup .xl\:px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    @media (min-width: 720px) {
        #purchase-journey-popup .md\:py-6 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        #purchase-journey-popup .md\:px-9 {
            padding-left: 2.25rem !important;
            padding-right: 2.25rem !important;
        }

        #purchase-journey-popup .md\:text-base {
            font-size: 1rem !important;
        }

        #purchase-journey-popup .md\:text-2xl {
            font-size: 1.5rem !important;
        }

        #purchase-journey-popup .md\:right-7 {
            right: 1.75rem !important;
        }

        #purchase-journey-popup .md\:top-7 {
            top: 1.75rem !important;
        }

        #purchase-journey-popup .md\:px-5 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important;
        }

        #purchase-journey-popup .md\:mt-20 {
            margin-top: 5rem !important;
        }

        #purchase-journey-popup .md\:min-h-\[400px\] {
            min-height: 400px !important;
        }

        #purchase-journey-popup .md\:rounded-2xl {
            border-radius: 1rem !important;
        }

        #purchase-journey-popup .md\:px-10 {
            padding-left: 2.5rem !important;
            padding-right: 2.5rem !important;
        }

        #purchase-journey-popup .md\:text-xl {
            font-size: 1.25rem !important;
        }

        #purchase-journey-popup .md\:flex-row {
            flex-direction: row !important;
        }

        #purchase-journey-popup .md\:px-16 {
            padding-left: 4rem !important;
            padding-right: 4rem !important;
        }

        #purchase-journey-popup .md\:mb-0 {
            margin-bottom: 0 !important;
        }

        #purchase-journey-popup .md\:text-start {
            text-align: start !important;
        }

        #purchase-journey-popup .md\:flex-row {
            flex-direction: row !important;
        }

        #purchase-journey-popup .md\:gap-0 {
            gap: 0 !important;
        }

        #purchase-journey-popup .md\:min-w-\[300px\] {
            min-width: 300px !important;
        }

        #purchase-journey-popup .md\:mt-9 {
            margin-top: 2.25rem !important;
        }
    }

    #purchase-journey-popup .font-semibold {
        font-weight: 600 !important;
    }

    #purchase-journey-popup .py-3 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    #purchase-journey-popup .gap-2 {
        gap: 0.5rem !important;
    }

    #purchase-journey-popup .gap-5 {
        gap: 1.25rem !important;
    }

    #purchase-journey-popup .gap-4 {
        gap: 1rem !important;
    }

    #purchase-journey-popup .gap-3 {
        gap: 0.75rem !important;
    }

    #purchase-journey-popup .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    #purchase-journey-popup .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #purchase-journey-popup .my-6 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    #purchase-journey-popup .flex-row {
        flex-direction: row !important;
    }

    #purchase-journey-popup .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    #purchase-journey-popup .mt-9 {
        margin-top: 2.25rem !important;
    }

    #purchase-journey-popup .rounded-2xl {
        border-radius: 1rem !important;
    }

    #purchase-journey-popup .text-\[\#ED1C24\] {
        color: #ed1c24 !important;
    }

    #purchase-journey-popup .text-\[\#898989\] {
        color: #898989 !important;
    }

    #purchase-journey-popup .bg-\[\#F8F9FB\] {
        color: #f8f9fb !important;
    }

    #purchase-journey-popup .text-\[\#AAAAAA\] {
        color: #aaaaaa !important;
    }

    #purchase-journey-popup .rounded-full {
        border-radius: 9999px !important;
    }

    #purchase-journey-popup .bg-\[\#EEE\] {
        background-color: #eee !important;
    }

    #purchase-journey-popup .px-14 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    #purchase-journey-popup .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    #purchase-journey-popup .text-sm {
        font-size: 0.875rem !important;
    }

    #purchase-journey-popup .font-normal {
        font-weight: normal !important;
    }

    #purchase-journey-popup .font-sans {
        font-family: sans-serif !important;
    }

    #purchase-journey-popup .text-xl {
        font-size: 1.25rem !important;
    }

    #purchase-journey-popup .font-bold {
        font-weight: bold !important;
    }

    #purchase-journey-popup .gap-8 {
        gap: 2rem !important;
    }

    #purchase-journey-popup .absolute {
        position: absolute !important;
    }

    #purchase-journey-popup .justify-between {
        justify-content: space-between !important;
    }

    #purchase-journey-popup .gap-6 {
        gap: 1.5rem !important;
    }

    #purchase-journey-popup .right-3 {
        right: 0.75rem !important;
    }

    #purchase-journey-popup .mt-9 {
        margin-top: 2.25rem !important;
    }

    #purchase-journey-popup .mt-6 {
        margin-top: 1.5rem !important;
    }

    #purchase-journey-popup .top-3 {
        top: 0.75rem !important;
    }

    #purchase-journey-popup .cursor-pointer {
        cursor: pointer !important;
    }

    #purchase-journey-popup .rounded-t-2xl {
        border-top-left-radius: 0.75rem !important;
        border-top-right-radius: 0.75rem !important;
    }

    #purchase-journey-popup .bg-white {
        background-color: #fff !important;
    }

    #purchase-journey-popup .px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #purchase-journey-popup .py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    #purchase-journey-popup .flex-col {
        flex-direction: column !important;
    }

    #purchase-journey-popup .items-center {
        align-items: center !important;
    }

    #purchase-journey-popup .justify-center {
        justify-content: center !important;
    }

    #purchase-journey-popup .max-w-\[800px\] {
        max-width: 800px !important;
    }

    #purchase-journey-popup .max-w-\[400px\] {
        max-width: 400px !important;
    }

    #purchase-journey-popup .min-w-\[240px\] {
        min-width: 240px !important;
    }

    #purchase-journey-popup .border-none {
        border: none !important;
    }

    #purchase-journey-popup .font-bold {
        font-weight: bold !important;
    }

    #purchase-journey-popup .min-w-full {
        min-width: 100% !important;
    }

    #purchase-journey-popup .mb-4 {
        margin-bottom: 1rem !important;
    }

    #purchase-journey-popup .text-center {
        text-align: center !important;
    }

    #purchase-journey-popup .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #purchase-journey-popup .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #purchase-journey-popup .mt-10 {
        margin-top: 2.5rem !important;
    }

    #purchase-journey-popup .flex {
        display: flex !important;
    }

    #purchase-journey-popup .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #purchase-journey-popup .relative {
        position: relative !important;
    }

    #purchase-journey-popup .mt-5 {
        margin-top: 1.25rem !important;
    }

    #purchase-journey-popup .h-full {
        height: 100% !important;
    }

    #purchase-journey-popup .fixed {
        position: fixed !important;
    }

    #purchase-journey-popup .left-0 {
        left: 0 !important;
    }

    #purchase-journey-popup .top-0 {
        top: 0 !important;
    }

    #purchase-journey-popup .h-full {
        height: 100% !important;
    }

    #purchase-journey-popup .w-full {
        width: 100% !important;
    }

    #purchase-journey-popup .overflow-y-auto {
        overflow-y: auto !important;
    }
</style>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
let controlled = new Swiper("#Global-Offer", {
		breakpoints: {
		// XS mobile
		0: {
			slidesPerView: "auto",
			spaceBetween: 16,
			loop: false,
			centeredSlides: false,
		},
		// mobile
		360: {
			slidesPerView: "auto",
			spaceBetween: 30,
			loop: false,
			centeredSlides: false,
		},
		// tab
		600: {
			slidesPerView: "auto",
			spaceBetween: 44,
			loop: true,
			centeredSlides: true,
		},
		// web
		1024: {
			slidesPerView: 3,
			spaceBetween: 44,
			centeredSlides: true,
			loop: true,
			
		},
	},
		navigation: {
			prevEl: "#Global-Offer-nav-left",
			nextEl: "#Global-Offer-nav-right",
		},
		pagination: {
			el: ".swiper-pagination",
			clickable: true,
			renderBullet: function(index, className) {
					return `<span class=`+className+`></span>`;
			},
		},
});
</script>


<style>
.home-internet-slider .swiper-slide {
	height: 272px ;
	width: 216px ;
}

@media (min-width: 360px) {
	.home-internet-slider .swiper-slide {
		height: 370px;
		width: 276px ;
	}
}

@media (min-width: 600px) {
	.home-internet-slider .swiper-slide {
		height: 390px  ;
		width: 320px ;
	}
}

@media (min-width: 1024px) {
	.home-internet-slider .swiper-slide {
		height: 456px  ;
	}
}

.top-1\/2 {
top: 45% !important;
}
.justify-between {
justify-content: space-between !important;
}
.controlledRounded {
border-radius: 20px 20px 35px 35px !important;
}
.Global-Offer .swiper-pagination-bullet-active {
background: #ed1c24;
opacity: 80%;
}
#Global-Offer .swiper {
overflow-x: hidden !important;
}
.new-offer-card-wrap {
position: relative;
width: 330px;
background: white;
border: 2px solid #D6001C;
border-radius: 25px;
overflow: hidden;
}
.w-90{
width:90% !important;
}
.left-5{
margin-left:5%;
}
.new-offer-card-wrap .text-wrap {
background: #FFFFFF;
padding: 25px;
}
.new-offer-card-wrap .title-text {
font-size: 50px;
line-height: 48px;
color: #262626;
font-weight: 800;
}
.zoom:hover {
-ms-transform: scale(1.1); / IE 9 /
-webkit-transform: scale(1.1); / Safari 3-8 /
transform: scale(1.1); 
}
.new-offer-card-wrap .valid-text {
font-size: 42px;
color: #D6001C;
font-weight: 800;
line-height: normal;
}
.h-80{
height:77% !important;
}
.new-offer-card-wrap .features-item {
display: flex;
flex-wrap: wrap;
}
.new-offer-card-wrap .features-item .img {
width: 20px;
}
.new-offer-card-wrap .features-item .text {
font-weight: 400;
padding-left: 12px;
}
.new-offer-card-wrap .price-wrap {
padding: 15px;
}
.new-offer-card-wrap .price-wrap h1 {
font-size: 38px;
font-weight: 800;
color: #FFFFFF;
text-align: center;
}
.new-offer-button {
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
margin-top: 20px;
}
.horizontal-line {
position: relative;
text-align: center;
}
.horizontal-line .line {
display: block;
border-top: 1px solid #D9D9D9;
position: absolute;
top: 50%;
width: 100%;
}
.divider-text {
background-color: white;
padding: 0 10px;
color: #D9D9D9;
position: relative;
}
.text-base {
font-size: 16px !important;
font-weight: 400 !important;
}
.text-32 {
font-weight: 800 !important;
font-size: 32px;
line-height: 43.58px;
}
.text-28 {
font-weight: 600 !important;
font-size: 22px;
line-height: 32.14px;
}
.preserve-whitespace {
white-space: pre;
}

@media (min-width: 1280px) {
		#Global-Offer .swiper-slide-active {
			transform: scale(1.2) !important;
		}
		#Global-Offer .swiper-slide {
			border: 2px solid #d6001c !important;
			border-radius: 20px 20px 35px 35px !important;
			filter:none;
		}
		.hanya-new-offer{
		padding-top: 55px;
		padding-bottom: 56px;
		}
		.new-hanya{
		margin-right: 93px;
		}
}

@media (min-width: 720px) and (max-width: 2024px) {
		#Global-Offer .swiper-slide {
			border: 2px solid #d6001c;
			border-radius: 20px 20px 35px 35px;
			filter: none;
		}
		#Global-Offer .swiper-slide-active {
			transform: scale(1.2) !important;
			filter: none;
		}
	  .home-internet-slider .sm\:mo-px-16 {
	     padding-left: .5rem;
	     padding-right: .5rem; 
     }
}


@media (max-width: 1264px) {
		.sm\:mo-hidden {
		display: none;
		}
		.sm\:mo-px-4 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		}
		.sm\:mo-relative {
		position: relative;
		}
		.sm\:mo-flex {
		display: flex;
		}
		.sm\:mo-justify-center {
		justify-content: center;
		}
		.sm\:mo-py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
		}
		.sm\:mo-px-16 {
		padding-left: 4rem;
		padding-right: 4rem;
		}
		.sm\:mo-w-fit {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content !important;
		}
		h5 small {
		font-size: 55%;
		}
		.sm\:mo-text-2xl {
		font-size: 1.5rem !important;
		line-height: 2rem;
		}
}

@media (max-width: 992px) {
		.new-offer-card-wrap .text-wrap {
		padding: 22px 30px 30px;
		}
		.new-offer-card-wrap .title-text {
		font-size: 50px;
		line-height: 48px;
		}
		.new-offer-card-wrap .valid-text {
		font-size: 18px;
		}
		.new-offer-card-wrap .gb-text {
		font-size: 40px;
		}
		.new-offer-card-wrap .features-item .img {
		width: 20px;
		}
		.new-offer-card-wrap .features-item .text {
		//width: calc(100% - 20px);
		padding-left: 10px;
		}
		.new-offer-card-wrap .price-wrap h1 {
		font-size: 38px;
		}
}


@media (max-width: 743px) {
		.rtl .dot-direction-globle-offers{
		direction: rtl;
		}
		.btn-padding{
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		}
		.text-22 {
		font-size: 16px !important;
		}
		.text-40 {
		font-size: 28px !important;
		}
}


@media (max-width: 719px) {
		#Global-Offer .swiper-slide {
		border: 2px solid #d6001c;
		border-radius: 20px 20px 35px 35px;
		filter: none;
		}
		.new-offer-card-wrap .text-wrap {
		padding: 15px 15px 20px !important;
		height: 69vw !important;
		}
		.home-internet-slider {
		padding-top: 7vw !important;
		padding-bottom : 7vw !important;
		}
		.home-internet-slider-outter-btn {
		padding-bottom : 0 !important;
		}
		.home-internet-slider-outter-btn a {
		padding: 10px; !important;
		width: 100% !important;
		max-width: 230px;
		}
		.home-internet-slider .swiper-wrapper {
		margin: 20px 0px !important;
		}
		#Global-Offer .swiper-slide-active {
		transform: scale(1.1) !important;
		}
		.swiper-pagination {
		bottom: 0 !important;
		}
}


@media (max-width: 576px) {
		.text-40 {
		font-size: 22px !important;
		}
		.sm:mo-text-2xl {
		font-size: 18px !important;
		}
		.text-28 {
		font-size: 22px !important;
		}
}


@media (max-width: 370px) {
		[dir=rtl] .new-offer-button a {
		width: 80px !important;
		padding: 4px !important;
		font-size: 10px !important;
		font-weight: 500 !important;
		}
		.new-offer-card-wrap .price-wrap {
		padding: 6px !important;
		}
		.home-internet-slider .new-offer-card-wrap .text-wrap {
			padding: 15px 15px 0px !important;
			height: 100% !important;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.text-40 {
		font-size: 19px !important;
		}
		.sm:mo-text-2xl {
		font-size: 16px !important;
		}
		.text-28 {
		font-size: 14px !important;
		}
}		

@media(max-width: 319.98px) {
		.new-offer-card-wrap .price-wrap {
		padding: 0px !important;
		}
		.h-80 {
		height: 60% !important;
		}
		[dir=rtl] .new-offer-card-wrap .features-item .img {
		width: 18px;
		padding-top: 6px !important;
		padding-right: 0 !important;
		}
		[dir=rtl] .new-offer-button a {
		width: 80px !important;
		padding: 4px !important;
		font-size: 10px !important;
		font-weight: 500 !important;
		}
		.new-offer-card-wrap .text-wrap {
		padding: 15px 10px 5px !important;
		}
		.new-offer-card-wrap .features-item .img {
		width: 18px;
		padding-top: 0 !important;
		}
		.text-28 {
		font-size: 13px !important;
		line-height: normal !important;
		}
		.features-wrap svg {
		width: 15px;
		margin: 5px 0 !important;
		}
		.text-22 {
		font-size: 13px !important;
		line-height: normal !important;
		}
		.new-offer-button a {
		padding: 5px !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		}
}
</style>

			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-sprinklr-chat lfr-layout-structure-item-da1fffdf-08e8-3b99-9149-641d2262f750" style=""><div id="fragment-97df7970-f7a5-a34e-fa29-00bc2b96e510"> <div class="fragment_27230">
</div></div></div></div>
	
</section></div><style>.custom-heading-title{
  font-size:48px;
	line-height:56.88px;
	padding: 70px 10px 30px !important;
}

[dir="rtl"] .custom-heading-title h2{
	font-size: 22px;
  line-height: 26.07px;
	margin-top:16px;
	margin-bottom:16px;
	text-align:center;
}

.rtl .custom-title{
  font-size:48px;
	text-align: center;
}

.rtl .h1{
  font-size:48px;
	text-align: center;
}

@media (min-width: 1023px) {
.rtl .bg-transparent h2[dir="rtl"]{
	  font-size: 40px !important;
    color: #262626;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: center;
}
}

@media (max-width:599px) {
.rtl .bg-transparent h2[dir="rtl"]{
	  font-size: 24px !important;
    color: #262626;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 24px;
    text-align: center;
}
	

}
/*@media(min-width:744px){
.rtl .bg-transparent h2, .bg-transparent h2[dir="rtl"]{
	  font-size: 48px !important;
    color: #262626;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: center;
}
}*/

@media (max-width:1023px){
	.custom-heading-title{
  font-size:40px;
	line-height:50.4px;
	padding:48px 1rem 32px !important;
	}
}

@media (max-width:599px){
	.Title .custom-heading-title {
	  line-height:normal;
    padding: 7vw 10px 6vw !important;
    font-size: 7.5vw !important;
	}
}</style></div><div class="" style=""><div id="fragment-4a64e059-8b51-c2f2-4dea-c8ca5450fadb" > <section class="bg-transparent Title [--card-height:360px] [--width:1280px]">
  	<h2 class="section-scroll custom-heading-title text-center text-uppercase font-outfit font-extrabold max-w-7xl mx-auto lfr-layout-structure-item-section lfr-layout-structure-item-7957cd89-c27b-0176-d6d9-eea7edee4d17" data-lfr-styles data-lfr-editable-id="sectiontitle-0" data-lfr-editable-type="rich-text">My Ooredoo</h2>
		<div><div class="lfr-layout-structure-item-personal---my-ooredoo lfr-layout-structure-item-14164370-eefe-53c3-a7e6-c948211219a5" style=""><div id="fragment-c3fc3b2b-1a94-a4db-c103-33491aa6eba0">    <div class="mx-5 mx-md-6 bg-transparent my-0 my-ooredoo-personal">
      <div class="box-section px-md-4 pt-md-6 pb-md-4 mx-auto bg-white w-100 shadow mx-xl-auto max-w-7xl rounded-3xl">
       <div class="d-flex justify-content-between row">
        <div class="col-12 col-xl-6 col-lg-6 px-3 row mx-auto">
         <div class="col-12">
            <div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" id="swiper-myooredoo-personal">
                <div class="swiper-wrapper" id="swiper-wrapper-9310529c26c418e73" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
                    
								<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 640px;">
									<div class="parent-img flex h-full items-center justify-center">
										<picture data-fileentryid="2935884"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2935884/Thumbnail-300x300/fr-1.png?t=1749192056331" /><source media="(max-width:722px) and (min-width:300px)" srcset="/o/adaptive-media/image/2935884/Preview-1000x0/fr-1.png?t=1749192056331" /><img data-lfr-editable-id="my-ooredoo-image-_1" data-lfr-editable-type="image" class="child-img component-image overflow-hidden" src="/documents/20121/2935846/fr-1.png/01f1763b-e8b5-cf9f-efca-43656e017d0a?version=2.0&amp;t=1749192056331" alt="Mockup" data-fileentryid="2935884"></picture>
									</div>
								</div>
									<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 640px;">
									<div class="parent-img flex h-full items-center justify-center">
										<picture data-fileentryid="2935896"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2935896/Thumbnail-300x300/fr-2.png?t=1749192143722" /><source media="(max-width:722px) and (min-width:300px)" srcset="/o/adaptive-media/image/2935896/Preview-1000x0/fr-2.png?t=1749192143722" /><img data-lfr-editable-id="my-ooredoo-image-_2" data-lfr-editable-type="image" class="child-img component-image overflow-hidden" src="/documents/20121/2935846/fr-2.png/58fc247a-45cb-3096-bc0e-4e90a0284920?version=2.0&amp;t=1749192143722" alt="Mockup" data-fileentryid="2935896"></picture>
									</div>
								</div>
									<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 640px;">
									<div class="parent-img flex h-full items-center justify-center">
										<picture data-fileentryid="2935908"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2935908/Thumbnail-300x300/fr-3.png?t=1749192174548" /><source media="(max-width:722px) and (min-width:300px)" srcset="/o/adaptive-media/image/2935908/Preview-1000x0/fr-3.png?t=1749192174548" /><img data-lfr-editable-id="my-ooredoo-image-_3" data-lfr-editable-type="image" class="child-img component-image overflow-hidden" src="/documents/20121/2935846/fr-3.png/8c1443ea-959c-2e8d-4b82-d88a2932a93b?version=2.0&amp;t=1749192174548" alt="Mockup" data-fileentryid="2935908"></picture>
									</div>
								</div>
                   
                    
                </div>
                <div class="relative z-10">
                    <div class="swiper-pagination my-ooredoo-swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0"></span><span class="swiper-pagination-bullet" tabindex="0"></span></div>
                </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
         </div>
        </div>
       <div class="col-12 col-xl-6 col-lg-6 px-3 mt-4 mt-md-0 mb-3 mb-md-0 content-padding">
         
         <div class="col-12">
          <div class="w-100 parent-title">
           <p class="child-title font-sans font-semibold mb-3 sm:text-xl text-black-C4 text-center">
              Avec l’application&nbsp;My Ooredoo,<br>
 gérez votre ligne en un seul clic <br>
 et en toute simplicité           </p>
           <div class="btn-sec-width pt-2 d-flex gap-x-3 row justify-content-center mt-4 mb-5 pl-3 pl-md-2 pl-md-0 mx-xl-auto">
					 <a href="https://my.ooredoo.dz/" target="_self" class="btn-width text-14 col-md-5 mt-3 mt-md-0 btn  btn-danger rounded-circle py-3 px-3 font-semibold"> 
Portail d'accès               </a>
               <a class="myooredooview-btn btn-width text-14 col-md-5 mt-3 mt-md-0 btn btn-outline-danger rounded-circle py-3 px-3 font-semibold bg-D6001C"> 
Plus de détails               </a>
           </div>
          </div>
         </div>
         <div class="col-12 mt-6 pt-2">
            <div class="flex flex-col items-center justify-center pr-md-4 pr-md-0">
          <p class="font-[700] mb-1 text-22 text-center text-sm">
OBTENEZ LA DERNIÈRE          </p>
							<p class="font-[700] mb-5 text-22 text-center text-sm">
APPLICATION OOREDOO          </p>
          <div class="d-flex flex-wrap row justify-content-center">
           <div class="parentImage d-flex flex-wrap justify-content-center app-icon-wrap">
						 <a class="m-2 childImage" href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last"> <img class="max-w-[116px] sm:max-w-[193px] app-icon" src="/documents/d/guest/google-play-fr-" alt="Google Play Icon"> </a> 
						 <a class="m-2 childImage" href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last"> <img class="max-w-[116px] sm:max-w-[193px] app-icon" src="/documents/d/guest/app-store-fr-" alt="App Store Icon"> </a> 
						 <a class="m-2 childImage" href="https://my-ooredoo.go.link/?adj_t=1zdwru70&amp;adj_fallback=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last&amp;adj_redirect_macos=https%3A%2F%2Fwww.ooredoo.dz%2Ffr%2Fparticuliers%2Fservices%2Fmy-ooredoo-last"> <img class="max-w-[116px] sm:max-w-[193px] app-icon" src="/documents/d/guest/app-gallery-fr-" alt="App Galary Icon"> </a>
			 
						</div>
          </div>
         </div>
         </div>
        </div>
       </div>
      </div>
     </div>
</div><style>/*Web*/
@media (min-width: 1024px) {
 .my-ooredoo-personal .btn-sec-width {
        width: 470px !important;
    }
}
@media (max-width: 599px) {
  .parentImage{
	  max-width: 273px;
	}
}

@media (max-width: 1024px) {
    .sm\:max-w-\[193px\] {
        max-width: 150px;
    }
}

.my-ooredoo-personal .swiper-pagination {
	position:relative;
}
.swiper-pagination-bullet-active {
    background: #ED1C24 !important;
}

.my-ooredoo-personal .btn-width {
width: 190px;
}



.parent-img .child-img{
margin-bottom: 44px;
}
@media only screen and (max-width: 743px) {
 .parent-img .child-img{
padding-top:40px;
	 width:190px;
}
	.content-padding{
	padding-bottom:40px;
	}
}

.btn-danger{
   background-color: #D6001C !important;
   border-color: #D6001C !important;
}
@media only screen and (min-width: 1200px) {
  .parent-title .child-title {
		padding:0 90px
	}
	.parentImage .childImage{
	  min-width: 200px;
    height: 60px;
	}
	    .my-ooredoo-personal .box-section{padding-top: 82px !important;
	padding-bottom: 80px !important;
	}
	.my-ooredoo-personal .btn-sec-width{
width: 400px ;
}
}

@media (max-width: 576px) {
	.my-ooredoo-personal .parent-img .child-img{
		width: 80% !important;
    margin: 0 auto;
		padding: 0 15px !important;
	}
	.my-ooredoo-personal {
		width: 100%;
		margin: 0 !important;
		padding: 0 20px !important;
	}
	.my-ooredoo-personal .box-section {
		padding: 30px 0 !important;
	}
	.my-ooredoo-personal .swiper-pagination {
		position: relative;
    padding-top: 0 !important;
    bottom: -20px !important;
	}
	.my-ooredoo-personal .swiper {
		padding: 0 0 20px !important;
	}
	.my-ooredoo-personal .parent-title .child-title {
		font-size: 13px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
	}
	.my-ooredoo-personal .btn-sec-width {
		gap: 10px !important;
    width: 100%;
    margin: 15px 0 0 !important;
    margin-right: 0 !important;
    flex-direction: row !important;
		padding: 0 !important;
	}
	.my-ooredoo-personal .btn-sec-width a {
		width: 150px ;
    margin: 0 !important;
    height: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6px !important;
    font-size: 11px !important;
    line-height: normal;
	}
	.my-ooredoo-personal .content-padding {
		padding-bottom: 0 !important;
    margin-bottom: 0 !important;
	}
	.my-ooredoo-personal .app-icon-wrap .app-icon {
		width: 100px !important;
		margin-bottom: 5px !important;
	}
	.my-ooredoo-personal .app-icon-wrap .childImage {
		margin: 3px 4px 0 !important;
	}
}

@media (max-width: 415px) {
	.my-ooredoo-personal .btn-sec-width {
		gap: 5px !important;
	}
	.my-ooredoo-personal .btn-sec-width a {
		width: 124px ;
    padding: 4px !important;
    font-size: 10px !important;
	}
}

@media (max-width: 319.98px) {
	.my-ooredoo-personal .btn-sec-width {
		gap: 4px !important;
	}
	.my-ooredoo-personal .app-icon-wrap .app-icon {
		width: 82px !important;
	}
	.my-ooredoo-personal .btn-sec-width a {
    width: 95px ;
    padding: 3px !important;
    font-size: 3vw !important;
	}
}</style><script type="module">const configuration = {"numberOfImages":3}; const fragmentElement = document.querySelector('#fragment-c3fc3b2b-1a94-a4db-c103-33491aa6eba0'); const fragmentEntryLinkNamespace = 'khdx'; const fragmentNamespace = 'khdx'; const layoutMode = 'view';	
const myooredooview = fragmentElement.querySelector('.myooredooview-btn');
myooredooview.addEventListener('click', function () {
window.location.href = themeDisplay.getCDNBaseURL()+'/'+themeDisplay.getBCP47LanguageId().split('-')[0]+'/particuliers/services/my-ooredoo-last';
});
      var swiper2 = new Swiper("#swiper-myooredoo-personal", {
        
        pagination: {
          el: ".my-ooredoo-swiper-pagination",
          clickable: true,
          renderBullet: function (index, className) {
            return `<span class=`+className+`></span>`;
          },
        },
      });

     ;</script></div></div>
	
</section></div></div><div class="" style=""><div id="fragment-374d90c8-6466-e53a-bc36-5baa1604d304" > <section class="bg-transparent Title [--card-height:360px] [--width:1280px]">
  	<h2 class="section-scroll custom-heading-title text-center text-uppercase font-outfit font-extrabold max-w-7xl mx-auto lfr-layout-structure-item-section lfr-layout-structure-item-bc2dfaf2-603e-789f-6b29-fe26bc2e4b30" data-lfr-styles data-lfr-editable-id="sectiontitle-0" data-lfr-editable-type="rich-text"><a href="javascript: void(0)" onclick="loadSectionBoxs('1462280514418')"><strong>TÉLÉPHONES</strong></a></h2>
		<div><div class="lfr-layout-structure-item-73137ef9-e7ce-c02e-4bf8-d17818c2fb2f lfr-layout-structure-item-container bg-white mx-auto shadow w-100" style=""><div class="lfr-layout-structure-item-com-liferay-commerce-product-content-web-internal-portlet-cppublisherportlet lfr-layout-structure-item-f641c060-4c11-09cf-f37a-b3b56803b05a" style=""><div id="fragment-f8cdb0c4-f685-518f-c8f1-58a251b49d35"><link href="/combo?browserId=firefox&amp;minifierType=css&amp;themeId=ooredootheme_WAR_ooredootheme&amp;languageId=fr_FR&amp;com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz:%2Fo%2Fcommerce-product-content-web%2Fproduct_publisher%2Fcss%2Fmain.css&amp;t=1790830072000" rel="stylesheet" type="text/css">






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_  portlet-static portlet-static-end portlet-decorate portlet-commerce-product-publisher" id="p_p_id_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_">
		<span id="p_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz">

	<div class="portlet-content">


		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		






























	
	
		













































<div class="bg-white p-1">
<div class="card-container">



















































<style>


    /* Media query for medium screens and up (md: breakpoint) */
    @media (min-width: 728px) {
        .product-image {
            width: 20rem;
        }
    }
        @media (min-width: 1366px) {
            .product-image {
                width: 23rem;
            }
        }
.brand-title{
    color: #6C727F
}
.view-more-btn{
    width: 132px;
    height: 40px;
    font-size: 14px
}
.rtl .view-more-btn{
    width: 152px;
    font-family: "Noto Kufi Arabic" !important;
}
.color-swatch {
  border: 1px solid #D2D5DB;
}

.color-swatches > * + * {
    margin-inline-start: 0.5rem;
}





.product-image {
    /* Existing styles */
    width: 100%;
    height: 270px;
    border-width: 1px;
    border-radius: 24px;
    border-color: #E9EBF8;

    /* Flexbox changes */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: flex-start; /* Align children to the top */
    align-items: center; /* Center children horizontally */
}

/* New CSS for the label row */
.promo-label-row {
    width: 100%; /* Take full width of the container */
    padding: 0rem; /* Adjust padding as needed for spacing */
    display: flex;
    justify-content: flex-end; /* Push the label to the right end of the row */
}

.promo-label {
    /* Keep existing styles, but remove positioning */
    background-color: #ED1C24;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 600;
}
/* Class to hide products during filtering */
        .product-hidden {
            display: none !important;
        }
</style>
<div class="w-auto overflow-hidden">
    <!-- Product Image -->
    <div class="bg-gray-50 flex justify-center product-image">
             
                    <div class="promo-label-row">
                         <div class="promo-label"> Pack Gaming</div>
                    </div>
                
            <div class="relative w-full flex-grow flex justify-center items-center product-image-color">
                        <picture data-fileentryid="2957313"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2957313/Thumbnail-300x300/ZTE+nubia+Neo+2+5G+1.png?t=1749719102600"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/2957313/Preview-1000x0/ZTE+nubia+Neo+2+5G+1.png?t=1749719102600"><img style="margin: auto;" class="w-full h-full object-contain rounded-lg" src="https://www.ooredoo.dz/documents/20121/0/ZTE+nubia+Neo+2+5G+1.png/5b0a500b-bfc4-7fa4-1154-e039e8015491?version=1.0&amp;t=1749719102600"></picture>
                    </div>





            


        </div>



    <!-- Product Details -->
    <div class="flex flex-col  pt-4 pl-0 gap-2">
        <!-- Brand -->
        <div class="text-md brand-title font-medium mb-1 font-rubik">
            
               ZTE
            
        </div>

        <!-- Product Name -->
        <h3 class="text-md xs:break-words md:text-lg font-semibold text-gray-900 font-rubik product-name mb-4">
            
               nubia Neo2 5G
            
        </h3>

        <!-- Status Indicator -->
        <div class="mb-6">






        <div class="flex color-swatches">
        

            
            
                <div class="w-5 h-5 rounded-full color-swatch cursor-pointer" style="background-color: black;" data-color-value="3007741" onclick="handleImageColorFilter(this, this.closest('.w-auto').querySelector('.product-image'), 0)">
                </div>
            

        

            
            

        

            
            

        

            
            

        
        </div>

        

        </div>

        <!-- Price -->
        <div class="text-2xl font-bold text-gray-900 mb-5 product-price" data-raw-price="49900">
            49&nbsp;900 DA
        </div>
        <a href="https://www.ooredoo.dz/fr/p/telephone-et-autres/store/zte-nubia-neo2-5g" class="inline-flex items-center justify-center rounded-full bg-brand-red-4 font-semibold text-white w-[134px] h-[27px] mb-6 view-more-btn">
            Plus d’info
        </a>
    </div>
</div>



















































<style>


    /* Media query for medium screens and up (md: breakpoint) */
    @media (min-width: 728px) {
        .product-image {
            width: 20rem;
        }
    }
        @media (min-width: 1366px) {
            .product-image {
                width: 23rem;
            }
        }
.brand-title{
    color: #6C727F
}
.view-more-btn{
    width: 132px;
    height: 40px;
    font-size: 14px
}
.rtl .view-more-btn{
    width: 152px;
    font-family: "Noto Kufi Arabic" !important;
}
.color-swatch {
  border: 1px solid #D2D5DB;
}

.color-swatches > * + * {
    margin-inline-start: 0.5rem;
}





.product-image {
    /* Existing styles */
    width: 100%;
    height: 270px;
    border-width: 1px;
    border-radius: 24px;
    border-color: #E9EBF8;

    /* Flexbox changes */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: flex-start; /* Align children to the top */
    align-items: center; /* Center children horizontally */
}

/* New CSS for the label row */
.promo-label-row {
    width: 100%; /* Take full width of the container */
    padding: 0rem; /* Adjust padding as needed for spacing */
    display: flex;
    justify-content: flex-end; /* Push the label to the right end of the row */
}

.promo-label {
    /* Keep existing styles, but remove positioning */
    background-color: #ED1C24;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 600;
}
/* Class to hide products during filtering */
        .product-hidden {
            display: none !important;
        }
</style>
<div class="w-auto overflow-hidden">
    <!-- Product Image -->
    <div class="bg-gray-50 flex justify-center product-image">
             
                    <div class="promo-label-row">
                         <div class="promo-label"> Pack POVA</div>
                    </div>
                
            <div class="relative w-full flex-grow flex justify-center items-center product-image-color">
                        <picture data-fileentryid="2985820"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2985820/Thumbnail-300x300/POVA+6+Grey-min.png?t=1755696183473"><source media="(max-width:800px) and (min-width:300px)" srcset="/o/adaptive-media/image/2985820/Preview-1000x0/POVA+6+Grey-min.png?t=1755696183473"><img style="margin: auto;" class="w-full h-full object-contain rounded-lg" src="https://www.ooredoo.dz/documents/126636/0/POVA+6+Grey-min.png/2af7df38-bf66-22da-234d-dbad678ac52c?version=1.0&amp;t=1755696183473"></picture>
                    </div>





            
                        <div class="relative w-full flex-grow justify-center items-center product-image-color d-none">
                            <img src="/o/commerce-media/accounts/-1/images/2985746?download=false">
                        </div>
            
                        <div class="relative w-full flex-grow justify-center items-center product-image-color d-none">
                            <img src="/o/commerce-media/accounts/-1/images/2985748?download=false">
                        </div>
            


        </div>



    <!-- Product Details -->
    <div class="flex flex-col  pt-4 pl-0 gap-2">
        <!-- Brand -->
        <div class="text-md brand-title font-medium mb-1 font-rubik">
            
               TECNO
            
        </div>

        <!-- Product Name -->
        <h3 class="text-md xs:break-words md:text-lg font-semibold text-gray-900 font-rubik product-name mb-4">
            
               POVA 6
            
        </h3>

        <!-- Status Indicator -->
        <div class="mb-6">






        <div class="flex color-swatches">
        

            
            
                 <span class="w-5 h-5 rounded-full color-swatch cursor-pointer" style="background: radial-gradient(circle at 50% 50%, #68737D 0%, #4C555E 40%, #3F464E 70%, #30353B 100%); border: 1px solid #D0D0D0;" data-color-value="3010035" onclick="handleImageColorFilter(this, this.closest('.w-auto').querySelector('.product-image'), 0)">
                 </span>
             

        

            
            
                 <span class="w-5 h-5 rounded-full color-swatch cursor-pointer" style="background: radial-gradient(circle at 50% 50%, #70A0D3 0%, #4A8EC3 40%, #3572A7 70%, #295F91 100%); border: 1px solid #C0D0E0;" data-color-value="3010041" onclick="handleImageColorFilter(this, this.closest('.w-auto').querySelector('.product-image'), 1)">
                 </span>
             

        

            
            
                 <span class="w-5 h-5 rounded-full color-swatch cursor-pointer" style="background: radial-gradient(circle at 50% 50%, #7CB790 0%, #5EA174 40%, #4D8F62 70%, #3B7C50 100%); border: 1px solid #D0E0D0;" data-color-value="3010038" onclick="handleImageColorFilter(this, this.closest('.w-auto').querySelector('.product-image'), 2)">
                 </span>
             

        

            
            

        

            
            

        

            
            

        
        </div>

        

        </div>

        <!-- Price -->
        <div class="text-2xl font-bold text-gray-900 mb-5 product-price" data-raw-price="43300">
            43&nbsp;300 DA
        </div>
        <a href="https://www.ooredoo.dz/fr/p/telephone-et-autres/store/tecno-pova-6" class="inline-flex items-center justify-center rounded-full bg-brand-red-4 font-semibold text-white w-[134px] h-[27px] mb-6 view-more-btn">
            Plus d’info
        </a>
    </div>
</div>



















































<style>


    /* Media query for medium screens and up (md: breakpoint) */
    @media (min-width: 728px) {
        .product-image {
            width: 20rem;
        }
    }
        @media (min-width: 1366px) {
            .product-image {
                width: 23rem;
            }
        }
.brand-title{
    color: #6C727F
}
.view-more-btn{
    width: 132px;
    height: 40px;
    font-size: 14px
}
.rtl .view-more-btn{
    width: 152px;
    font-family: "Noto Kufi Arabic" !important;
}
.color-swatch {
  border: 1px solid #D2D5DB;
}

.color-swatches > * + * {
    margin-inline-start: 0.5rem;
}





.product-image {
    /* Existing styles */
    width: 100%;
    height: 270px;
    border-width: 1px;
    border-radius: 24px;
    border-color: #E9EBF8;

    /* Flexbox changes */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: flex-start; /* Align children to the top */
    align-items: center; /* Center children horizontally */
}

/* New CSS for the label row */
.promo-label-row {
    width: 100%; /* Take full width of the container */
    padding: 0rem; /* Adjust padding as needed for spacing */
    display: flex;
    justify-content: flex-end; /* Push the label to the right end of the row */
}

.promo-label {
    /* Keep existing styles, but remove positioning */
    background-color: #ED1C24;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 600;
}
/* Class to hide products during filtering */
        .product-hidden {
            display: none !important;
        }
</style>
<div class="w-auto overflow-hidden">
    <!-- Product Image -->
    <div class="bg-gray-50 flex justify-center product-image">
             
                    <div class="promo-label-row">
                         <div class="promo-label"> Pack 5G</div>
                    </div>
                
            <div class="relative w-full flex-grow flex justify-center items-center product-image-color">
                        <picture data-fileentryid="2957680"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2957680/Thumbnail-300x300/ZTE+Blade+A75+5G+1.png?t=1749724315672"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/2957680/Preview-1000x0/ZTE+Blade+A75+5G+1.png?t=1749724315672"><img style="margin: auto;" class="w-full h-full object-contain rounded-lg" src="https://www.ooredoo.dz/documents/20121/0/ZTE+Blade+A75+5G+1.png/d8af69ee-dc6a-dd06-4b2b-2c404dfc6157?version=1.0&amp;t=1749724315672"></picture>
                    </div>





            


        </div>



    <!-- Product Details -->
    <div class="flex flex-col  pt-4 pl-0 gap-2">
        <!-- Brand -->
        <div class="text-md brand-title font-medium mb-1 font-rubik">
            
               ZTE
            
        </div>

        <!-- Product Name -->
        <h3 class="text-md xs:break-words md:text-lg font-semibold text-gray-900 font-rubik product-name mb-4">
            
               Blade A75 5G
            
        </h3>

        <!-- Status Indicator -->
        <div class="mb-6">






        <div class="flex color-swatches">
        

            
            
                <div class="w-5 h-5 rounded-full color-swatch cursor-pointer" style="background-color: #CCDED2;" data-color-value="3007765" onclick="handleImageColorFilter(this, this.closest('.w-auto').querySelector('.product-image'), 0)">
                </div>
            

        

            
            

        

            
            

        

            
            

        
        </div>

        

        </div>

        <!-- Price -->
        <div class="text-2xl font-bold text-gray-900 mb-5 product-price" data-raw-price="31900">
            31&nbsp;900 DA
        </div>
        <a href="https://www.ooredoo.dz/fr/p/telephone-et-autres/store/zte-blade-a75-5g" class="inline-flex items-center justify-center rounded-full bg-brand-red-4 font-semibold text-white w-[134px] h-[27px] mb-6 view-more-btn">
            Plus d’info
        </a>
    </div>
</div>






</div>
<div class="flex justify-center mt-8">
    <a href="/particuliers/telephone-et-autres/store" class="inline-flex items-center justify-center btn-width text-14 hover:bg-red-700 hover:text-white  mt-3 mt-md-0 btn section-cta-btn-outline rounded-circle p-0 font-semibold bg-ED1C24" style="                                                                                                                                                   width: 196px;                                                                                                                                                   height: 50px;                                                                                                                                               ">
                     Voir tous les appareils
                   </a>
</div>
</div>



<script>
function handleImageColorFilter(clickedSwatch, productImageDiv, index) {
    if (!productImageDiv || !clickedSwatch) return;

    // --- 1. HANDLE VISUAL SWATCH SELECTION ---
    const swatchContainer = clickedSwatch.closest('.color-swatches');

    if (swatchContainer) {
        // Remove the active class from ALL swatches in this product group
        const allSwatches = swatchContainer.querySelectorAll('.color-swatch');
        allSwatches.forEach(swatch => {
            swatch.classList.remove('swatch-active-border');
        });

        // Add the active class (border) to the CURRENTLY clicked swatch
        clickedSwatch.classList.add('swatch-active-border');
    }

    // --- 2. HANDLE IMAGE FILTERING (EXISTING LOGIC) ---
    const colorImages = productImageDiv.querySelectorAll('.product-image-color');

    colorImages.forEach((imgDiv, i) => {
        if (i === index) {
            imgDiv.classList.add('flex');
            imgDiv.classList.remove('d-none');
        } else {
            imgDiv.classList.add('d-none');
            imgDiv.classList.remove('flex');
        }
    });
}

</script>
<style>
    .card-container {
      display: flex;
      flex-wrap: wrap;              /* default: behave like before */
      justify-content: center;      /* center align on desktop */
      gap: 1rem;
    }

    /* Apply horizontal scroll only on mobile/tablet */
    @media (max-width: 1024px) {
      .card-container {
        flex-wrap: nowrap;          /* prevent wrapping */
        justify-content: flex-start;/* align cards to left for scroll */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }

      .card-container > div {
        flex: 0 0 auto;
        scroll-snap-align: start;
        width: 80%;                 /* adjust for mobile */
        max-width: 320px;
      }
    }

   @media (max-width: 640px) {
      .sm\:mo-hidden {
         display: none !important;
      }
      .sm\:mo-justify-center {
         justify-content: center !important;
      }
      .sm\:mo-px-1 {
         padding-left: 0.25rem;
         padding-right: 0.25rem;
      }
   }
   .devices-slider .swiper-slide-active .rounded-xl{
      transform: scale(1.1) !important;
        border-radius:12px;
        border:2px solid rgb(214, 0, 28) !important;
       background-color:rgba(214, 0, 28,0.1);
   }
   .devices-slider .device-button-next, .devices-slider .device-button-prev{
      position: absolute;
      background: white;
       height: 42px;
       width: 40px;
       box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
       border-radius: 50%;
       margin: 10px;
   }
   .devices-slider .device-button-prev{
      transform: rotate(180deg);
      right:106%;
   }
   .devices-slider .device-button-next{
      left:106%;
   }
   .device-swiper-arrow{
      position: absolute;
       top: 40%;
       left: 12.5%;
       z-index: 1001;
   }
   .devices-slider .swiper-pagination-bullet{
      background: #D9D9D9;
       opacity: 1;
   }
   .devices-slider .swiper-pagination-bullet-active{
      background: rgba(237, 28, 36, 0.8);
       opacity: 1;
   }
   .img-non-desposible{
      position: absolute;
       right: 0;
       height: 15% !important;
   }
   .pos-relative{
      position:relative;
   }
   .devices-slider .swiper-slide-active .img-non-desposible{
       top: -22px;
        height: 15% !important;
        padding-right:0 !important;
   }




   // general styles
   .h-mx-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }

   .h-mb-1 {
     margin-bottom: 0.25rem !important;
   }

   .h-mb-3 {
     margin-bottom: 0.75rem !important;
   }

   .h-mb-4 {
     margin-bottom: 1rem !important;
   }

   .h-flex {
     display: flex !important;
   }

   .h-h-3 {
     height: 0.75rem !important;
   }

   .h-w-3 {
     width: 0.75rem !important;
   }

   .h-w-full {
     width: 100% !important;
   }

   .h-max-w-sm {
     max-width: 24rem !important;
   }

   .h-justify-center {
     justify-content: center !important;
   }

   .h-overflow-hidden {
     overflow: hidden !important;
   }

   .h-rounded-2xl {
     border-radius: 1rem !important;
   }

   .h-rounded-full {
     border-radius: 9999px !important;
   }

   .h-rounded-lg {
     border-radius: 0.5rem !important;
   }

   .h-bg-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
   }

   .h-bg-gray-100 {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
   }

   .h-bg-gray-50 {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
   }

   .h-bg-red-500 {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
   }

   .h-bg-white {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
   }

   .h-object-contain {
     -o-object-fit: contain !important;
        object-fit: contain !important;
   }

   .h-p-6 {
     padding: 1.5rem !important;
   }

   .h-p-8 {
     padding: 2rem !important;
   }

   .h-py-3 {
     padding-top: 0.75rem !important;
     padding-bottom: 0.75rem !important;
   }

   .h-pt-4 {
     padding-top: 1rem !important;
   }

   .h-text-2xl {
     font-size: 1.5rem !important;
     line-height: 2rem !important;
   }

   .h-text-lg {
     font-size: 1.125rem !important;
     line-height: 1.75rem !important;
   }

   .h-text-sm {
     font-size: 0.875rem !important;
     line-height: 1.25rem !important;
   }

   .h-font-bold {
     font-weight: 700 !important;
   }

   .h-font-medium {
     font-weight: 500 !important;
   }

   .h-font-semibold {
     font-weight: 600 !important;
   }

   .h-text-gray-500 {
     --tw-text-opacity: 1 !important;
     color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
   }

   .h-text-gray-900 {
     --tw-text-opacity: 1 !important;
     color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
   }

   .h-text-white {
     --tw-text-opacity: 1 !important;
     color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
   }

   .h-shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
   }

   .h-transition-colors {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
     transition-duration: 150ms !important;
   }

   .h-duration-200 {
     transition-duration: 200ms !important;
   }

   .hover\:h-bg-red-600:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important;
   }
    .section-cta-btn-outline {
        border-color: #ED1C24;
        color: #ED1C24;
    }
.rtl .card-container a {
    font-family: "Noto Kufi Arabic" !important;
}
</style>


		
			























































<form action="" class="form" data-fm-namespace="_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_" id="_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_fm" method="post" name="_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_fm">
	

	


































































	

		

		
			
				<input class="field form-control" id="_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_formDate" name="_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_formDate" type="hidden" value="1791226839155">
			
		

		
	









				




































	













































			





















































	

	
</form>




		
	
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div><div class="lfr-layout-structure-item-devices---hide-0-price lfr-layout-structure-item-51ede785-1268-2a72-2553-61880a3e2fc7" style=""><div id="fragment-299d60a8-aaa2-20a7-8028-93c62303323b"> <div class="fragment_12361">

		
		
		
</div></div><style>@media only screen and (max-width: 425px) {
	.lfr-layout-structure-item-f641c060-4c11-09cf-f37a-b3b56803b05a {
    		padding-bottom: 0px !important;
    		padding-top: 0px !important;
	}
}
@media only screen and (min-width: 1280px) {
  .ooredoo-product-card-tiles.flex {
    justify-content: left !important;
  }
	.rtl .ooredoo-product-card-tiles.flex {
    justify-content: right !important;
  }
	.ooredoo-product-card-tiles .ooredoo-product-card {
      width: 24rem;
	}

}

@media only screen and (min-width: 1024px) {
	.devices-slider {
      padding-top: 2rem;
      padding-bottom: 2rem;
	}
	.portlet-cp-search-results .pagination-bar {
    margin-top: 3em;
  }
	.product-image {
    width: 390px;
}
}
@media only screen and (min-width: 768px) {
	.product-detail {
      margin-right: 1rem !important;
	}
	.rtl .product-detail {
      margin-left: 1rem !important;
	}
}
.pagination-bar {
    padding-top: 2rem !important;
}
.product-image {
    width: 100%;
    height: 270px;
    background-color: #F8F8F8; /* Use a background color on the container */
    border-radius: 24px; /* Apply the rounded corners here */
    overflow: hidden; /* This is key to hide parts of the image that would extend beyond the rounded corners */
}
@media only screen and (min-width: 1024px) {
	
	.product-image {
    width: 390px;
}
		.swiper .product-image {
    width: 100%;
}
	.ooredoo-product-card-tiles .product-image {
    width: 100%;
}
}

/* Ensure the image inside the container takes up the full space */
.product-image img {
    width: 100%;
   height: 14rem;
    object-fit: contain; /* This property ensures the image scales to fit inside while maintaining its aspect ratio */
}

.promo-label-row {
    padding: 0.5rem 0.5rem 0rem 0.5rem;
}

.promo-label {
    background-color: #ED1C24;
}</style><script type="module">const configuration = {}; const fragmentElement = document.querySelector('#fragment-299d60a8-aaa2-20a7-8028-93c62303323b'); const fragmentEntryLinkNamespace = 'bsli'; const fragmentNamespace = 'bsli'; const layoutMode = 'view';



;</script></div></div></div>
	
</section></div></div><div class="lfr-layout-structure-item-section lfr-layout-structure-item-a29a286e-c139-0a98-2472-623495495d66" style=""><div id="fragment-4ce751e9-9e03-ec46-3811-bb115345a832" > <section class="bg-transparent Title [--card-height:360px] [--width:1280px]">
  	<h2 class="section-scroll custom-heading-title text-center text-uppercase font-outfit font-extrabold max-w-7xl mx-auto lfr-layout-structure-item-section lfr-layout-structure-item-a29a286e-c139-0a98-2472-623495495d66" data-lfr-styles data-lfr-editable-id="sectiontitle-0" data-lfr-editable-type="rich-text">SERVICES</h2>
		<div><div class="lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet lfr-layout-structure-item-38ef01e8-5732-4ab5-bfde-5d80436c4a2c" style=""><div id="fragment-048600dd-8799-ecd4-1513-509c24a43037">





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end portlet-decorate portlet-journal-content" id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista">

	<div class="portlet-content">

			<div class="autofit-float autofit-row portlet-header">


					<div class="autofit-col autofit-col-end">
						<div class="autofit-section">
							<div class="visible-interaction">

	

	
</div>
						</div>
					</div>
			</div>

		
			<div class="portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					

						

						

							

							<div class="" data-fragments-editor-item-id="40007-803583" data-fragments-editor-item-type="fragments-editor-mapped-item">
								
























	
	
	
		<div class="journal-content-article" data-analytics-asset-id="803581" data-analytics-asset-title="Personal - other services" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="803583">
			

			
<div class="xl:py-[60px] pb-2 pt-3 bg-white shadow services-global service-ection-padding">
<div class="mob-scroll">
    <div class="flex px-0 justify-content-center mx-auto overflow-hidden xl-max-w-7xl gap-x-6 sm:px-10 xl:px-0 xl:mb-[66px] md:mob-scroll-inner sm:mo-w-fit  sm:mo-my-4">
        
            <div class="flex flex-col  align-items-start rounded-xl border p-[7px] shadow w-[300px] xl:w-[408px] h-[402px] lg:h-[482px] xl:h-[482px]">


            <div class="h-230px rounded-xl w-full mb-4 overflow-hidden">
            <picture data-fileentryid="1103067"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/1103067/Thumbnail-300x300/Img-box-Ranini.jpg?t=1699266776084"><source media="(max-width:570px) and (min-width:300px)" srcset="/o/adaptive-media/image/1103067/Preview-1000x0/Img-box-Ranini.jpg?t=1699266776084"><picture data-fileentryid="1103067"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/1103067/Thumbnail-300x300/Img-box-Ranini.jpg?t=1699266776084" /><source media="(max-width:570px) and (min-width:300px)" srcset="/o/adaptive-media/image/1103067/Preview-1000x0/Img-box-Ranini.jpg?t=1699266776084" /><img style="width:100%; height:100%; object-fit:cover" alt="" data-fileentryid="1103067" src="/documents/20121/231658/Img-box-Ranini.jpg/95ecd8c7-b159-2b61-17da-464c0b825967?t=1699266776084"></picture></picture>
        </div>
				

        <div class="flex flex-col padding-x-10 align-items-start h-full px-1 lg:        px-4 xl:px-3 pb-2 w-100">
        <div class="min-h-50">
            <p class="lg:text-xl xl:text-xl text-lg font-semibold uppercase font-sans text-truncate-2">
            RANINI
        </p>

    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
    Personnalisez votre tonalité d’attente !

&nbsp;
</p>
<br>
    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
</p>
</div>
<div class="min-h-50 flex flex-col justify-between w-100 font-bold text-black-26">

<p class="font-bold my-15-37">

 <span class="text-xll font-bold">
    40 DA
<span class="text-sm">
    / mois
</span>

</span>
</p>
<div class="flex items-center justify-end font-semibold gap-x-4 pb-[9px] sm:mo-justify-between btn-wrap">
<a class="services-link text-brand-red-4 text-sm font-semibold" href="/fr/particuliers/services/ranini">
+ de détails
</a>
<a class="px-26 py-2 text-white rounded-full text-sm font-semibold bg-brand-red-4" href="https://my.ooredoo.dz/">
Activer
</a>

</div>
</div>
</div>
</div>
        
            <div class="flex flex-col  align-items-start rounded-xl border p-[7px] shadow w-[300px] xl:w-[408px] h-[402px] lg:h-[482px] xl:h-[482px]">


            <div class="h-230px rounded-xl w-full mb-4 overflow-hidden">
            <picture data-fileentryid="142970"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/142970/Thumbnail-300x300/img-service-Anazik..jpg?t=1687787613322"><source media="(max-width:393px) and (min-width:300px)" srcset="/o/adaptive-media/image/142970/Preview-1000x0/img-service-Anazik..jpg?t=1687787613322"><picture data-fileentryid="142970"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/142970/Thumbnail-300x300/img-service-Anazik..jpg?t=1687787613322" /><source media="(max-width:393px) and (min-width:300px)" srcset="/o/adaptive-media/image/142970/Preview-1000x0/img-service-Anazik..jpg?t=1687787613322" /><img style="width:100%; height:100%; object-fit:cover" alt="" data-fileentryid="142970" src="/documents/20121/0/img-service-Anazik..jpg/8ca6e1fc-8e50-a38d-02dd-e3ffcc929452?t=1687787613322"></picture></picture>
        </div>
				

        <div class="flex flex-col padding-x-10 align-items-start h-full px-1 lg:        px-4 xl:px-3 pb-2 w-100">
        <div class="min-h-50">
            <p class="lg:text-xl xl:text-xl text-lg font-semibold uppercase font-sans text-truncate-2">
            ANAZIK
        </p>

    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
    En exclusivité la première application de streaming musical en Algérie !

&nbsp;
</p>
<br>
    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
    À partir de
</p>
</div>
<div class="min-h-50 flex flex-col justify-between w-100 font-bold text-black-26">

<p class="font-bold my-15-37">

 <span class="text-xll font-bold">
    100 DA
<span class="text-sm">
    / semaine
</span>

</span>
</p>
<div class="flex items-center justify-end font-semibold gap-x-4 pb-[9px] sm:mo-justify-between btn-wrap">
<a class="services-link text-brand-red-4 text-sm font-semibold" href="/fr/particuliers/services/anazik">
+ de détails
</a>
<a class="px-26 py-2 text-white rounded-full text-sm font-semibold bg-brand-red-4" href="https://play.google.com/store/apps/details?id=com.lf.bs.hayamusic">
Télécharger
</a>

</div>
</div>
</div>
</div>
        
            <div class="flex flex-col  align-items-start rounded-xl border p-[7px] shadow w-[300px] xl:w-[408px] h-[402px] lg:h-[482px] xl:h-[482px]">


            <div class="h-230px rounded-xl w-full mb-4 overflow-hidden">
            <picture data-fileentryid="231458"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/231458/Thumbnail-300x300/Service-Default+%281%29.jpg?t=1690262946443"><source media="(max-width:570px) and (min-width:300px)" srcset="/o/adaptive-media/image/231458/Preview-1000x0/Service-Default+%281%29.jpg?t=1690262946443"><picture data-fileentryid="231458"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/231458/Thumbnail-300x300/Service-Default+%281%29.jpg?t=1690262946443" /><source media="(max-width:570px) and (min-width:300px)" srcset="/o/adaptive-media/image/231458/Preview-1000x0/Service-Default+%281%29.jpg?t=1690262946443" /><img style="width:100%; height:100%; object-fit:cover" alt="" data-fileentryid="231458" src="/documents/20121/0/Service-Default+%281%29.jpg/66e18616-0845-306f-9465-cdf68da8d12f?t=1690262946443"></picture></picture>
        </div>
				

        <div class="flex flex-col padding-x-10 align-items-start h-full px-1 lg:        px-4 xl:px-3 pb-2 w-100">
        <div class="min-h-50">
            <p class="lg:text-xl xl:text-xl text-lg font-semibold uppercase font-sans text-truncate-2">
            GRAND QUIZ OOREDOO
        </p>

    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
    Gagnez un bon d'achat chaque jour et 150 millions de centimes par semaine !
</p>
<br>
    <p class="font-notosans text-sm text-brand-black-3 pt-    2 text-truncate-2">
</p>
</div>
<div class="min-h-50 flex flex-col justify-between w-100 font-bold text-black-26">

<p class="font-bold my-15-37">

 <span class="text-xll font-bold">
    25 DA
<span class="text-sm">
    / jour
</span>

</span>
</p>
<div class="flex items-center justify-end font-semibold gap-x-4 pb-[9px] sm:mo-justify-between btn-wrap">
<a class="services-link text-brand-red-4 text-sm font-semibold" href="/fr/particuliers/services/grand-quiz-ooredoo">
+de détails
</a>
<a class="px-26 py-2 text-white rounded-full text-sm font-semibold bg-brand-red-4" href="https://my.ooredoo.dz/">
Activer
</a>

</div>
</div>
</div>
</div>
</div>




</div>
 <div class="flex max-w-74rem  mx-auto xl:mt-0 justify-center xl:justify-end lg:mt-12 xl:mt-12 bottom-btn-padding">
 <a href="/fr/particuliers/services" type="button" class="inline-flex items-center button-width font-sans text-sm  bg-white rounded-full border border-brand-red-4 px-[58px] h-12 py-[15px] font-semibold text-brand-red-4">
 
 Voir tous les services
 </a>
 </div>
</div>



<style>
/*Web*/
@media (min-width: 1024px) {
 .service-ection-padding{
   padding-top:32px !important;
	 padding-bottom:32px !important;
 }
}

@media (min-width:1440px) {
 .services-global .h-230px {
        height: 400px !important;
    }
}


@media only screen and (max-width: 360px) {

	.py-10 {
			padding-top: 5px !important;
			padding-bottom: 5px !important;
	}

	.ltr .mob-scroll {
			overflow-x: auto;
			margin: 0px 10px 0px 10px !important;
	}
 .services-global .w-\[300px\] {
    width: 220px !important;
 }
 .services-global .text-xll {
    font-size: 18px !important;
 }
 .services-global .px-26 {
    padding-left: 14px !important;
    padding-right: 14px !important;
 }
 .button-width{
    min-width: 210px  !important;
    text-align: center  !important;
    display: block  !important;
    height: auto !important;
 }
 .services-global .px-\[58px\] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.services-global .gap-x-6 {
    column-gap: 0.5rem !important;
}
.services-global .text-sm {
    font-size: 13px !important;
    line-height: 1.25rem !important;
}
.padding-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

.max-w-74rem {
	 max-width:74rem !important;
}




.xl-max-w-7xl {
	width: 1180px;	
}

@media (max-width:1280px) {
	.xl-max-w-7xl {
		width: 900px;
	}
}

@media (max-width:743px) {
	.xl-max-w-7xl {
		width: 800px;
	}
}


.picture {
 height:100% !important;
}


@media (max-width: 640px) {
  /*.sm\:mo-w-auto {
    width: auto !important;
  }*/
	 .sm\:mo-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
	.sm\:mo-justify-between {
    justify-content: space-between;
  }
	 .sm\:mo-w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content !important;
  }
	 .sm\:mo-pb-7 {
    padding-bottom: 1.75rem;
  }
	.rtl .mob-scroll {
        margin: 0px 10px 0px 10px !important;
    }

}
//Button
.services-global .font-semibold {
font-weight: 600 !important;
}
.services-global .text-sm {
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
.services-global .services-link{
				border-bottom: 2px solid white;
		}
.services-global .my-15-37 {
margin-top: 5px;
margin-bottom: 1.3rem !important;
}
.services-global .min-h-50{
min-height:50%;
}
.services-global .bg-brand-red-4 {
--tw-bg-opacity: 1 !important;
background-color: rgb(214 0 28 / var(--tw-bg-opacity)) !important;
}

.services-global .rounded-full {
border-radius: 9999px !important;
}
.services-global .px-26{
padding-left:26px;
padding-right:26px;
}
@media (min-width: 1280px){
.services-global .xl\:px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;

}}
.services-global .pb-2 {
    padding-bottom: 0.5rem !important;
}
.services-global .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.text-truncate-2{
    display: -webkit-box;
    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 1280px){
    .services-global .xl\:py-\[60px\] {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }}
    .services-global .shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)

        !important;
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var
        (--tw-shadow-color) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow,
            0 0 #0000), var(--tw-shadow) !important;
    }
		.mob-scroll .card-img-wrap .card-img {
	   width: 100%;
		 object-fit: cover;
		 object-position: center;
	}
	.mob-scroll .card-img-wrap .picture {
	   width: 100%;
		 object-fit: cover;
		 object-position: center;
	}
	@media(max-width: 991.98px) {
	  .mob-scroll {
		    overflow-x: auto;
       // padding: 25px;
				margin: 0 20px;
				
		}
		.mob-scroll-inner {
		    display: flex;
        flex-direction: row;
        overflow: auto;
        width: 890px;
		}
		.bottom-btn-padding{
		padding-top: 20px;
		padding-bottom: 20px;
		}
	}
    .services-global .py-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    .services-global .overflow-x-auto {

        overflow-x: auto !important;
    }
    .services-global .gap-x-6 {
        -moz-column-gap: 1.5rem ;
        column-gap: 1.5rem;
    }
    .services-global .font-normal {
        font-weight: 400 !important;
    }
    .services-global .mb-9 {
        margin-bottom: 2.25rem !important;

    }
    .services-global .pb-\[9px\] {
        padding-bottom: 9px !important;
    }
    .services-global .gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

 

    @media (min-width: 1280px){
		.service-ection-padding{
		 padding: 40px 0;
		}
        .services-global .xl\:h-\[482px\] {

            height: 482px !important;
        }}
        @media (min-width: 1280px){
            .services-global .xl\:w-\[408px\] {
                width: 408px !important;
            }}

            .services-global .p-\[7px\] {
                padding: 7px !important;
            }
            @media (max-width: 1279px){

                .services-global .w-\[300px\] {
                    width: 300px ;
                }}
                @media (max-width: 1279px){
                    .services-global .h-\[402px\] {
                        height: 410px !important;
                    }
											 .sm\:mo-pb-7 {
    padding-bottom: 1.75rem;
  }
										}
                    .services-global .mx-auto {
                        margin-left: auto !important;
                        margin-right: auto !important;
                    }

                    .services-global .mb-\[66px\] {
                        margin-bottom: 66px !important;
                    }
                    .services-global .font-sans {
                        font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystem
                        Font, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
                    }
                    .services-global .py-\[15px\] {
                        padding-top: 15px !important;

                        padding-bottom: 15px !important;
                    }
                    .services-global .px-\[58px\] {
                        padding-left: 58px ;
                        padding-right: 58px ;
                    }
                    .services-global .bg-white {
                        --tw-bg-opacity: 1 !important;
                        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
                    }
                    .services-global .border-brand-red-4 {

                        --tw-border-opacity: 1 !important;
                        border-color: rgb(214 0 28 / var(--tw-border-opacity)) !important;
                    }
                    .services-global .border {
                        border-width: 1px !important;
                    }
                    .services-global .h-12 {
                        height: 3rem !important;
                    }
                    @media (max-width: 1279px){
                        .services-global .xl\:py-\[60px\] {

                            padding-top: 60px !important;
                            padding-bottom: 60px !important;
                        }}
                        @media(min-width: 800px){
                        .services-global .h-230px{
                            height: 250px ;
                        }
												}
											@media(max-width: 767.98px) {
												.services-global .h-230px{
                            height: 270px !important;
                        }
												.services-global .btn-wrap {
												padding-top: 12px;
												}
												}


                    </style>


			
		</div>

		

	



							</div>
						
					
				
			
		
	




	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div></div>
	
</section></div></div><div class="lfr-layout-structure-item-footer--copy- lfr-layout-structure-item-135448c6-5711-8a9c-c76b-a6cf0d1d44c5 ooredoo-footer-main" style=""><div id="fragment-43c46911-9df9-c30f-65c3-d02adc88acd8" >
<footer class="bg-brand-gray-6 ooredoo-footer">
      <div class="relative flex flex-col gap-1 md:gap-0 items-center py-[24px] md:py-[29px] xl:py-[18px] bg-brand-yellow-2">
        <img data-lfr-editable-id="footer_mailbox_icon" data-lfr-editable-type="image" class="absolute bottom-0 hidden ltr:right-[10vw] rtl:left-[10vw] rtl:scale-x-[-1] xl:block" src="/documents/20121/72922/footer_mailbox_icon.png/cb468703-6830-a625-b7cf-fb2e78602edb" alt="Mailbox Icon">
        <h3 class="mb-3 text-[22px] font-bold">
Restez connectés          </h3>
        <div class="flex items-center social-icons-gap px-8 md:gap-x-7">
          <a data-lfr-editable-id="footer_facebook_link" data-lfr-editable-type="link" href="https://www.facebook.com/OoredooDZ/">
            <img class="social-icons" data-lfr-editable-id="footer_facebook_icon" data-lfr-editable-type="image" src="/documents/d/guest/facebook-5" alt="FB Icon">
          </a>
					<a data-lfr-editable-id="footer_twitter_x_link" data-lfr-editable-type="link" href="https://twitter.com/ooredoodz">
            <img class="social-icons" data-lfr-editable-id="footer_twitter_x_icon" data-lfr-editable-type="image" src="/documents/d/guest/x-logo-1x" alt="Twitter Icon">
          </a>
          <a data-lfr-editable-id="footer_youtube_link" data-lfr-editable-type="link" href="https://www.youtube.com/user/OoredooDZ">
            <img class="social-icons" data-lfr-editable-id="footer_youtube_icon" data-lfr-editable-type="image" src="/documents/d/guest/youtube-1-" alt="Youtube Icon">
          </a>
          <a data-lfr-editable-id="footer_instagram_link" data-lfr-editable-type="link" href="https://www.instagram.com/ooredooalgerie/">
            <img class="social-icons" data-lfr-editable-id="footer_instagram_icon" data-lfr-editable-type="image" src="/documents/d/guest/instagram-1-" alt="Instagram Icon">
          </a>
          <a data-lfr-editable-id="footer_linkedin_link" data-lfr-editable-type="link" href="https://www.linkedin.com/company/ooredoo-algerie/">
            <img class="social-icons" data-lfr-editable-id="footer_linkedin_icon" data-lfr-editable-type="image" src="/documents/d/guest/linkedn-1-" alt="LinkedIn Icon">
          </a>
          <a data-lfr-editable-id="footer_tiktok_link" data-lfr-editable-type="link" href="https://www.tiktok.com/@ooredooalgerie?is_from_webapp=1&amp;sender_device=pc">
            <img class="social-icons" data-lfr-editable-id="footer_tiktok_icon" data-lfr-editable-type="image" src="/documents/d/guest/tiktok-1-" alt="TikTok Icon">
          </a>
          <a data-lfr-editable-id="footer_snapchat_link1" data-lfr-editable-type="link" href="https://www.snapchat.com/add/ooredoo-dz">
            <img class="social-icons" data-lfr-editable-id="footer_snapchat_icon1" data-lfr-editable-type="image" src="/documents/d/guest/snapchat-1-1" alt="Snapchat Icon">
          </a>
        </div>
      </div>
      <div class="flex flex-col px-10 mx-auto max-w-7xl gap-y-6 md:gap-y-16 py-4 py-md-5 xl:flex-row xl:gap-y-24 xl:px-0">
        
				    <div class="footer-logo-image flex flex-col items-center flex-1 xl:items-start">
            <div class="xl:justify-between flex justify-center footer-logo-width-sec">
							
            <a class="w-64 md:w-80 xl:w-auto flex justify-center" style="width:50% !important;" href="/">
                <img class="footer-logo footer-logo-width" src="/documents/d/guest/logo" alt="Logo">
            </a>
            </div>
            <p data-lfr-editable-id="newsletter_text" data-lfr-editable-type="text" class="mt-4 font-sans font-normal xl:text-start text-center  mb-4 xl:mb-5 text-xl">Abonnez-vous à notre newsletter</p>
            <div class="relative flex justify-end w-[372px]  h-12 md:w-[459px] xl:w-[410px] sm:!mo-max-w-full">
                <input type="email" placeholder="Votre adresse mail..." class="text-brand-black-2 mo-text-9px placeholder-BBBEBE font-natosans text-sm absolute w-full h-full rounded-full border-brand-gray-2/10 bg-white focus:border-brand-gray-2/10 focus:outline-none focus:ring-2 focus:ring-brand-red-3/40 focus:ring-offset-2 focus:ring-offset-brand-gray-6 ltr:pr-28 ltr:pl-4 rtl:pl-28 rtl:pr-4">
                <button data-lfr-editable-id="newsletter_subscribe_button" data-lfr-editable-type="text" class="relative w-[130px] md:w-[153px]  text-[14px] font-sans font-semibold text-white transition-colors duration-300 rounded-full bg-brand-red-4 hover:bg-brand-red-1">S'abonner</button>
            </div>
        </div>
				
				
				
				
           
        <div class="flex-1 w-full max-w-4xl mx-auto">
          <div class="flex text-md-left flex-col md-flex-row xl-gap md-gap flex-md-row font-semibold gap-y-5 items-md-start justify-between md:rtl:text-right text-center">
    <div class="flex flex-col md-text-start xl:gap-y-5 mo-basis-4">
        <p class="font-extrabold title-color font-sans  xl:pb-4 mo-heading" data-lfr-editable-id="column-1-title" data-lfr-editable-type="text">
                Support
              </p>
        <div class="mo-links-container mo-hidden-links">
            <a href="/web/guest/personal/contact-us" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-1-contact-us-personal-link" data-lfr-editable-type="link">Contactez-nous</a>
            <a href="https://prod18-live-chat.sprinklr.com/page?appId=68e4d51ef62a45769cbc7253_app_1014&amp;device=MOBILE&amp;skin=MODERN&amp;enableClose=true&amp;zoom=false&amp;webview=true" class="md:text-[14px] font-sans font-semibold opacity page-link-color" data-lfr-editable-id="column-1-support-link" data-lfr-editable-type="link">
                Support
              </a>
            <a href="/personal/find-us" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-1-find-us-personal-link" data-lfr-editable-type="link">Trouvez-nous</a>
            <a href="/particuliers/la-gold" class="md:text-[14px]  font-sans font-semibold opacity text-brand-red-4" data-lfr-editable-id="column-1-la-gold-link" data-lfr-editable-type="link"><a href="/particuliers/la-gold" class="md:text-[14px]  font-sans font-semibold opacity text-brand-red-4" data-lfr-editable-id="column-1-la-gold-link" data-lfr-editable-type="link"></a></a>
        </div>
    </div>
    <div class="flex flex-col md-text-start xl:gap-y-5 mo-basis-3">
        <p class="font-extrabold title-color font-sans xl:pb-4 mo-heading" data-lfr-editable-id="column-2-title" data-lfr-editable-type="text">Tout sur Ooredoo</p>
        <div class="mo-links-container mo-hidden-links">
            <a href="/tout-sur-ooredoo/a-propos" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-2-about-us-link" data-lfr-editable-type="link">À propos</a>
            <a href="/tout-sur-ooredoo/career" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-2-career-page-link" data-lfr-editable-type="link">Carrière</a>
            <a href="/documents/d/guest/catalogue-d_interconnexion" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-2-machrou-link" data-lfr-editable-type="link">Catalogue d’interconnexion 2025-2026</a>
            <a href="http://ooredoo.sourcing.mn1.ariba.com/ad/selfRegistration" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-2-site-map-link" data-lfr-editable-type="link">Devenez notre fournisseur (Inscrivez-vous ici)</a>
            <a href="/documents/d/guest/catalogue-d_interconnexion-ooredoo-wta-2024-2025-v2" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-2-inter-connection-catalog-link" data-lfr-editable-type="link"><a href="/documents/d/guest/catalogue-d_interconnexion-ooredoo-wta-2024-2025-v2" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-2-inter-connection-catalog-link" data-lfr-editable-type="link"></a></a>

            <!--<a href="/documents/d/guest/rapport-esg-environmental-social-and-governance-report-1" class="md:text-[14px] page-link-color font-sans font-semibold opacity"
									 data-lfr-editable-id="column-2-esg-report-link" data-lfr-editable-type="link">
									 ESG Report
								</a>-->
        </div>
    </div>
    <div class="flex flex-col md-text-start xl:gap-y-5 mo-basis-3">
        <p class="font-extrabold font-sans title-colorxl:pb-4  mo-heading" data-lfr-editable-id="column-3-title" data-lfr-editable-type="text">Politique et qualité</p>
        <div class="mo-links-container mo-hidden-links">
            <a href="/web/guest/legal-notice" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-3-legal-notice-link" data-lfr-editable-type="link">Mentions légales</a>
            <a href="/documents/d/guest/politique-qualite" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-3-political-quality-link" data-lfr-editable-type="link">Politique qualité</a>
            <a href="/privacy-legal/whistleblowing" class="md:text-[14px] font-sans font-semibold page-link-color opacity" data-lfr-editable-id="column-3-whistleblowing-link" data-lfr-editable-type="link">
                Whistleblowing
              </a>
            <a href="/documents/d/guest/certificat-iso-9001-2026" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-3-iso9001-link" data-lfr-editable-type="link">
                ISO 9001
              </a>
            <a href="/documents/d/guest/dz-10000-isms_rr_en_certificate_iso-iec-27001_wataniya-qr-code" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-3-ISO-CEI-27001-link" data-lfr-editable-type="link">
                ISO-CEI 27001
              </a>
            <a href="/documents/d/guest/personal_data_fr" class="md:text-[14px] page-link-color font-sans font-semibold opacity" data-lfr-editable-id="column-3-personal-data-link" data-lfr-editable-type="link">Données à caractère personnel</a>
            <a href="/documents/d/guest/politique-generale-de-protection-des-donnees-a-caractere-personnel" class="md:text-[14px] font-sans page-link-color font-semibold opacity" data-lfr-editable-id="column-3-general-data-protection-policy-link" data-lfr-editable-type="link">Politique générale de protection des données</a>
        </div>
    </div>
</div> 
					<div class="flex flex-col justify-between items-center mt-4 gap-6 md:mt-24 xl:mt-8 xl:flex-row">
						<p data-lfr-editable-id="download_app_text" data-lfr-editable-type="text" class="font-sans title-color font-extrabold  md:text-[18px]  capitalize text-nowrap mo-app-heading">TÉLÉCHARGER L'APP</p>
						<div class="flex flex-md-nowrap flex-wrap gap-x-3 gap-y-3 justify-center a-max-width">
							<a href="https://play.google.com/store/apps/details?id=com.algeria.selfcare.app.android" class="max-w-auto mo-app-icon-width">
								<img src="/documents/d/guest/google-play-fr-" alt="Play Store Icon" class="app-icons">
							</a>
							<a href="https://apps.apple.com/us/app/my-ooredoo-algeria/id1644340373" class="max-w-auto mo-app-icon-width">
								<img src="/documents/d/guest/app-store-fr-" alt="App Store Icon" class="app-icons">
							</a>
							<a href="https://appgallery.huawei.com/app/C107690933" class="max-w-[132px] mo-app-icon-width">
								<img src="/documents/d/guest/app-gallery-fr-" alt="App Galary Icon" class="app-icons">
							</a>
						</div>
					</div>
        </div>
      </div>
    </footer></div><style>[dir=ltr] .ltr\:pl-4 {
    padding-left: 1rem !important;
}
[dir=ltr] .ltr\:pr-28 {
    padding-right: 7rem !important;
}
[dir=rtl] .rtl\:pr-4 {
    padding-right: 1rem !important;
}
[dir=rtl] .rtl\:pl-28 {
    padding-left: 7rem !important;
}
.social-icons-gap{
	gap: 5px;
}	


@media (min-width:1264px){
	.xl-gap{
		gap:20px !important;
	}
}

@media (min-width:744px){
	.md-flex-row{
	  flex-direction: row !important;
	}
	.md-text-start{
		text-align: start !important;
	}
	.md-gap{
		gap:80px !important;
	}
}


.gap-x-3 {
column-gap: 12px !important;
}

.gap-y-3{
	row-gap: 12px !important;
}



.title-color{
color: #262626 !important;
}

.page-link-color{
color: rgba(38, 38, 38, 0.80)!important;
}

#countries.capitalize, #profiles.capitalize {
	text-transform: none !important;
}

@media (max-width: 599px) {
  .sm\:\!mo-max-w-full {
    max-width: 100% !important;
  }
	.a-max-width{
		max-width:280px;
	}
}
.ooredoo-footer .input-group{
	flex-wrap: inherit;
}
.social-icons{
	height:40px ;
	width:auto ;
}
.ooredoo-footer a.text-brand-red-4:hover {
    border-bottom: none !important;
}
.ooredoo-footer .app-icons{
	width:140px !important;
	max-width:140px !important
}
.ooredoo-footer .footer-logo-image img.business_logo_footer{
    width: 261px !important;
}
.ooredoo-footer .footer-logo-width{
    width: 95% !important;
	padding-top: 40px;
	padding-bottom: 0px;
}

.ooredoo-footer .footer-logo-width-sec{
    width: 95% !important;
}

.rtl .ooredoo-footer .footer-logo-width-sec{
    width: 95% !important;
}
.ooredoo-footer .footer-logo-image img.footer-logo.w-full{
    width: 403px !important;
}
a:hover {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 1280px){
	.ooredoo-footer .footer-logo-width{
	padding-bottom: 40px;
}
	
.ooredoo-footer .footer-logo-width-sec{
	margin-left: 10%;
}
	.rtl .ooredoo-footer .footer-logo-width-sec{
	margin-right: 10%;
}

	
	.ooredoo-footer .app-icons{
		width:auto !important;
		max-width:144px !important
	}
	.social-icons{
	height:55px !important;
	
}
	.social-icons-gap{
	    gap: 40px !important;
	}
.ooredoo-footer .xl\:mb-5 {
    margin-bottom: 1.25rem !important;
}
	.ooredoo-footer .footer-logo-image img.business_logo_footer{
    width: 60% !important;
		margin:0 !important;
}
}
@media (min-width: 1280px){
.ooredoo-footer .xl\:mt-20 {
    margin-top: 5rem !important;
	}}
.ooredoo-footer .capitalize {
    text-transform: capitalize !important;
}
.ooredoo-footer .font-normal {
    font-weight: 400 !important;
}
.ooredoo-footer .text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.ooredoo-footer .font-sans {
    font-family: Rubik, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.ooredoo-footer .mb-6 {
    margin-bottom: 1.5rem !important;
}
.ooredoo-footer .mt-8 {
    margin-top: 2rem !important;
}
.ooredoo-footer .mt-8, .my-8 {
    margin-top: 7.5rem !important;
}
.ooredoo-footer .mb-6, .my-6 {
    margin-bottom: 4.5rem !important;
}
ooredoo-footer .capitalize {
    text-transform: capitalize;
}
.ooredoo-footer .font-normal {
    font-weight: 400;
}
.ooredoo-footer .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.ooredoo-footer .mb-6 {
    margin-bottom: 1.5rem;
}
.mo-basis-4 {
  flex-basis: 25%;
}

.mo-basis-3{
  flex-basis: 33.333333%;
}

@media (min-width: 1280px){
.ooredoo-footer .xl\:w-\[410px\] {
    width: 410px !important;
	}}
@media (min-width: 720px){
.ooredoo-footer .md\:w-\[459px\] {
    width: 459px;
	}}
@media (max-width: 719.99px){
.ooredoo-footer .w-\[372px\] {
    width: 372px !important;
	}}
.ooredoo-footer .h-12 {
    height: 3rem ;
}
.placeholder-BBBEBE{
	color:#BBBEBE;
}
.ooredoo-footer .text-\[14px\] {
  font-size: 14px !important;
}
  @media (min-width: 720px){
.ooredoo-footer .md\:w-\[153px\] {
  width: 153px !important;
		}}
.ooredoo-footer .duration-300 {
  transition-duration: 300ms !important;
}
.ooredoo-footer .w-\[130px\] {
  width: 130px;
}
  @media (min-width: 1280px){
.ooredoo-footer .xl\:text-\[14px\] {
  font-size: 14px !important;
		}}
  @media (min-width: 720px){
.ooredoo-footer .md\:text-\[18px\] {
  font-size: 18px;
		}}
.ooredoo-footer .font-outfit {
    font-family: Outfit !important;
}
.ooredoo-footer .max-w-\[132px\] {
    max-width: 132px ;
}
@media (min-width: 1280px){
.ooredoo-footer .xl\:mt-8 {
    margin-top: 2rem !important;
	}}
@media (min-width: 720px){
.ooredoo-footer .md\:mt-24 {
    margin-top: 6rem;
	}}
@media (min-width: 1280px){
.ooredoo-footer .xl\:py-\[18px\] {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
	}}
@media (min-width: 720px){
.md\:py-\[29px\] {
    padding-top: 29px;
    padding-bottom: 29px;
	}}
@media (min-width: 720px){
.ooredoo-footer .md\:gap-0 {
    gap: 0px !important;
	}
.social-icons-gap {
    gap: 30px !important;
}
	.social-icons{
	height:40px !important;
	
}
}
@media (max-width: 719.99px){
.ooredoo-footer .py-\[24px\] {
    padding-top: 24px ;
    padding-bottom: 24px ;
	}}
@media (max-width: 719.99px){
.ooredoo-footer .m-t-12 {
    margin-top: 12px !important;
	}}

@media(max-width: 576px) {
		.ooredoo-footer .app-icons {
    width: 100% !important;
}
	}
@media only screen and (max-width: 435px) {

  .social-icons {
    height: 25px !important;
    width: auto !important;
  }
	.ooredoo-footer .w-\[130px\] {
    width: 107px !important;
  }
	.text-sm {
    font-size: 13px !important;
    line-height:normal !important;
   }
	.mo-text-9px{
    font-size: 9px !important;
    line-height:normal !important;
   }
	.ooredoo-footer .h-12 {
    height: 35px !important;
  }  
	.ooredoo-footer .w-\[130px\] {
    width: 100px !important;
  }
	
	.ooredoo-footer .text-\[14px\] {
    font-size: 11px !important;
   }
	.ooredoo-footer .max-w-\[132px\] {
    max-width: 100% !important;
   }
	.px-10 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
   }
	.ooredoo-footer .footer-logo-width {
    width: 95% !important;
    padding-top: 14px !important;
    padding-bottom: 0px !important;
   }
	.ooredoo-footer .footer-logo-width-sec {
    width: 95% !important;
    margin-left: 0px !important;
   }
	.ooredoo-footer .py-\[24px\] {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
	
}
@media(max-width: 360px) {
		.ooredoo-footer .app-icons {
    width: 100% !important;
}
	}



















/* ========================================================= */
/* 1. MOBILE ACCORDION STYLES (max-width: 743px) */
/* ========================================================= */

/* Heading/Trigger Style and Alignment */
.mo-heading {
  @media (max-width: 743px) {
    cursor: pointer;
    display: flex; 
    align-items: center;
    justify-content: space-between; 
    width: 100%;
    
    /* === HEADER FONT STYLES: 18px === */
    font-family: 'Rubik', sans-serif !important; /* Keep !important for font-family if it conflicts */
    font-weight: 600 !important;
    font-size: 18px; /* Removed !important */
    line-height: 28px;
    
    text-align: initial; 
  }
}
/* Chevron Icon (Unchanged) */
.mo-heading::after {
  @media (max-width: 743px) {
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.90604 6.56831C2.82648 6.49313 2.73289 6.43435 2.63062 6.39534C2.52835 6.35633 2.41939 6.33784 2.30997 6.34094C2.20055 6.34403 2.09282 6.36865 1.99291 6.41338C1.89301 6.45811 1.80289 6.52209 1.72771 6.60164C1.65253 6.6812 1.59375 6.77479 1.55474 6.87707C1.51573 6.97934 1.49724 7.0883 1.50033 7.19771C1.50343 7.30713 1.52805 7.41487 1.57278 7.51478C1.61751 7.61468 1.68148 7.7048 1.76104 7.77998L9.26104 14.8633C9.41577 15.0096 9.62061 15.0911 9.83354 15.0911C10.0465 15.0911 10.2513 15.0096 10.406 14.8633L17.9069 7.77998C17.9882 7.70529 18.0538 7.6152 18.1 7.51492C18.1462 7.41465 18.172 7.3062 18.1759 7.19587C18.1798 7.08554 18.1618 6.97554 18.1228 6.87224C18.0839 6.76894 18.0248 6.67441 17.949 6.59415C17.8732 6.51388 17.7822 6.44947 17.6813 6.40467C17.5804 6.35986 17.4716 6.33555 17.3613 6.33315C17.2509 6.33074 17.1411 6.3503 17.0384 6.39067C16.9356 6.43104 16.8419 6.49142 16.7627 6.56831L9.83354 13.1116L2.90604 6.56831Z" fill="black"/></svg>');
    transform: rotate(0deg); 
    transition: transform 0.3s;
    width: 20px; 
    height: 20px; 
    margin-inline-start: 1rem;
  }
}

.mo-expanded .mo-heading::after {
  @media (max-width: 743px) {
    transform: rotate(-90deg);
  }
}
.rtl .mo-expanded .mo-heading::after {
  @media (max-width: 743px) {
    transform: rotate(90deg);
  }
}

/* Links Container */
.mo-links-container {
  @media (max-width: 743px) { 
    display: flex;
    flex-direction: column;
    gap: 1rem; 
    max-height: 0;
    overflow: hidden;
    padding-top: 0; 
    transition: max-height 0.3s ease-out;
    align-items: flex-start; 
  }
}

/* Link Styling inside the container on mobile */
.mo-links-container a {
  @media (max-width: 743px) { 
    /* === LINK FONT STYLES: 14px === */
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important; 
    font-size: 14px; /* Removed !important */
    line-height: 100%;
    text-align: initial; 
  }
}


/* Expanded State (Unchanged) */
.mo-expanded .mo-links-container {
  @media (max-width: 743px) {
    max-height: 500px;
    padding-top: 1rem;
    transition: max-height 0.3s ease-in;
  }
}

/* ========================================================= */
/* 2. DESKTOP FIX/RESET (min-width: 744px) (Unchanged) */
/* ========================================================= */

.mo-links-container {
    @media (min-width: 744px) {
        display: flex !important; 
        flex-direction: column !important;
        gap: 1rem !important; 
        max-height: none !important; 
        overflow: visible !important;
        padding-top: 0 !important;
    }
}



















/* Mobile Breakpoint: max-width 743px */
.mo-app-icon-width {
    @media (max-width: 743px) {
        /* Set width to a slightly safer value (e.g., 47% or 46%) */
        /* This ensures two items + gap-x-3 fit within the parent container's width */
        width: 47% !important; /* Use !important just to be sure it overrides any conflicting max-width */
        
        /* Ensure the image inside scales correctly */
        max-width: 100%;
        height: auto;
    }
    
    /* Desktop Reset: Ensure max-w-auto and max-w-[132px] take over from 744px */
    @media (min-width: 744px) {
        width: auto !important;
    }
}


/* ========================================================= */
/* MOBILE STYLES FOR APP DOWNLOAD HEADING (max-width: 743px) */
/* ========================================================= */

.mo-app-heading {
  @media (max-width: 743px) {
    /* === NEW FONT STYLES WITH !IMPORTANT OVERRIDES === */
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600 !important; /* SemiBold */
    font-size: 14px !important; /* Guaranteed 14px size */
    line-height: 100% !important;
    text-transform: capitalize !important;
    
    /* Ensure other styles are handled */
    font-style: normal !important; 
    letter-spacing: 0 !important;
  }
}
.ooredoo-footer .op</style><script type="module">const configuration = {"Column2LinkCount":3,"Column1LinkCount":3,"Column3LinkCount":3}; const fragmentElement = document.querySelector('#fragment-43c46911-9df9-c30f-65c3-d02adc88acd8'); const fragmentEntryLinkNamespace = 'uiwo'; const fragmentNamespace = 'uiwo'; const layoutMode = 'view';(function() {
  const MOBILE_BREAKPOINT = "(max-width: 743px)";
  const isMobile = window.matchMedia(MOBILE_BREAKPOINT).matches;

  if (!isMobile) {
    return;
  }

  const headings = document.querySelectorAll('.mo-heading');

  headings.forEach(heading => {
    const column = heading.closest('.flex-col');

    if (column) {
      heading.addEventListener('click', function(event) {
        event.preventDefault(); 
        column.classList.toggle('mo-expanded');
      });
    }
  });
})();;</script></div><div class="lfr-layout-structure-item-common-classes lfr-layout-structure-item-2fef14bc-1dde-cef7-9043-50304a19c866" style=""><div id="fragment-c9b13aa1-7e10-5865-7b5b-eb38664626e2" > <div class="fragment_464">
</div>
<script src="https://static.addtoany.com/menu/page.js"></script></div><style>@media (min-width: 1280px){
.xl\:w-\[161px\] {
    width: 161px !important;
}
}
.text-22 {
   font-size: 22px;
   line-height: 26.07px;
}

.text-14 {
   font-size: 14px;
   line-height: 24px;
}

.text-20 {
   font-size: 20px;
   line-height: 30px;

}

.text-40 {
   font-size: 40px;
   line-height: 40px;
}

.text-2024 {
   font-size: 20px;
   line-height: 24px;
}

.text-2050 {
   font-size: 20px;
   line-height: 50px;
}

.text-28 {
   font-size: 28px;
   line-height: 33.18px;
}

.py-30 {
   padding: 30px 0px;
}

.text-16 {
   font-size: 16px;

   line-height: 30px;
}

.text-32 {
   font-size: 32px;
   line-height: 38px;
}

.text-3248 {
   font-size: 32px;
   line-height: 48px;
}

.text-1013 {
   font-size: 10px;
   line-height: 13.62px
}

.text-1624 {
   font-size: 16px;
   line-height: 24px;
}

.text-26 {
   font-size: 26px;
   line-height: 32.76px;

}

.text-black-C4 {
   color: #4C4C4C;
}

.text-black-75 {
   color: #757575;
}

.text-black-26 {
   color: #262626;
}

@media (min-width: 1280px) {

   .xl\:pb-\[70px\] {
      padding-bottom: 70px !important;
   }
}

@media (min-width: 1280px) {
   .xl\:mb-\[70px\] {
      margin-bottom: 70px !important;
   }
}

@media (min-width: 1280px) {
   .breadcrumb_standard {
      padding-bottom: 70px !important;
      padding-top: 49px !important;

      margin-bottom: 0 !important;
   }
}
.portlet-boundary_com_ooredoo_country_bundle_module_CountryBundleModulePortlet_ select:focus, .portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ select:focus {
    --tw-ring-color: #D9D9D9;
    --tw-ring-opacity: 0;
}
.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet {
   margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-header {
   margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .portlet {
   margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .portlet-header {
   margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content {
   padding: 0;
}

.ooredoo-devices-container {
   margin-left: 0;
   margin-right: 68px;
   background: white;
   border-radius: 11px;
   overflow: hidden;
   box-shadow: 0px 1px 10px rgba(188, 188, 188, 0.2);
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .portlet-content {
   background: transparent;

   border-color: transparent;
   padding: 0rem;
}

@media (min-width: 768px) {
   .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .md\:gap-x-7 {
      column-gap: 1.35rem;
   }

   .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .gap-y-7 {
      row-gap: 70px;

   }
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .w-\[286px\] {
   width: 280px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-title-list a span span {
   font-size: 22px !important;
   line-height: 26.07px;

   font-family: Rubik, ui-sans-serif, system-ui;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-title-list {
   margin-bottom: 8px !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-description-list {
   font-family: Noto Sans;

}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .price-value {
   font-weight: 600;
   font-family: Rubik, ui-sans-serif, system-ui;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .cp-information div a.inline-block.rounded-full.bg-br and-red-4 {
   font-family: Rubik, ui-sans-serif, system-ui;
   padding-right: 13px !important;
   padding-left: 13px !important;

}

.product-card {
   margin-left: auto !important;
   margin-right: auto !important;
   justify-content: center !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ .sortby-devices p,
.portlet-boundary_com_liferay_portal_search _web_category_facet_portlet_CategoryFacetPortlet_ p,
.colors-devices p,
.portlet -boundary_com_liferay_commerce_product_content_search_web_internal_portlet_CPPri ceRangeFacetsPortlet_ p {
   font-family: Rubik, ui-sans-serif, system-ui;
   margin-bottom: 19px;
   margin-top: 18px !important;
}

.ooredoo-devices-container {
   padding-right: 13px !important;
   padding-left: 13px !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .panel-body {

   padding: 0 !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .facet-term {
   border-radius: 50%;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .term-name {
   font-family: Noto Sans;
   padding-left: 10px !important;
}

.colors-devices .panel-body {
   padding: 0px;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .facet-checkbox-label {
   font-family: Noto Sans;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .custom-checkbox.custom-control div {
   margin-bottom: 12px;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .panel-body {
   padding: 0px;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .breadcrumb-text-truncate {
   color: #262626;
   font-family: Rubik, ui-sans-serif, system-ui;
   font-size: 14px;

}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .breadcrumb-item {
   margin-right: 9px;
}

a.bg-brand-red-4:hover,
button.bg-brand-red-4:hover,
.banner-button:hover,
.bg-D6001C:hover,
.btn-danger:hover {
   background-color: #B20017 !important;
}

a.text-brand-red-4:hover {
   color: #D6001C !important;
   border-bottom: 2px solid #D6001C !important;

}

a.border-brand-red-4.text-brand-red-4:hover {
   border-bottom: 1px solid #D6001C !important;
   background-color: #D6001C !important;
   color: white !important;
}

a.border-brand-red-4.text-brand-red-4:hover svg path {
   stroke: white !important;
}

div.border-brand-red-4.text-brand-red-4:hover {
   border-bottom: 1px solid #D6001C !important;

   background-color: #D6001C !important;
   color: white !important;
}

div.border-brand-red-4.text-brand-red-4:hover svg path {
   stroke: white !important;
}

/*------------------------------------------------*/


.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar .pagination {

  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .lexicon-icon-angle-left,
.portlet-boundary_com_life ray_commerce_product_content_search_web_internal_portlet_CPSearchResultsPortlet_ .lexicon-icon-angle-right {
  color: #D6001C;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item:first-child .page-link,
.portlet-boundary_c om_liferay_commerce_product_content_search_web_internal_portlet_CPSearchResultsP ortlet_ .page-link-first,
.portlet-boundary_com_liferay_commerce_product_content_ search_web_internal_portlet_CPSearchResultsPortlet_ .page-item.disabled .page-li nk {
  border: 1px solid #D6001C;
  background: transparent;
  border-radius: 100px;
  margin-inline: 32px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item.active .page-link {

  background-color: #D6001C;
  border-color: #D6001C;
  color: white;
  border-radius: 100px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item .page-link {
  background-color: transparent;
  border-color: #898989;
  margin-inline: 7px;
  border-radius: 100px;

  height: 34.16px;
  width: 34.16px;
  color: #898989;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-results,
.portlet-boundary_com_liferay_com merce_product_content_search_web_internal_portlet_CPSearchResultsPortlet_ .pagin ation-items-per-page {
  display: none;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar {
  display: flex;
  justify-content: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}


@media (min-width: 768px) {

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .pagination-bar {
     padding-left: 1.5rem !important;
  }
}

@media (min-width: 1200px) {

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar {
     padding-left: 0 !important;

     margin-top: 70px;
     margin-bottom: 10px;
  }

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_por tlet_CPSearchResultsPortlet_ .pagination-bar {
     display: flex;
     justify-content: end;
     max-width: 80rem;
     margin-left: auto;
     margin-right: auto;
  }
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .panel-body {
  border-bottom: 1px solid #e0e0e0;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ .portlet-content,
.portlet-boundary_com_liferay_portal_search_w eb_category_facet_portlet_CategoryFacetPortlet_ .portlet-content {
  padding-bottom: 0;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ #Content .portlet-content {

  border-bottom: none;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .portlet-content {
  padding-bottom: 0;
}

.border-brand-red-4 {
  --tw-border-opacity: 1;
  border-color: rgb(214 0 28/var(--tw-border-opacity)) !important;
}


.text-22 {
  font-size: 22px;
  line-height: 26.07px;
}

.text-14 {
  font-size: 14px;
  line-height: 24px;
}

.text-20 {
  font-size: 20px;
  line-height: 30px;

}

.text-40 {
  font-size: 40px;
  line-height: 40px;
}

.text-2024 {
  font-size: 20px;
  line-height: 24px;
}

.text-2050 {
  font-size: 20px;

  line-height: 50px;
}

.text-28 {
  font-size: 28px;
  line-height: 33.18px;
}

.py-30 {
  padding: 30px 0px;
}

.text-16 {
  font-size: 16px;

  line-height: 30px;
}

.text-32 {
  font-size: 32px;
  line-height: 38px;
}

.text-3248 {
  font-size: 32px;
  line-height: 48px;
}

.text-1013 {
  font-size: 10px;
  line-height: 13.62px
}

.text-1624 {
  font-size: 16px;
  line-height: 24px;
}

.text-26 {
  font-size: 26px;
  line-height: 32.76px;

}

.text-black-C4 {
  color: #4C4C4C;
}

.text-black-75 {
  color: #757575;
}

.text-black-26 {
  color: #262626;
}

@media (min-width: 1280px) {

  .xl\:pb-\[70px\] {
     padding-bottom: 70px !important;
  }
}

@media (min-width: 1280px) {
  .xl\:mb-\[70px\] {
     margin-bottom: 70px !important;
  }
}

@media (min-width: 1280px) {
  .breadcrumb_standard {
     padding-bottom: 70px !important;
     padding-top: 49px !important;

     margin-bottom: 0 !important;
  }
}

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet {
  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-header {
  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .portlet {
  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .portlet-header {
  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content {
  padding: 0;
}

.ooredoo-devices-container {
  margin-left: 0;
  margin-right: 68px;
  background: white;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0px 1px 10px rgba(188, 188, 188, 0.2);
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .portlet-content {
  background: transparent;

  border-color: transparent;
  padding: 0rem;
}

@media (min-width: 768px) {
  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .md\:gap-x-7 {
     column-gap: 1.35rem;
  }

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .gap-y-7 {
     row-gap: 70px;

  }
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .w-\[286px\] {
  width: 280px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-title-list a span span {
  font-size: 22px !important;
  line-height: 26.07px;

  font-family: Rubik, ui-sans-serif, system-ui;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-title-list {
  margin-bottom: 8px !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .ooredoo-product-description-list {
  font-family: Noto Sans;

}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .price-value {
  font-weight: 600;
  font-family: Rubik, ui-sans-serif, system-ui;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .cp-information div a.inline-block.rounded-full.bg-br and-red-4 {
  font-family: Rubik, ui-sans-serif, system-ui;
  padding-right: 13px !important;
  padding-left: 13px !important;

}

.product-card {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ .sortby-devices p,
.portlet-boundary_com_liferay_portal_search _web_category_facet_portlet_CategoryFacetPortlet_ p,
.colors-devices p,
.portlet -boundary_com_liferay_commerce_product_content_search_web_internal_portlet_CPPri ceRangeFacetsPortlet_ p {
  font-family: Rubik, ui-sans-serif, system-ui;
  margin-bottom: 19px;
  margin-top: 18px !important;
}

.ooredoo-devices-container {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .panel-body {

  padding: 0 !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .facet-term {
  border-radius: 50%;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .term-name {
  font-family: Noto Sans;
  padding-left: 10px !important;
}

.colors-devices .panel-body {
  padding: 0px;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .facet-checkbox-label {
  font-family: Noto Sans;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .custom-checkbox.custom-control div {
  margin-bottom: 12px;
}

.portlet-boundary_com_liferay_portal_search_web_category_facet_portlet_CategoryF acetPortlet_ .panel-body {
  padding: 0px;
}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .breadcrumb-text-truncate {
  color: #262626;
  font-family: Rubik, ui-sans-serif, system-ui;
  font-size: 14px;

}

.portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigat ionBreadcrumbPortlet_ .breadcrumb-item {
  margin-right: 9px;
}

a.bg-brand-red-4:hover,button.bg-brand-red-4:hover,.banner-button:hover,.bg-D6001C:hover,
.btn-danger:hover {
  background-color: #B20017 !important;
}

a.text-brand-red-4:hover {
  color: #D6001C !important;
  border-bottom: 2px solid #D6001C !important;

}

a.border-brand-red-4.text-brand-red-4:hover {
  border-bottom: 1px solid #D6001C !important;
  background-color: #D6001C !important;
  color: white !important;
}

a.border-brand-red-4.text-brand-red-4:hover svg path {
  stroke: white !important;
}

div.border-brand-red-4.text-brand-red-4:hover {
  border-bottom: 1px solid #D6001C !important;

  background-color: #D6001C !important;
  color: white !important;
}

div.border-brand-red-4.text-brand-red-4:hover svg path {
  stroke: white !important;
}

/*------------------------------------------------*/


.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar .pagination {

  margin-bottom: 0 !important;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .lexicon-icon-angle-left,
.portlet-boundary_com_life ray_commerce_product_content_search_web_internal_portlet_CPSearchResultsPortlet_ .lexicon-icon-angle-right {
  color: #D6001C;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item:first-child .page-link,
.portlet-boundary_c om_liferay_commerce_product_content_search_web_internal_portlet_CPSearchResultsP ortlet_ .page-link-first,
.portlet-boundary_com_liferay_commerce_product_content_ search_web_internal_portlet_CPSearchResultsPortlet_ .page-item.disabled .page-li nk {
  border: 1px solid #D6001C;
  background: transparent;
  border-radius: 100px;
  margin-inline: 32px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item.active .page-link {

  background-color: #D6001C;
  border-color: #D6001C;
  color: white;
  border-radius: 100px;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .page-item .page-link {
  background-color: transparent;
  border-color: #898989;
  margin-inline: 7px;
  border-radius: 100px;

  height: 34.16px;
  width: 34.16px;
  color: #898989;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-results,
.portlet-boundary_com_liferay_com merce_product_content_search_web_internal_portlet_CPSearchResultsPortlet_ .pagin ation-items-per-page {
  display: none;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar {
  display: flex;
  justify-content: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}


@media (min-width: 768px) {

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_port let_CPSearchResultsPortlet_ .pagination-bar {
     padding-left: 1.5rem !important;
  }
}

@media (min-width: 1200px) {

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSearchResultsPortlet_ .pagination-bar {
     padding-left: 0 !important;

     margin-top: 70px;
     margin-bottom: 10px;
  }

  .portlet-boundary_com_liferay_commerce_product_content_search_web_internal_por tlet_CPSearchResultsPortlet_ .pagination-bar {
     display: flex;
     justify-content: end;
     max-width: 80rem;
     margin-left: auto;
     margin-right: auto;
  }
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .panel-body {
  border-bottom: 1px solid #e0e0e0;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ .portlet-content,
.portlet-boundary_com_liferay_portal_search_w eb_category_facet_portlet_CategoryFacetPortlet_ .portlet-content {
  padding-bottom: 0;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPSortPortlet_ #Content .portlet-content {

  border-bottom: none;
}

.portlet-boundary_com_liferay_commerce_product_content_search_web_internal_portl et_CPPriceRangeFacetsPortlet_ .portlet-content {
  padding-bottom: 0;
}

.border-brand-red-4 {
  --tw-border-opacity: 1;
  border-color: rgb(214 0 28/var(--tw-border-opacity));
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #datepickerId{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #SearchKeyword{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #pressCategories{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #datepickerId{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #SearchKeyword{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ #pressCategories{
 border-radius:4px;
 border:1px solid #BBBEBE;
}
.portlet-boundary_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet_ .col-4{
 padding-right: 0.25rem !important;
 padding-left: 0.25rem !important;
}
.about-details-box .card-description{
 height:106px;
}
.about-detail-page .detail-box-inside{
 border-radius: 28px !important;
}
.portlet-boundary_com_ooredoo_country_bundle_module_CountryBundleModulePortlet_ .portlet-content{
 background:transparent !important;
 padding: 0px !important;
}
.portlet-boundary_com_ooredoo_country_bundle_module_CountryBundleModulePortlet_ #profiles{
 background-color:white;
  height: 72px;
   width: 514px;
   line-height:30px;
   font-size: 20px;
   font-family: 'Noto Sans';
   font-weight: 500;
   color: #898989;
   padding-left: 10px !important;
}
.portlet-boundary_com_ooredoo_country_bundle_module_CountryBundleModulePortlet_ #countries{
 background-color:white;
  height: 72px;
   width: 514px;
   line-height:30px;
   font-size: 20px;
   font-family: 'Noto Sans';
   font-weight: 500;
   color: #898989;
   padding-left: 10px !important;
}
.portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ .portlet-content{
 background:transparent !important;
 padding: 0px !important;
}
.portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ #profiles{
 background-color:white;
  height: 72px;
   width: 514px;
   line-height:30px;
   font-size: 20px;
   font-family: 'Noto Sans';
   font-weight: 500;
   color: #898989;
   padding-left: 10px !important;
}
.portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ option:hover, .portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ option:hover{
   background: #EAE5E5!important;
   color: #262626 !important;
   border-radius: 8px;
   margin-left: 20px;
   margin-right: 20px;
}
.portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ #countries{
 background-color:white;
  height: 72px;
  line-height:30px;
   width: 514px;
   font-size: 20px;
   font-family: 'Noto Sans';
   font-weight: 500;
   color: #898989;
   padding-left: 10px !important;
}
.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input{
   padding-right: 6rem !important;
   padding-left: 1rem !important;  
}

.MegaNavSection .journal-content-article {
   flex-grow: 1;
   display: flex;
   align-items: center;
   justify-content: start;
 }
 .ooredoo-search-bar .portlet{
 margin-bottom:0;
}
.ooredoo-navigation{
 top: 0;
}
.ooredoo-navigation.user{
 top: 56px;
}
.devider-header{
 border: 1px solid #717171;
}
.ooredoo-navigation .main-navigation.active{
 --tw-text-opacity: 1;
 color: #fff !important;
 --tw-bg-opacity: 1;
 background-color: rgb(214 0 28/var(--tw-bg-opacity));
}
#accordionHeader .card{
 border: 0;
}
#accordionHeader .card-header {
 background-color: transparent;
 border-bottom: 0;
}
#accordionHeader button:focus {
 outline: 0;
}
.ooredoo-navigation .main-navigation:not(.active):hover{
 --tw-bg-opacity: 1;
 color: #fff !important;
 background-color: rgb(249 213 212/var(--tw-bg-opacity));
}
#accordionHeader .collapse.show {
 visibility: inherit;
}
#accordionHeader .collapsing {
 height: 0 !important;
 transition: none !important;
}
.ooredoo-navigation a:hover {
 color: inherit;
 text-decoration: none;
}
.ooredoo-navigation a:active + .second-menu{
 display:flex !important;
}
.navigation-column-menu {
 display: none;
}




   .dropdown-menu-bar .nav-pills .nav-item a.active {
       background-color: #3cdbc033;
   }

   .nav-menu-link {
       min-height: 60px;
       display: flex; 
       flex-wrap: wrap; 
       align-items: center; 
      padding-bottom: 1rem;
   }

   .hover-dropdown:hover .dropdown-menu-bar {
       display: block !important;
   }

   h2 button {
       color: black !important;
   }

   h2 button[aria-expanded="true"] svg {
       transform: rotate(180deg);
   }

   .show {
       opacity: 1;
       pointer-events: all;
       transform: translateX(0);
   }

   .mob-nav-fix-top {
   top: 145px !important;
}

   h2 button {
       color: black !important;
   }

   h2 button[aria-expanded="true"] svg {
       transform: rotate(180deg);
   }

   .show {
       opacity: 1;
       pointer-events: all;
       transform: translateX(0);
   }

   .mobile-sub-menu .accordion-button {
       box-shadow: none !important;
   }

@media (max-width: 1279px) {
  .megaMenu .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ select,.megaMenu .nav-mob-dropdown{
     padding-left:0.5rem !important;
     padding-right: 0.5rem !important;
     background: #D6001C;
     color: white;
     font-weight: 400;
     width: 36px;
     height: 36px;
     text-align: center;
     border-radius: 22px;
 }
 .megaMenu #portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet div.d-flex #displayedImage{
   display:none;
 }
}
.megaMenu #portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet div.d-flex{
 align-items:center;
}
.megaMenu #displayedImage{
 height:24px;
 width:24px;
}
.megaMenu .w-337{
 width: 337px;
}
 .megaMenu .dropdown-menu-bar{
     z-index: 10001;
 }
 .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .portlet-content{
   padding:0 !important;
 }
.ddm-form-page-container input[type=text].form-control{
   border: 1px solid #bbbebe;
   border-radius: 4px;
   padding: 22px 12px;
}
.ddm-form-page-container textarea.form-control{
   border: 1px solid #bbbebe;
   border-radius: 4px;
   padding: 22px 12px;
}
.ddm-form-page-container .select-field-trigger.form-control{
   border: 1px solid #bbbebe;
   border-radius: 4px;
   padding: 22px 12px;
}
.ddm-form-page-container label.ddm-label{
 font-family:'Rubik';
 font-weight:600;
 font-size:14px;
 line-height:16.59px;
 color:#BBBEBE;
}
.ddm-form-page-container label.ddm-label .reference-mark{
 font-size: 0.45rem !important;
 color:#D6001C !important;
}
.ddm-form-page-container .ddm-field-types-fieldset__nested label{
 font-family:'Rubik';
 font-weight:600;
 font-size:14px;
 line-height:16.59px;
 color:#BBBEBE;
}
.lfr-ddm__default-page-header-title, .lfr-ddm__default-page-header-line{
 display:none !important;
}
.lfr-ddm-form-pagination-controls button.btn-primary{
   background-color: #D6001C;
   border: 1px solid #D6001C;
   border-radius: 40px !important;
   padding: 11.5px 10.25px;
}
.ddm-form-page-container .reference-mark{
 color:#D6001C;
 font-family:'Noto Sans';
 font-size:16px;
 line-height:19px;
 font-weight:300;
}
.ddm-form-page-container p span span.reference-marklexicon-icon {
   fill: #D6001C !important;
   height: 0.35em !important;
}
.ddm-form-page-container .ddm-field-types-fieldset__nested-separator{
 display:none !important;
}
.ddm-field-types-fieldset__nested label{
 padding-left:0.75rem !important;
}
.ddm-form-page-container .lfr__ddm-form-field-type-select-arrow-down {
   left: 90% !important;
}
.reference-mark.text-warning {
 color: #ffc107 !important;
 color: #D6001C !important;
 font-size: 0.45em !important;
 margin-left: 5px !important;
}
.required-validation{
 font-size: 25px;
color: white;
background: red;
height: 15px;
width: 15px;
border-radius: 50%;
line-height: 0;
 padding-top: 0px !important;
padding-bottom: 0px !important;
 padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.render-bundle-content p.py-12{
 padding-top: 2.7rem !important;
   padding-bottom: 2.7rem !important;
}
.portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ select:focus, .portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ select:focus{
     --tw-ring-color: #D9D9D9;
     --tw-ring-opacity: 0;
}
@media (min-width: 768px){
.portlet-boundary_com_ooredoo_country_bundle_module_CountryBundleModulePortlet_ .md\:w-1\/2, .portlet-boundary_country_roaming_bundle_CountryRoamingBundlePortlet_ .md\:w-1\/2{
   width: 100%;
 }
}
@media (max-width: 768px){
	.ooredoo-product-description-list{
 min-height:115px;
	text-align:left !important;
}

}
.ooredoo-product-description-list{
 min-height:115px;
	
}
.device-pagination.mt-14{
 margin-top: 80px !important;
}
#portlet_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet #SearchKeyword{
 padding-right:44px !important;
}
#portlet_com_ooredoo_date_filter_press_release_DateFileterPressReleasePortlet #searchResult svg{
 position: absolute;
 right: 15px;
}
.product-gallery .gallery-thumbnails .card.card-interactive {
   margin-right: 5px !important;
   padding:0 !important;
}
.product-gallery .product-img {
   height: 75% !important;
   margin-top:1rem !important;
   margin-bottom:1rem !important;
}
.card.main-image .product-img {
   height: 100% !important;
}


.portlet-boundary_com_ooredoo_portal_call_me_back_web_CallmebackWebPortlet_{
   [type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
         outline: none;
         outline-offset: 0;
         --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
         --tw-ring-offset-width: 0px;
         --tw-ring-offset-color: #fff;
         --tw-ring-color: transparent;
   }
   .form-control:focus, .form-control.focus {
    background-color: #fff;
    border-color: #bbbebe;
    box-shadow: none;
   }
   .field.form-control{
     color:#BBBEBE;
   }
}
.call-me-back-form select {
    color:#BBBEBE !important;
   }
[dir='rtl']{
    h1,h2,h3,h4,h5,h6,p,span,div,select,a,button,body{
        // font-family: 'Rubik' !important;
   } 
}

  .rtl  h1,h2,h3,h4,h5,h6,p,span,div,select,a,button,body{
        // font-family: 'Rubik' !important;
   } 



.rtl select {
    background-position: left 0.5rem center!important;
}

.datepicker {
   z-index: 9999 !important;
}

.portlet-cp-search-results
 .pagination-bar .pagination {

  margin-bottom: 0 !important;
}

.portlet-cp-search-results .lexicon-icon-angle-left,
.portlet-boundary_com_life ray_commerce_product_content_search_web_internal_portlet_CPSearchResultsPortlet_ .lexicon-icon-angle-right {
  color: #D6001C;
}

.portlet-cp-search-results
 .page-item:first-child .page-link,
.portlet-cp-search-results .page-link-first,
.portlet-cp-search-results .page-item.disabled .page-link {
  border: 1px solid #D6001C;
  background: transparent;
  border-radius: 100px;
  
}

.portlet-cp-search-results
 .page-item.active .page-link {

  background-color: #D6001C;
  border-color: #D6001C;
  color: white;
  border-radius: 100px;
}

.portlet-cp-search-results
 .page-item .page-link {
  background-color: transparent;
  border-color: #898989;
  margin-inline: 7px;
  border-radius: 100px;

  height: 34.16px;
  width: 34.16px;
  color: #898989;
}

.portlet-cp-search-results
 .pagination-results,
.portlet-cp-search-results .pagin ation-items-per-page {
  display: none;
}

.portlet-cp-search-results
 .pagination-bar {
  display: flex;
  justify-content: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}


@media (max-width: 768px) {

  .portlet-cp-search-results .pagination-bar {
    
		padding-top:40px !important;
		
  }
}

@media (min-width: 1200px) {

  .portlet-cp-search-results
 .pagination-bar {
     padding-left: 0 !important;
     margin-top: 70px;
     margin-bottom: 78px;
  }

  .portlet-cp-search-results .pagination-bar {
     display: flex;
     justify-content: end;
     max-width: 80rem;
     margin-left: auto;
     margin-right: auto;
  }
}

.portlet-cp-search-results  .pagination-items-per-page {
    display: none ;
}
.product-detail .gallery-thumbnails {
   height: fit-content;
    display: flex;
    justify-content: flex-start;
    column-gap:10px;
}

.product-detail .gallery-thumbnails .card{
    height: 100px !important;
    max-width: 100px !important;
}

@media only screen and (max-width: 1200px) {
    .ltr .breadcrumb_standard{
        margin-left: 15px !important
     }
	.rtl .breadcrumb_standard{
        margin-right: 15px !important
     }
    .product-detail .gallery-thumbnails {
        margin-bottom: 24px !important;
    }
}
.international-bundle .px-0{
    padding-bottom: 70px  !important;
  }
@media only screen and (max-width: 600px) {
	.devices-slider .swiper-slide-active .img-non-desposible{
	padding-right:0.3rem !important;
	}
	.rtl .swiper-slide-active .img-non-desposible.ar{
	left:-2px !important;
	}
  .international-bundle .px-0{
    padding: 0px 16px 40px  !important;
  }
   .ooredoo-search-context-contributor .col-md-4 {
   padding-left:0px !important;
      padding-right:0px !important;
   }
   .ooredoo-search-context-contributor .col-md-3{
   padding-left:0px !important;
      padding-right:0px !important;
   }
}
.roaming-bundle .px-0{
    padding-bottom:70px  !important;
  }
@media only screen and (max-width: 600px) {
  .roaming-bundle .px-0{
    padding: 0px 16px 40px  !important;
  }
	section.mt-20.devices-specification {
    margin-top:40px !important;
}
	.custom-spacer{
padding-bottom:40px;
}
   .lfr-layout-structure-item-99c275ba-00ec-ab91-2581-1c0b3d4dd443 {
    padding-bottom: 0px !important;
}
  .event-csr-search+#fm .page-item .page-link {
   margin-inline: 3px !important;
}
}

.pagination {
   flex-wrap: nowrap !important;
  }
   #portlet_com_liferay_portal_search_web_search_results_portlet_SearchResultsPortlet_INSTANCE_ejsu .portlet-decorate .portlet-content {
    background: white !important;
}

}
.event-csr-search+#fm .page-item:first-child .page-link, .event-csr-search+#fm .page-link-first, .event-csr-search+#fm .page-item.disabled .page-link {
   margin-inline: 7px !important;
}
#portlet_about_sort_AboutSortPortlet_INSTANCE_ixrn .portlet-content{
padding:0px !important;
}
.view-switch{
width:116px !important;
}
.datepicker-grid .bg-blue-700{
    background: rgb(214 0 28/var(--tw-bg-opacity)) !important;
}
.rtl .datepicker-grid .rounded-l-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem  !important;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.rtl .datepicker-grid .rounded-r-lg {
     border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem  !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}


 #SearchKeyword {
    padding-left: 10px !important;
    padding-right: 40px !important;
}

.rtl #SearchKeyword {
    padding-left: 40px !important;
    padding-right: 10px !important;
}
.product-detail-options .ooredoo-product-card .price-value {
    font-size: 32px !important;
    text-align: unset !important;
    line-height: 38px !important;
    font-family: 'Rubik';
}
.rtl .img-non-desposible.ar:not(.pr-4) {
    left: 0px !important;
}
.rtl .img-non-desposible.ar{
		  left: -7px !important;
		position: absolute !important;
	    height: 15% !important;
	right:auto !important;
}
.devices-slider .swiper-slide-active .img-non-desposible.ar {
    top: -22px;
    height: 15% !important;
    padding-left: 7px !important;
}
.custom-spacer{
padding-bottom:70px;
}
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6, [dir=rtl] p, [dir=rtl] span, [dir=rtl] div, [dir=rtl] select, [dir=rtl] a, [dir=rtl] button, [dir=rtl] body, [dir=rtl] input, [dir=rtl] textarea, [dir=rtl] form {
  // font-family: "Rubik" !important;
}
.cp-renderer .ooredoo-product-card.py-4{
padding-top:24px !important;
	padding-bottom:24px !important;
}
 a.page-link:hover {
    background-color: white !important;
    border-color:  none !important;
    color:  none !important;
    text-decoration: none !important;
    z-index: 2;
}
.page-link:focus {
box-shadow:none !important;
}
.past-winners li.page-item.selected a:hover {
    color: white !important;
    background: #D6001C !important;
    border-radius: 30px;
}
@media only screen and (max-width: 600px) {
.portlet-content .devices-slider .ooredoo-product-title-list  {
    height:40px !important;
	text-align:left
 }

	.portlet-content .devices-slider .img-fluid.mb-4  {
    margin-bottom:0px !important;
 }
	.portlet-content .devices-slider .ooredoo-product-description-list {
    min-height: 95px !important; 
 }
	.ooredoo-product-card-tiles .sm\:mo-w-auto {
    width:100%;    
}

}
@media only screen and (min-width: 600px) {
.portlet-content .devices-slider .ooredoo-product-title-list  {
	text-align:left
 }
	.ooredoo-product-description-list{
	text-align:left !important;
 }
	.rtl .portlet-content .devices-slider .ooredoo-product-title-list  {
	text-align:right
 }
	.rtl .ooredoo-product-description-list{
	text-align:right !important;
 }

}
@media only screen and (min-width: 600px) {
.portlet-content .devices-slider .ooredoo-product-title-list  {
	text-align:left
 }
	.ooredoo-product-description-list{
	text-align:left !important;
}
	
	.rtl .portlet-content .devices-slider .ooredoo-product-title-list  {
	text-align:right
 }
	.rtl .ooredoo-product-description-list{
	text-align:right !important;
}


}
		
@media only screen and (max-width: 1200px) {

	.home-internet-slider-outter-btn .sm\:mo-justify-center {
        justify-content: center !important;
    }
		    .rtl .home-internet-slider-outter-btn .sm\:mo-justify-center {
        justify-content: center !important;
    }

}
@media only screen and (max-width: 599px) {
.portlet-content .devices-slider .ooredoo-product-title-list  {
    height:40px !important;
	text-align:center
 }
	.ooredoo-product-description-list{
 min-height:115px;
	text-align:center !important;
}

}

.rtl .breadcrumb-item + .breadcrumb-item::before
transform:rotate(180deg) !important;
}



</style></div><div class="lfr-layout-structure-item-global-dtm-analytics-event-tracking lfr-layout-structure-item-5ed5ea09-69fb-8cc9-9e08-c9633e4a1744" style=""><div id="fragment-5b31149e-4d07-91c7-73a4-0cab37c1f08c" > <div class="fragment_26921">
</div></div><style>.fragment_26921 {
}</style><script type="module">const configuration = {}; const fragmentElement = document.querySelector('#fragment-5b31149e-4d07-91c7-73a4-0cab37c1f08c'); const fragmentEntryLinkNamespace = 'aigx'; const fragmentNamespace = 'aigx'; const layoutMode = 'view';    // Debug mode enabled globally
    const DEBUG = true;
    const log = (...args) => DEBUG && console.log('[DTM]', ...args);

    // Track single push to dataLayer
    const pushEventBak = (obj) => {
        window.dataLayer = window.dataLayer || [];
        // Check if the object being pushed contains ecommerce data
        if (obj.ecommerce) {
            // Flush the ecommerce object to null to prevent data persistence issues
            window.dataLayer.push({ ecommerce: null });
        }
        // if (obj.event === 'select_item') {
        //     sessionStorage.setItem('lastSelectedItem', JSON.stringify(obj.ecommerce));
        // }
        window.dataLayer.push(obj);
        log('Pushed:', obj);
    };
    const pushEvent = (obj) => {
        window.dataLayer = window.dataLayer || [];
        
        // Create a deep copy of the object to avoid modifying the original
        const processedObj = JSON.parse(JSON.stringify(obj));
        
        // Check if the object being pushed contains ecommerce data
        if (processedObj.ecommerce && processedObj.ecommerce.items) {
            // Flush the ecommerce object first
            window.dataLayer.push({ ecommerce: null });
            
            // Process each item in the ecommerce object
            processedObj.ecommerce.items.forEach(item => {
                if (item.item_name) item.item_name = item.item_name.toLowerCase();
                if (item.item_brand) item.item_brand = item.item_brand.toLowerCase();
                if (item.item_category) item.item_category = item.item_category.toLowerCase();
            });
        }
        
        window.dataLayer.push(processedObj);
        log('Pushed:', processedObj);
    };
    
    (function () {

        handleNavigation();
        // ---------- trackPageView: reset pageStartTime on load / SPA nav ----------
        let pageStartTime = performance.now();

        const trackPageView = () => {
            // reset start time so engagement_time is measured from latest page view (SPA-aware)
            pageStartTime = performance.now();

            pushEvent({
                event: 'page_view',
                page_title: document.title,
                page_location: window.location.href,
                page_referrer: document.referrer || ''
            });
        };
        trackPageView();
        Liferay.on('endNavigate', trackPageView);

        // ---------- SCROLL 90% (with engagement_time_msec) ----------
        let scrollTracked = false;
        const scrollHandler = () => {
            try {
                if (scrollTracked) return;

                const scrolled = window.scrollY + window.innerHeight;
                const threshold = document.body.offsetHeight * 0.9;

                if (scrolled >= threshold) {
                    scrollTracked = true;

                    // time since page view in milliseconds (integer)
                    const engagement_time_msec = Math.max(0, Math.floor(performance.now() - pageStartTime));

                    const payload = {
                        event: 'scroll',
                        scroll_depth: 90,
                        engagement_time_msec
                    };

                    pushEvent(payload);
                    // log('[DTM] scroll_90_percent -> pushed scroll event with engagement_time_msec:', engagement_time_msec);

                    // remove listener to avoid extra processing
                    window.removeEventListener('scroll', scrollHandler, { passive: true });
                }
            } catch (err) {
                console.error('[DTM] scrollHandler error:', err);
            }
        };

        // Prefer passive listener for scroll performance
        window.addEventListener('scroll', scrollHandler, { passive: true });


        /* ========= GLOBAL CLICK TRACKING ========= */
        document.addEventListener('click', function (e) {
            const a = e.target.closest('a');

            // --- OUTBOUND & DOWNLOAD ---
            if (a && a.href && !a.classList.contains('package-card-btn')) {

                const url = a.href;
                const hostname = window.location.hostname;
                const isOutbound = !url.includes(hostname);
                const isFileDownload = url.includes('/documents/d/') || url.includes('/documents/20121/');

                // FIXED: get proper index among outbound links inside the same section
                function getOutboundIndex(linkEl) {
                    let section = linkEl.closest("section, main, article, footer, .portlet, .page-section");
                    if (!section) section = document.body;

                    const allOutbound = [...section.querySelectorAll("a")].filter(l => {
                        try {
                            return l.href && !l.href.includes(window.location.hostname);
                        } catch (e) {
                            return false;
                        }
                    });

                    return allOutbound.indexOf(linkEl);
                }

                // FIXED: last segment from CURRENT PAGE URL, not link href
                function getCurrentPageSegment() {
                    try {
                        const path = window.location.pathname.replace(/\/$/, '');
                        return path.split('/').pop(); // last segment
                    } catch {
                        return "";
                    }
                }


                // FIXED: NEW generateLinkId with correct index + rules
                function generateLinkId(linkEl, type) {

                    // 1️⃣ Footer
                    if (linkEl.closest("footer")) {
                        const editable = linkEl.getAttribute("data-lfr-editable-id");
                        if (editable) return editable;
                    }

                    // 2️⃣ MegaMenu
                    if (linkEl.closest(".megaMenu")) {
                        const t = (linkEl.textContent || "").trim().replace(/\s+/g, "_").toLowerCase();
                        return `header_${t}`;
                    }

                    // 3️⃣ Page section: if editable exists → use it
                    const editable = linkEl.getAttribute("data-lfr-editable-id");
                    if (editable) return editable;

                    // 4️⃣ Otherwise → last segment + index
                    const last = getCurrentPageSegment();
                    const index = getOutboundIndex(linkEl);

                    if (type === "file") {
                        const assetWrapper = linkEl.closest("[data-analytics-asset-id]");
                        if (assetWrapper) {
                            const assetId = assetWrapper.getAttribute("data-analytics-asset-id");
                            if (assetId) {
                                return `asset_${assetId}_download`;
                            }
                        }
                    }

                    return `${last}_outbound_${index}`;
                }


                // Determine index among identical links
                const allSameLinks = [...document.querySelectorAll(`a[href="${a.href}"]`)];
                const index = allSameLinks.indexOf(a);

                // NEW link_id logic applied
                const linkId = generateLinkId(a, isFileDownload ? "file" : "outbound");

                const eventData = {
                    link_id: linkId,

                    link_url: url,
                    link_classes: a.className || ''
                };


                // Outbound click
                if (isOutbound) {
                    // ---- NEW: derive link_domain ----
                    const tempUrl = new URL(url);
                    const linkDomain = tempUrl.hostname;
                    pushEvent({
                        ...eventData,
                        link_domain: linkDomain,
                        outbound: true,
                        event: 'outbound_click'
                    });
                }

                // File download
                if (isFileDownload) {
                    pushEvent({
                        ...eventData,
                        link_text: a.innerText.trim(),
                        event: 'file_download',
                        file_extension: 'pdf',
                        file_name: url.split('/').pop()
                    });
                }
            }
        });
        /* ========= ESG REPORT FILE DOWNLOAD (BUTTON BASED) ========= */
        document.addEventListener('click', function (e) {
            const btn = e.target.closest('button.esg-btn');
            if (!btn) return;

            // Extract URL from inline onclick
            const onclick = btn.getAttribute('onclick') || '';
            const match = onclick.match(/['"]([^'"]*\/documents\/[^'"]+)['"]/);
            if (!match) return;

            const url = match[1];

            // Ensure this is inside ESG container
            const container = btn.closest('.esg-report-container');
            if (!container) return;

            const box = btn.closest('.box');
            if (!box) return;

            // Index of this box inside ESG container
            const boxes = [...container.querySelectorAll('.box')];
            const index = boxes.indexOf(box);

            // Last segment of current page URL
            const pageSegment = window.location.pathname
                .replace(/\/$/, '')
                .split('/')
                .pop();

            const linkId = `${pageSegment}_${index}`;

            pushEvent({
                event: 'file_download',
                link_id: linkId,
                link_url: url,
                link_text: btn.innerText.trim(),
                link_classes: btn.className || '',
                file_extension: url.split('.').pop().toLowerCase(),
                file_name: url.split('/').pop()
            });

            console.log('[DTM] ESG file_download fired:', linkId);
        });



        /* ========= PRODUCT CLICK (select_item) ========= */
        document.addEventListener('click', function (e) {

            // Prevent "View all / Voir tout" clicks from being treated as product clicks
            const viewAll = e.target.closest('a[href*="store?category="]');
            if (viewAll) {
                log("Category navigation detected → NOT a select_item");
                return;
            }

            // Detect REAL product card click
            // const productCard = e.target.closest(".swiper-slide, .ooredoo-product-card");
            const productCard = e.target.closest(".ooredoo-product-card");
            if (!productCard) return;

            let name = "", brand = "", price = 0, id = "", category = "";

            /* ---------------- URL1 slider ---------------- */
            if (productCard.classList.contains("swiper-slide")) {
                const nameEl = productCard.querySelector("h2");
                const priceEl = productCard.querySelector("h3");
                const linkEl = productCard.querySelector("a");

                if (nameEl) {
                    name = nameEl.innerText.trim();
                    brand = name.split(" ")[0];
                }

                if (priceEl) {
                    price = Number(priceEl.innerText.replace(/\s|DA|&nbsp;|,/g, ""));
                }

                if (linkEl && linkEl.href) {
                    id = linkEl.href.split("/").pop();
                }

                const carouselTitle = productCard.closest(".widget-carousel")?.querySelector("p.f-font-semibold");
                if (carouselTitle) category = carouselTitle.innerText.trim();
            }

            /* ---------------- URL2 product list ---------------- */
            if (productCard.classList.contains("ooredoo-product-card")) {
                // Skip hidden cards
                if (productCard.classList.contains("product-hidden")) {
                    log("Hidden product skipped in select_item");
                    return;
                }

                const linkEl = productCard.querySelector("a");

                name = productCard.getAttribute("data-name") || "";
                brand = productCard.querySelector(".brand-title")?.innerText.trim() || "";
                price = Number(productCard.getAttribute("data-price")) || 0;
                id = linkEl?.href?.split("/").pop() || "";

                // Listing category comes from query param
                const params = new URLSearchParams(location.search);
                category = params.get("category") || "Store List";
            }

            // If ID + name present → send event
            if (id && name) {
                pushEvent({
                    event: "select_item",
                    ecommerce: {
                        currency: "DZD",
                        item_list_id: category + "_store_list",
                        item_list_name: category + " store list",
                        items: [{
                            item_id: id,
                            item_name: name,
                            item_brand: brand.toLowerCase(),
                            item_category: category,
                            price: price,
                            index: 0
                        }]
                    }
                });
                saveLastSelectedItem({
                    event: "select_item",
                    landingUrl: e.target.closest("a")?.href || "",
                    ecommerce: {
                        currency: "DZD",
                        item_list_id: category + "_store_list",
                        item_list_name: category + " store list",
                        items: [{
                            item_id: id,
                            item_name: name,
                            item_brand: brand.toLowerCase(),
                            item_category: category,
                            price: price,
                            index: 0
                        }]
                    }
                });

                log("select_item fired:", id, name);
            }
        });


        /* ========= VIEW_ITEM_LIST — URL1 (Carousel Sections) ========= */
        function detectCarouselItemLists() {
            var sections = document.querySelectorAll(".devices-category-wrapper");
            if (!sections.length) return;

            sections.forEach(function (section) {
                var catLink = section.querySelector('a[href*="store?category="]');
                if (!catLink) return;

                var catName = "unknown";
                var href = catLink.href;
                var q = href.indexOf("?");
                if (q > -1) {
                    var params = new URLSearchParams(href.substring(q + 1));
                    var x = params.get("category");
                    if (x) catName = x;
                }

                var items = [];
                var slides = section.querySelectorAll(".swiper-slide");

                slides.forEach(function (slide, index) {
                    var linkEl = slide.querySelector("a");
                    var nameEl = slide.querySelector("h2");
                    var priceEl = slide.querySelector("h3");

                    if (!linkEl || !nameEl) return;

                    var name = nameEl.innerText.trim();
                    var brand = name.split(" ")[0];

                    var parts = (linkEl.href || "").split("/");
                    var id = parts[parts.length - 1];

                    var price = priceEl ? Number(priceEl.innerText.replace(/[^0-9]/g, "")) : 0;

                    items.push({
                        item_id: id,
                        item_name: name,
                        item_brand: brand.toLowerCase(),
                        item_category: catName,
                        price: price,
                        index: index
                    });
                });

                if (items.length > 0) {
                    pushEvent({
                        event: "view_item_list",
                        ecommerce: {
                            currency: "DZD",
                            item_list_id: catName + "_list",
                            item_list_name: catName,
                            items: items
                        }
                    });
                    log("view_item_list (carousel) fired:", catName);
                }
            });
        }

        // detectCarouselItemLists();
        // Liferay.on("endNavigate", detectCarouselItemLists);

        /* ========= VIEW_ITEM_LIST — URL2 (Store Listing Page) ========= */
        function detectStoreItemList() {
            var params = new URLSearchParams(location.search);
            var cat = params.get("category");
            if (!cat) return;

            const cards = document.querySelectorAll(".ooredoo-product-card:not(.product-hidden)");
            if (!cards.length) return;

            var items = [];

            cards.forEach(function (card, idx) {
                var linkEl = card.querySelector("a");
                if (!linkEl) return;

                var href = linkEl.href || "";
                var parts = href.split("/");
                var id = parts[parts.length - 1];

                items.push({
                    item_id: id,
                    item_name: card.getAttribute("data-name") || "",
                    item_brand: (card.querySelector(".brand-title") || {}).innerText.trim().toLowerCase() || "",
                    item_category: cat,
                    price: Number(card.getAttribute("data-price")) || 0,
                    index: idx
                });
            });

            pushEvent({
                event: "view_item_list",
                ecommerce: {
                    currency: "DZD",
                    item_list_id: cat + "_store_list",
                    item_list_name: cat + " store list",
                    items: items
                }
            });

            log("view_item_list (store) fired:", cat);
        }

        detectStoreItemList();
        Liferay.on("endNavigate", detectStoreItemList);

        /* ========= VIEW_ITEM — Product Details Page ========= */
        function getProductPrice() {
            const priceSpan = document.querySelector(".price-span");
            if (!priceSpan) return null;

            let raw = priceSpan.textContent || "";

            // Remove thin spaces, normal spaces, line breaks
            raw = raw.replace(/[\s\u202F]/g, "");

            const price = Number(raw);

            return isNaN(price) ? null : price;
        }

        const detectViewItem = () => {

            const path = location.pathname;

            // Product page → must contain /p/
            if (!path.includes("/p/")) {
                log("Not a product detail page → view_item ignored");
                return;
            }

            const nameEl = document.querySelector(".product-detail-cp-title-ref");
            if (!nameEl) return;

            const name = nameEl.innerText.trim();
            const brand = name.split(" ")[0];
            const slug = path.split("/").pop();

            const price = getProductPrice();
            let itemCategory = 'smartphone';
            if (brand == 'D-Link') {
                itemCategory = 'router'
            }

            pushEvent({
                event: "view_item",
                ecommerce: {
                    currency: "DZD",
                    value: price,
                    items: [{
                        item_id: slug,
                        item_name: name,
                        item_brand: brand.toLowerCase(),
                        item_category: itemCategory,
                        price,
                        quantity: 1
                    }]
                }
            });

            log("view_item fired:", slug);
        };


        // detectViewItem();
        // Liferay.on("endNavigate", detectViewItem);





        /**
         * ============ VIDEO EVENTS (HTML5 <video>) =================
         */
        const videoProgressMarks = [25, 50, 75, 90];
        const observeVideo = (video) => {
            let progressStates = {};
            let completed = false;

            const getMetadata = () => ({
                video_title: video.getAttribute('title') || '',
                video_url: video.currentSrc || video.src,
                video_duration: Math.floor(video.duration) || 0,
                visible: !!(video.offsetWidth || video.offsetHeight || video.getClientRects().length)
            });

            video.addEventListener('play', () => {
                pushEvent({
                    event: 'video_start',
                    ...getMetadata(),
                    video_current_time: Math.floor(video.currentTime),
                    video_percent: 0
                });
            });

            video.addEventListener('timeupdate', () => {
                const percent = Math.floor((video.currentTime / video.duration) * 100);
                videoProgressMarks.forEach(mark => {
                    if (percent >= mark && !progressStates[mark]) {
                        progressStates[mark] = true;
                        pushEvent({
                            event: 'video_progress',
                            ...getMetadata(),
                            video_current_time: Math.floor(video.currentTime),
                            video_percent: mark
                        });
                    }
                });
                // ✅ FIX: synthetic completion for looped videos
                if (!completed && percent >= 98) {
                    completed = true;
                    pushEvent({
                        event: 'video_complete',
                        ...getMetadata(),
                        video_current_time: Math.floor(video.duration),
                        video_percent: 100
                    });
                }
            });

            video.addEventListener('ended', () => {
                pushEvent({
                    event: 'video_complete',
                    ...getMetadata(),
                    video_current_time: Math.floor(video.duration),
                    video_percent: 100
                });
            });
        };

        const initVideos = () => {
            document.querySelectorAll('video').forEach(video => {
                if (!video.dataset.dtmAttached) {
                    video.dataset.dtmAttached = "true";
                    observeVideo(video);
                }
            });
        };
        initVideos();

        /**
           * ============ FORM START & SUBMIT TRACKING =================
           * Covers:
           * - Inputs inside form
           * - Inputs outside form
           * - File upload proxies
           * - Sections without H2 (breadcrumb fallback)
           */

        /* =========================
        ONE-TIME START TRACKING
        ========================= */
        const startedKeys = new Set();

        /* =========================
        HELPERS
        ========================= */
        function getActiveBreadcrumbText() {
            const el =
                document.querySelector('.breadcrumb .active') ||
                document.querySelector('.breadcrumb [aria-current="page"]');

            return el ? el.textContent.trim() : '';
        }

        /**
     * Checks if the phishing success modal is currently visible on the screen.
     * Based on your HTML, it is visible when 'modal-hidden' is NOT present.
     */
        function isSuccessModalVisible() {
            const modal = document.getElementById('custom-modal-phising-sucess');
            if (!modal) return false;

            // Check if the modal is currently shown (does NOT have the hidden class)
            const isVisible = !modal.classList.contains('modal-hidden');

            // Safety check: also check computed style in case the class hasn't updated yet
            const isNotDisplayNone = window.getComputedStyle(modal).display !== 'none';

            return isVisible && isNotDisplayNone;
        }
        function isGlobalSearchField(el) {

            // Header / nav containers
            if (
                el.closest('header') ||
                el.closest('footer') ||
                el.closest('.search-bar-nav') ||
                el.closest('.navbar') ||
                el.closest('.nav') ||
                el.closest('#custom-modal-phising-sucess') ||
                el.closest('[role="search"]')
            ) {
                return true;
            }

            // Liferay Search Bar portlet (safe hard guard)
            if (
                el.id?.includes('SearchBarPortlet') ||
                el.name === 'q' ||
                el.closest('[id*="SearchBarPortlet"]')
            ) {
                return true;
            }

            return false;
        }


        function resolveSectionFromElement(el) {
            const h2s = Array.from(document.querySelectorAll('h2'));
            let h2 = null;

            for (let i = h2s.length - 1; i >= 0; i--) {
                if (h2s[i].compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING) {
                    h2 = h2s[i];
                    break;
                }
            }

            let sectionName = '';
            let sectionKey = '';
            let sectionForm = null;
            const fields = new Set();

            if (h2) {
                sectionName = h2.textContent.trim();
                sectionKey = `h2:${sectionName}`;
            } else {
                sectionName = getActiveBreadcrumbText();
                if (!sectionName) return null;
                sectionKey = `breadcrumb:${sectionName}`;
            }

            let node = h2 ? h2.nextElementSibling : document.body;

            while (node && node.tagName !== 'H2') {
                node.querySelectorAll?.('input, select, textarea').forEach(f => fields.add(f));

                if (!sectionForm) {
                    if (node.tagName === 'FORM') sectionForm = node;
                    else {
                        const f = node.querySelector?.('form');
                        if (f) sectionForm = f;
                    }
                }
                node = node.nextElementSibling;
            }

            const formId =
                sectionForm?.id ||
                `form-${window.location.pathname.split('/').filter(Boolean).pop() || 'unknown'}`;

            return {
                sectionKey,
                sectionName,
                sectionForm,
                fields,
                form_id: formId,
                form_destination: sectionForm?.action || '/c/portal/edit_info_item'
            };
        }

        /* =========================
        FIRE FORM START
        ========================= */
        function fireFormStart(ctx) {
            if (startedKeys.has(ctx.sectionKey)) return;
            startedKeys.add(ctx.sectionKey);

            pushEvent({
                event: 'form_start',
                form_id: ctx.form_id,
                form_name: ctx.sectionName,
                form_destination: ctx.form_destination,
                page_location: window.location.href
            });

            console.log(
                `[DTM][FORM] form_start fired: ${ctx.sectionName} → ${ctx.form_destination || 'no form'}`
            );
        }

        /* =========================
        INPUT / SELECT / TEXTAREA
        ========================= */
        document.addEventListener('focusin', (e) => {
            // GUARD: If success modal is open, stop everything
            if (isSuccessModalVisible()) return;
            if (!['INPUT', 'SELECT', 'TEXTAREA'].includes(e.target.tagName)) return;
            if (isGlobalSearchField(e.target)) return;

            const ctx = resolveSectionFromElement(e.target);
            if (!ctx) return;
            if (ctx.fields.size && !ctx.fields.has(e.target)) return;

            fireFormStart(ctx);
        });


        /* =========================
        FILE INPUT SUPPORT
        ========================= */
        document.addEventListener('click', (e) => {
            // GUARD: If success modal is open, stop everything
            if (isSuccessModalVisible()) return;
            const fileInput =
                e.target.closest('input[type="file"]') ||
                document.querySelector('#fileElem');

            if (!fileInput) return;
            if (isGlobalSearchField(fileInput)) return;

            const ctx = resolveSectionFromElement(fileInput);
            if (!ctx) return;
            if (ctx.fields.size && !ctx.fields.has(fileInput)) return;

            fireFormStart(ctx);
        });


        document.addEventListener('change', (e) => {
            if (e.target.tagName === 'INPUT' && e.target.type === 'file') {
                if (isGlobalSearchField(e.target)) return;

                const ctx = resolveSectionFromElement(e.target);
                if (!ctx) return;
                if (ctx.fields.size && !ctx.fields.has(e.target)) return;

                fireFormStart(ctx);
            }
        });


        /* =========================
        FORM SUBMIT
        ========================= */
        document.addEventListener('submit', (e) => {
            const form = e.target;
            const ctx = resolveSectionFromElement(form);
            if (!ctx) return;

            const btn =
                e.submitter ||
                form.querySelector('[type="submit"]');

            pushEvent({
                event: 'form_submit',
                form_id: ctx.form_id,
                form_name: ctx.sectionName,
                form_destination: ctx.form_destination,
                form_submit_text: btn ? btn.innerText.trim() : '',
                page_location: window.location.href
            });

            console.log(
                `[DTM][FORM] form_submit fired: ${ctx.sectionName} → ${ctx.form_destination}`
            );
        });


        /**
         * ============ SEARCH RESULTS =================
         * URL-based detection
         */
        const detectSearchResults = () => {
            const params = new URLSearchParams(location.search);
            const searchTerm = params.get('q');

            if (searchTerm) {
                pushEvent({
                    event: 'view_search_results',
                    search_term: searchTerm
                });
            }
        };
        detectSearchResults();
        Liferay.on('endNavigate', detectSearchResults);


        /* ------------------------------------------------------
            1. READ PROMO METADATA JSON FROM HIDDEN INPUT
        ------------------------------------------------------- */
        const hiddenInput = document.querySelector("#promo-banner-meta-data");

        if (!hiddenInput) {
            // error("Hidden promo metadata field NOT found.");
            return;
        }

        let promoData = [];

        try {
            const raw = hiddenInput.dataset.promo;
            console.log("[DTM] Raw promo:", raw);

            //  Decode HTML entities
            const decoded = new DOMParser()
                .parseFromString(raw, "text/html")
                .documentElement.textContent;

            // Strip HTML tags
            const clean = decoded.replace(/<[^>]*>/g, '').trim();

            // Extract ALL top-level JSON objects
            const objects = [];
            let depth = 0;
            let start = -1;

            for (let i = 0; i < clean.length; i++) {
                if (clean[i] === '{') {
                    if (depth === 0) start = i;
                    depth++;
                } else if (clean[i] === '}') {
                    depth--;
                    if (depth === 0 && start !== -1) {
                        objects.push(clean.slice(start, i + 1));
                        start = -1;
                    }
                }
            }

            if (!objects.length) {
                throw new Error("No JSON objects found");
            }

            // Build valid JSON array
            const jsonArrayString = `[${objects.join(',')}]`;

            // Parse
            promoData = JSON.parse(jsonArrayString);

            console.log("[DTM] Parsed promoData:", promoData);

        } catch (e) {
            console.error("[DTM] JSON parse failed:", e);
        }


        /* ------------------------------------------------------
            2. GET METADATA FOR A SLIDE INDEX
        ------------------------------------------------------- */
        function getPromoByIndex(index) {
            if (!promoData.length) {
                console.log("promoData is empty.");
                return null;
            }

            const result = promoData.find(p => String(p.slide_index) === String(index));
            console.log(`Lookup promo for index ${index}:`, result);
            return result || null;
        }

        /* ------------------------------------------------------
            3. SEND EVENT TO DATA LAYER (UNIFIED)
        ------------------------------------------------------- */
        function pushPromoEvent(type, promo) {
            if (!promo) {
                console.log("[DTM] PromoEvent called without promo object.");
                return;
            }

            // Map through items to ensure each item carries the promotion metadata
            const enrichedItems = (promo.items || []).map(item => ({
                ...item,
                promotion_id: promo.promotion_id,
                promotion_name: promo.promotion_name
            }));

            const payload = {
                event: type,
                ecommerce: {
                    currency: "DZD",
                    promotion_id: promo.promotion_id,
                    promotion_name: promo.promotion_name,
                    creative_name: promo.creative_name,
                    creative_slot: promo.creative_slot,
                    items: enrichedItems
                }
            };

            // Use the same global push method as all other events
            pushEvent(payload);
        }


        /* ------------------------------------------------------
        4. OBSERVE CAROUSEL SLIDE CHANGE (ONLY WHEN VISIBLE)
        ------------------------------------------------------- */

        const carouselInner = document.querySelector("#carouselInner");
        if (!carouselInner) {
            console.log("Carousel element not found.");
            return;
        }

        let lastSentIndex = null;
        let visibleActiveSlide = null;

        function trackPromoByIndex(index) {
            if (index === lastSentIndex) return;

            const promo = getPromoByIndex(index);
            if (!promo) return;

            lastSentIndex = index;
            pushPromoEvent('view_promotion', promo);
        }
        (function recoverInitialPromotion() {
            const active = document.querySelector('.carousel-item.active');
            if (!active) return;

            const activeIndex = parseInt(active.id.split('-').pop(), 10);

            // If carousel already moved, first slide was visible but never tracked
            if (activeIndex > 0) {
                trackPromoByIndex(0); // 🔴 recover slide 1
            }

            // Track the currently active slide
            // trackPromoByIndex(activeIndex);
        })();

        // ---- Observe visibility of active slide
        const slideObserver = new IntersectionObserver(
            (entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        visibleActiveSlide = entry.target;
                        detectActiveSlide(); // re-check when it becomes visible
                    }
                });
            },
            {
                threshold: 0.5 // at least 50% visible
            }
        );



        function isElementInViewport(el) {
            const rect = el.getBoundingClientRect();
            return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            );
        }


        function observeActiveSlide(slide) {
            slideObserver.disconnect();
            slideObserver.observe(slide);
        }

        function detectActiveSlide() {
            const active = carouselInner.querySelector(".carousel-item.active");

            if (!active) {
                console.log("No active slide found.");
                return;
            }

            // Allow first-load fallback visibility detection
            if (active !== visibleActiveSlide) {
                if (!lastSentIndex && isElementInViewport(active)) {
                    console.log("Initial slide visible via fallback check.");
                    visibleActiveSlide = active;
                } else {
                    console.log("Active slide not visible yet.");
                    return;
                }
            }


            const id = active.id; // example: "carousel-item-2"
            const index = id.split("-").pop();

            if (index === lastSentIndex) return;

            lastSentIndex = index;

            const promo = getPromoByIndex(index);
            if (promo) {
                console.log("Sending view_promotion event for slide:", index);
                pushPromoEvent("view_promotion", promo);
            } else {
                console.log("No promo metadata found for slide:", index);
            }
        }

        // ---- Watch for slide changes (Bootstrap / DOM change)
        const slideMutationObserver = new MutationObserver(() => {
            const active = carouselInner.querySelector(".carousel-item.active");
            if (active) {
                observeActiveSlide(active);
            }
        });

        slideMutationObserver.observe(carouselInner, {
            attributes: true,
            subtree: true,
            attributeFilter: ["class"]
        });

        // Initial attach
        const initialActive = carouselInner.querySelector(".carousel-item.active");
        if (initialActive) {
            observeActiveSlide(initialActive);
        }


        // Run detection on interval (safe fallback)
        setInterval(detectActiveSlide, 1000);

        /* ------------------------------------------------------
            5. TRACK CLICK ON ANY BANNER WITHIN THE CAROUSEL
        ------------------------------------------------------- */
        carouselInner.addEventListener("click", function (e) {
            const slide = e.target.closest(".carousel-item");
            if (!slide) {
                log("Click inside carousel but no slide matched.");
                return;
            }

            const index = slide.id.split("-").pop();
            log("User clicked slide index:", index);

            const promo = getPromoByIndex(index);
            if (!promo) {
                console.log("Click detected, but no promo metadata found for index:", index);
                return;
            }

            pushPromoEvent("select_promotion", promo);
        });

        /**
         * ============ AUTO-ACTIVATE TRACKING ON DOM CHANGES =================
         * Captures late-loaded forms, links, videos
         */
        const mo = new MutationObserver(() => {
            initVideos();
        });
        mo.observe(document.body, { childList: true, subtree: true });

        // Liferay.on("endNavigate", detectViewItem);

        log('DTM tracking script initialized.');
    })();
    (function () {


        // --- HELPER FUNCTIONS ---

        // Function to format URL segments into user-friendly names (e.g., dima-ooredoo -> Dima Ooredoo)
        const formatName = (segment) => {
            if (!segment) return 'Unknown';
            // Remove file extensions if any, replace hyphens/underscores, and title case
            return segment.split('.')[0].replace(/[-_]/g, ' ').replace(/\b\w/g, c => c.toLowerCase());
        };

        // ==========================================
        // 1. EVENT: view_item (Offer Page Load)
        // ==========================================
        function trackViewItem() {
            const path = window.location.pathname;
            log('Checking URL for view_item:', path);

            // Check URL condition: must contain /offres-mobiles/
            if (path.includes('/offres-mobiles/')) {
                const cleanPath = path.split('?')[0].replace(/^\/|\/$/g, '');
                const segments = cleanPath.split('/');

                // Example: /fr/particuliers/offres-mobiles/dima-ooredoo
                // Segments: ['fr', 'particuliers', 'offres-mobiles', 'dima-ooredoo']

                const itemNameRaw = segments.pop();
                // Fallback for item_category, should be the parent folder (e.g., 'offres-mobiles')
                const itemCategoryRaw = segments[segments.indexOf('offres-mobiles')];

                const itemCategory = formatName(itemCategoryRaw) || 'Offer Pages';
                const itemName = formatName(itemNameRaw);
                const itemId = itemNameRaw.toLowerCase().replace(/[^a-z0-9]+/g, '_');

                pushEvent({
                    'event': 'view_item',
                    'ecommerce': {
                        'items': [{
                            'item_id': itemId,
                            'item_name': itemName,
                            'item_brand': 'ooredoo',
                            'item_category': itemCategory
                        }]
                    }
                });
            }
        }

        // ==========================================
        // 2. EVENT: view_item_list (Dynamic List View)
        // ==========================================

        // A map to ensure we don't track the same list twice per page view
        const trackedLists = new Set();
        function getLastUrlSegment() {
            const path = location.pathname.replace(/\/$/, "");
            const parts = path.split("/");
            return parts.pop() || "home";
        }


        // Function to scrape or use data attributes for item details
        function getItemData(slide, index) {
            // --- PREFERRED: Use data-attributes (Recommended for robustness) ---
            const dataId = slide.getAttribute('data-ga4-id');
            const dataName = slide.getAttribute('data-ga4-name');
            const dataCategory = slide.getAttribute('data-ga4-category');
            const dataPrice = slide.getAttribute('data-ga4-price');

            if (dataId && dataName) {
                log('Item data extracted via data-attributes:', dataName);
                return {
                    'item_id': dataId,
                    'item_name': dataName,
                    'item_brand': 'ooredoo',
                    'item_category': dataCategory || 'Offres Mobiles',
                    'price': parseFloat(dataPrice) || 0,
                    'index': index
                };
            }

            // --- FALLBACK: Scrape from the DOM (Less reliable) ---
            log('Falling back to DOM scraping for item data...');

            const itemNameElement = slide.querySelector('.s-font-extrabold');
            const priceElement = slide.querySelector('.s-font-bold');

            // Scrape Item Name
            const itemNameText = itemNameElement ? itemNameElement.innerText.trim().replace(/\s+/g, ' ') : `Offer ${index}`;

            // Scrape Price
            const priceText = priceElement ? priceElement.innerText.replace(/[^\d.,]/g, '').trim().replace(',', '.') : '0';
            const price = parseFloat(priceText) || 0;

            return {
                'item_id': (index) + '_' + price,
                'item_name': itemNameText,
                'item_category': 'Offres Mobiles', // Hardcoded fallback category
                'price': price,
                'index': index
            };
        }

        // Function to extract all items and list details from a visible Yooz Slider
        function extractListFromSlider(sliderElement) {
            const items = [];

            // Determine list ID/Name from the closest tab header or parent structure
            const tabTitleElement = sliderElement.closest('.tab-pane')?.getAttribute('aria-labelledby');
            const listNameSource = document.getElementById(tabTitleElement)?.querySelector('.component-paragraph');
            if (!listNameSource) {
                return;
            }
            const listName = (listNameSource && listNameSource.innerText.trim()) || 'Unknown Offers List';
            const listId = getLastUrlSegment().toLowerCase().replace(/[^a-z0-9]+/g, '_').replace(/^_|_$/g, '') + '_offer_list';

            // Select non-duplicate slides (standard Swiper setup)
            const slides = sliderElement.querySelectorAll('.swiper-slide:not(.swiper-slide-duplicate)');

            slides.forEach((slide, index) => {
                const itemData = getItemData(slide, index);
                items.push(itemData);
            });

            return { listId, listName, items };
        }


        // Intersection Observer callback
        const observerCallback = (entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const slider = entry.target;
                    // Use a combination of class/id as the unique key
                    const listKey = slider.id || slider.className.split(' ').join('-');

                    if (!trackedLists.has(listKey)) {
                        const data = extractListFromSlider(slider);
                        if (data.items.length > 0) {
                            pushEvent({
                                'event': 'view_item_list',
                                'ecommerce': {
                                    currency: "DZD",
                                    'item_list_id': data.listId,
                                    'item_list_name': data.listName,
                                    'items': data.items
                                }
                            });
                            trackedLists.add(listKey);
                            log('List tracked successfully:', data.listName);
                        }
                    }
                    // Stop observing this slider once tracked
                    observer.unobserve(slider);
                }
            });
        };

        // Initialize Intersection Observer (fired when the slider comes into the viewport)
        const observer = new IntersectionObserver(observerCallback, {
            root: null, // viewport
            rootMargin: '0px',
            threshold: 0.2 // Track when 20% of the element is visible
        });

        // Function to find and observe active sliders in the DOM
        function observeActiveSliders() {
            // Find the currently active tab pane
            const activeTabPane = document.querySelector('.tab-pane.active');
            if (activeTabPane) {
                // Find all Yooz-Sliders only within the active pane
                const sliders = activeTabPane.querySelectorAll('.Yooz-Slider');
                log(`Found ${sliders.length} Yooz-Sliders in the active tab. Observing...`);

                sliders.forEach(slider => {
                    if (!slider.hasAttribute('data-list-observed')) {
                        observer.observe(slider);
                        slider.setAttribute('data-list-observed', 'true'); // Prevent double observation setup
                    }
                });
            }
        }

        // --- EXECUTION AND LIFERAY SPA HANDLING ---

        // 1. Initial Page Load (View Item)
        // trackViewItem();

        // 2. Initial Slider Setup (View Item List - default active tab)
        // Run after all initial portlets/fragments are rendered
        Liferay.on('allPortletsReady', function () {
            log('Liferay Ready: Initial slider observation start.');
            observeActiveSliders();
        });

        // 3. Tab Change Listener (View Item List - new tab becomes active)
        const tabContainer = document.querySelector('#tabs-tabJustify');
        if (tabContainer) {
            // Listen for the Bootstrap event indicating a tab is fully shown
            $(tabContainer).on('shown.bs.tab', 'button[data-toggle="pill"]', function (e) {
                log('Tab change detected. Observing new active slider...');
                // Wait slightly for Liferay/Swiper/Bootstrap to fully render the new content
                setTimeout(observeActiveSliders, 300);
            });
        }

        // 4. SPA Navigation (Re-initialize both events on new page load)
        Liferay.on('endNavigate', function () {
            log('SPA Navigation detected: Resetting tracking flags and re-running checks.');
            trackedLists.clear();
            // Clear old observations and re-run setup
            document.querySelectorAll('.Yooz-Slider[data-list-observed]').forEach(el => el.removeAttribute('data-list-observed'));

            // trackViewItem();
            setTimeout(observeActiveSliders, 500);
        });

    })();
    (function () {
        const DEBUG = true;

        function pushFaqEvent(questionText) {
            window.dataLayer = window.dataLayer || [];

            const eventObj = {
                event: 'faq_interaction',
                faq_question_text: questionText,
                page_location: window.location.href
            };

            window.dataLayer.push(eventObj);

            const uniqueId = window.dataLayer.length;
            console.log('[DTM] Pushed:', { ...eventObj, 'gtm.uniqueEventId': uniqueId });
        }

        function initFaqTracking() {
            const faqContainer = document.querySelector('.faq');
            if (!faqContainer) return;

            if (faqContainer.dataset.dtmFaqBound === "true") return;
            faqContainer.dataset.dtmFaqBound = "true";

            const buttons = faqContainer.querySelectorAll('.accordion-button');

            buttons.forEach(button => {
                // Store initial state to ignore default expanded FAQ
                let lastExpanded = button.getAttribute('aria-expanded') === 'true';

                const observer = new MutationObserver(mutations => {
                    mutations.forEach(m => {
                        if (m.attributeName === 'aria-expanded') {
                            const expanded = button.getAttribute('aria-expanded') === 'true';

                            // Fire only if user opens (false -> true)
                            if (!lastExpanded && expanded) {
                                const questionEl = button.querySelector('.faq-title-width');
                                if (!questionEl) return;
                                const question = questionEl.textContent.trim();
                                pushFaqEvent(question);
                            }

                            lastExpanded = expanded;
                        }
                    });
                });

                observer.observe(button, { attributes: true });
            });

            if (DEBUG) console.log('[DTM][FAQ] FAQ tracking initialized (ignores default expanded).');
        }

        // For dynamically loaded FAQs
        const mo = new MutationObserver(() => {
            if (document.querySelector('.faq')) {
                initFaqTracking();
                mo.disconnect();
            }
        });

        mo.observe(document.body, { childList: true, subtree: true });

        initFaqTracking();
    })();
    /* ========= HOME INTERNET SLIDER — VIEW_ITEM_LIST ========= */
    const getDynamicListName = () => {
        // 1. Get the current path and remove trailing slash for consistent matching
        const path = window.location.pathname.replace(/\/$/, "");

        // 2. Define the "Home" patterns
        const homePatterns = [
            '/fr', '/ar',
            '/fr/particuliers', '/ar/particuliers'
        ];

        // 3. Check if current path matches home patterns
        if (homePatterns.includes(path) || path === "") {
            return "home";
        }

        // 4. Otherwise, get the last segment and replace '-' with '_'
        const lastSegment = path.split('/').pop();
        return lastSegment.replace(/-/g, '_');
    };
    (function () {

        const slider = document.querySelector('.Global-Offer');
        if (!slider) return;

        let fired = false;

        function extractPrice(text) {
            const match = text.replace(/\s+/g, '').match(/(\d+)/);
            return match ? Number(match[1]) : 0;
        }

        function buildItems() {

            const slides = slider.querySelectorAll('.swiper-slide[data-swiper-slide-index]');
            const seen = new Set();
            const items = [];

            slides.forEach(slide => {

                const rawIndex = slide.getAttribute('data-swiper-slide-index');
                if (rawIndex === null) return;

                // Swiper loop duplicates share the same index → dedupe
                if (seen.has(rawIndex)) return;
                seen.add(rawIndex);

                const nameEl =
                    slide.querySelector('.price-wrap p') ||
                    slide.querySelector('.card-top-title');

                const priceEl =
                    slide.querySelector('h5') ||
                    slide.querySelector('.card-price');

                if (!nameEl || !priceEl) return;

                const index = Number(rawIndex); // GA4 index starts at 1
                const listId = getDynamicListName();

                items.push({
                    item_id: `${listId}_packages_${index}`,
                    item_name: nameEl.textContent.trim(),
                    item_brand: 'ooredoo',
                    item_category: 'internet',
                    price: extractPrice(priceEl.textContent),
                    index
                });
            });

            return items;
        }




        const observer = new IntersectionObserver(entries => {
            entries.forEach(entry => {
                if (entry.isIntersecting && !fired) {
                    fired = true;

                    const items = buildItems();
                    if (!items.length) return;

                    // Get our dynamic value
                    const listId = getDynamicListName();

                    pushEvent({
                        event: 'view_item_list',
                        ecommerce: {
                            currency: 'DZD',
                            // Setting both ID and Name based on the URL logic
                            item_list_id: `${listId}_recommended_packages`,
                            item_list_name: `${listId.replace(/_/g, ' ')} recommended packages`,
                            items: items
                        }
                    });
                }
            });
        }, { threshold: 0.3 });

        observer.observe(slider);

        /* ========= HOME INTERNET SLIDER — SELECT_ITEM ========= */

        document.addEventListener('click', function (e) {
            console.log('xxxxxxxx 0');
            // 1️⃣ Support BOTH old & new click targets
            const btn = e.target.closest(
                '.home-internet-slider .swiper-slide a, ' +
                '.Global-Offer .swiper-slide a.package-card-btn'
            );
            if (!btn) return;
            console.log('xxxxxxxx 1');


            // 2️⃣ Resolve slide & slider
            const slide = btn.closest('.swiper-slide');
            if (!slide) return;
            console.log('xxxxxxxx 2');

            // 3️⃣ ✅ FIXED: use REAL swiper index (handles duplicates)
            const rawIndex = slide.getAttribute('data-swiper-slide-index');
            if (rawIndex === null) return;
            console.log('xxxxxxxx 4');
            const index = Number(rawIndex); // GA4 index is 1-based

            // 4️⃣ Scrape item name & price (unchanged)
            const nameEl =
                slide.querySelector('.price-wrap p') ||
                slide.querySelector('.card-top-title');

            const priceEl =
                slide.querySelector('h5') ||
                slide.querySelector('.card-price');

            if (!nameEl || !priceEl) return;

            const itemName = nameEl.textContent.trim();
            const price = Number(priceEl.textContent.replace(/[^\d]/g, '')) || 0;

            // 5️⃣ List context (unchanged)
            const listId = getDynamicListName();

            // 6️⃣ Fire GA4 event
            pushEvent({
                event: 'select_item',
                ecommerce: {
                    item_list_id: `${listId}_recommended_packages`,
                    item_list_name: `${listId.replace(/_/g, ' ')} recommended packages`,
                    items: [{
                        item_id: `${listId}_packages_${index}`,
                        item_name: itemName,
                        item_brand: 'ooredoo',
                        item_category: 'internet',
                        price: price,
                        index: index
                    }]
                }
            });
            saveLastSelectedItem({
                event: "select_item",
                landingUrl: e.target.closest("a")?.href || "",
                ecommerce: {
                    item_list_id: `${listId}_recommended_packages`,
                    item_list_name: `${listId.replace(/_/g, ' ')} recommended packages`,
                    items: [{
                        item_id: `${listId}_packages_${index}`,
                        item_name: itemName,
                        item_brand: 'ooredoo',
                        item_category: 'internet',
                        price: price,
                        index: index
                    }]
                }
            });
        });




    })();

    /* ========= SERVICES GLOBAL — VIEW_ITEM_LIST ========= */

    (function () {
        const section = document.querySelector('.services-global');
        if (!section) return;

        let fired = false;

        function extractPrice(text) {
            const match = text.replace(/\s+/g, '').match(/(\d+)/);
            return match ? Number(match[1]) : 0;
        }

        function getServiceCards() {
            return section.querySelectorAll(
                'div.flex.flex-col.align-items-start.rounded-xl.border'
            );
        }

        function buildItems() {
            const cards = getServiceCards();
            const items = [];

            cards.forEach((card, index) => {
                const nameEl = card.querySelector(
                    'p.uppercase.font-sans'
                );

                const priceEl = card.querySelector(
                    'span.text-xll'
                );

                if (!nameEl || !priceEl) return;

                const itemName = nameEl.innerText.trim();
                const price = extractPrice(priceEl.innerText);
                const listId = getDynamicListName();
                items.push({
                    item_id: `${listId}_services_${index}`,
                    item_name: itemName,
                    item_brand: 'ooredoo',
                    item_category: 'services',
                    price: price,
                    index: index
                });
            });

            return items;
        }

        const observer = new IntersectionObserver(entries => {
            entries.forEach(entry => {
                if (entry.isIntersecting && !fired) {
                    fired = true;

                    const items = buildItems();
                    if (!items.length) return;
                    const listId = getDynamicListName();
                    pushEvent({
                        event: 'view_item_list',
                        ecommerce: {
                            currency: 'DZD',
                            item_list_id: `${listId}_recommended_services`,
                            item_list_name: `${listId.replace(/_/g, ' ')} recommended services`,
                            items: items
                        }
                    });
                }
            });
        }, { threshold: 0.3 });

        observer.observe(section);

        /* ========= SERVICES GLOBAL — SELECT_ITEM ========= */

        document.addEventListener('click', function (e) {
            const link = e.target.closest('a.services-link');
            if (!link) return;

            const section = link.closest('.services-global');
            if (!section) return;

            const card = link.closest(
                'div.flex.flex-col.align-items-start.rounded-xl.border'
            );
            if (!card) return;

            const cards = [
                ...section.querySelectorAll(
                    'div.flex.flex-col.align-items-start.rounded-xl.border'
                )
            ];

            const index = cards.indexOf(card);
            if (index === -1) return;

            const nameEl = card.querySelector('p.uppercase.font-sans');
            const priceEl = card.querySelector('span.text-xll');

            if (!nameEl || !priceEl) return;

            const extractPrice = text => {
                const match = text.replace(/\s+/g, '').match(/(\d+)/);
                return match ? Number(match[1]) : 0;
            };
            const listId = getDynamicListName();
            const item = {
                item_id: `${listId}_services_${index}`,
                item_name: nameEl.innerText.trim(),
                item_brand: 'ooredoo',
                item_category: 'services',
                price: extractPrice(priceEl.innerText),
                index: index
            };

            pushEvent({
                event: 'select_item',
                ecommerce: {
                    item_list_id: listId + '_recommended_services',
                    item_list_name: listId + ' recommended services',
                    items: [item]
                }
            });
            saveLastSelectedItem({
                event: "select_item",
                landingUrl: e.target.closest("a")?.href || "",
                ecommerce: {
                    item_list_id: listId + '_recommended_services',
                    item_list_name: listId + ' recommended services',
                    items: [item]
                }
            });
        });

    })();

    (function () {
        const publishers = document.querySelectorAll('.portlet-commerce-product-publisher');
        if (!publishers.length) return;

        function extractItemIdFromUrl(url) {
            try {
                const cleanUrl = url.split('?')[0].split('#')[0];
                return cleanUrl.substring(cleanUrl.lastIndexOf('/') + 1);
            } catch (e) {
                return '';
            }
        }


        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;

                const portlet = entry.target;
                obs.unobserve(portlet);

                const index = [...publishers].indexOf(portlet);
                const isSingle = publishers.length === 1;

                let item_category, item_list_name, item_list_id;

                if (isSingle) {
                    item_category = 'smartphone';
                    item_list_name = 'similar smartphones';
                    item_list_id = 'similar_smartphones';
                } else if (index === 0) {
                    item_category = 'smartphone';
                    item_list_name = 'other recommended smartphones';
                    item_list_id = 'other_recommended_smartphones';
                } else {
                    item_category = 'router';
                    item_list_name = 'other_recommended_routers';
                    item_list_id = 'other_recommended_routers';
                }

                const items = [];

                // Variation 1 — Card container
                portlet.querySelectorAll('.card-container .w-auto.overflow-hidden').forEach((item, i) => {
                    const link = item.querySelector('a')?.href;
                    item_list_name = 'home recommended smartphones';
                    item_list_id = 'home_recommended_smartphones';
                    items.push({
                        item_id: link ? extractItemIdFromUrl(link) : `item_${i}`,
                        item_name: item.querySelector('.product-name')?.textContent.trim(),
                        item_brand: item.querySelector('.brand-title')?.textContent.trim() || '',
                        price: Number(item.querySelector('.product-price')?.dataset.rawPrice || 0),
                        item_category,
                        index: i
                    });
                });

                // Variation 2 — Swiper
                portlet.querySelectorAll('.swiper .swiper-slide').forEach((item, i) => {
                    const link = item.querySelector('a')?.href;
                    // 1. Extract the base item_id first
                    const itemId = link ? extractItemIdFromUrl(link) : `item_${i}`;

                    // 2. Determine the brand based on category
                    let brand;
                    if (item_category === 'smartphone') {
                        // Split by '-' and take the first part (index 0)
                        brand = itemId.split('-')[0];
                    } else if (item_category === 'router') {
                        brand = 'd-link';
                    } else {
                        brand = 'ooredoo';
                    }
                    items.push({
                        item_id: itemId,
                        item_name: item.querySelector('h2')?.textContent.trim(),
                        item_brand: brand.toLowerCase(),
                        price: Number(
                            item.querySelector('h3')?.textContent.replace(/[^\d]/g, '')
                        ),
                        item_category,
                        index: i
                    });
                });

                if (items.length) {
                    pushEvent({
                        event: 'view_item_list',
                        ecommerce: {
                            currency: "DZD",
                            item_list_id,
                            item_list_name,
                            items
                        }
                    });
                }
            });
        }, { threshold: 0.3 });

        publishers.forEach(p => observer.observe(p));


        function resolveListContext(portlet, isSwiper, portletIndex, totalPortlets) {
            if (!isSwiper) {
                return {
                    item_list_name: 'home recommended smartphones',
                    item_list_id: 'home_recommended_smartphones',
                    item_category: 'smartphone'
                };
            }

            if (totalPortlets === 1) {
                return {
                    item_list_name: 'similar smartphones',
                    item_list_id: 'similar_smartphones',
                    item_category: 'smartphone'
                };
            }

            if (portletIndex === 0) {
                return {
                    item_list_name: 'other recommended smartphones',
                    item_list_id: 'other_recommended_smartphones',
                    item_category: 'smartphone'
                };
            }

            return {
                item_list_name: 'other recommended routers',
                item_list_id: 'other_recommended_routers',
                item_category: 'router'
            };
        }
        document.addEventListener('click', function (e) {

            let itemEl, linkEl, isSwiper = false;

            // Card container
            const cardBtn = e.target.closest('.view-more-btn');
            if (cardBtn) {
                itemEl = cardBtn.closest('.w-auto.overflow-hidden');
                linkEl = cardBtn;
            }

            // Swiper
            if (!itemEl) {
                const swiperLink = e.target.closest('.swiper-slide > a');
                if (swiperLink) {
                    itemEl = swiperLink.closest('.swiper-slide');
                    linkEl = swiperLink;
                    isSwiper = true;
                }
            }

            if (!itemEl || !linkEl) return;

            const portlet = itemEl.closest('.portlet-commerce-product-publisher');
            const allPortlets = [...document.querySelectorAll('.portlet-commerce-product-publisher')];
            const portletIndex = allPortlets.indexOf(portlet);

            const {
                item_list_name,
                item_list_id,
                item_category
            } = resolveListContext(portlet, isSwiper, portletIndex, allPortlets.length);
            const link = linkEl.href;
            // 1. Extract the base item_id first
            const itemId = link ? extractItemIdFromUrl(link) : `item_0`;

            // 2. Determine the brand based on category
            let brand;
            if (item_category === 'smartphone') {
                // Split by '-' and take the first part (index 0)
                brand = itemId.split('-')[0];
            } else if (item_category === 'router') {
                brand = 'd-link';
            } else {
                brand = 'ooredoo';
            }

            const name =
                itemEl.querySelector('.product-name, h2')?.textContent.trim();

            // const brand =
            //     itemEl.querySelector('.brand-title')?.textContent.trim() || '';

            const priceText =
                itemEl.querySelector('.product-price, h3')?.textContent || '';

            // const price = Number(priceText.replace(/[^\d]/g, ''));
            const price = Number(itemEl.querySelector('.product-price')?.dataset.rawPrice || 0);



            pushEvent({
                event: 'select_item',
                ecommerce: {
                    item_list_id,
                    item_list_name,
                    items: [{
                        item_id: itemId,
                        item_name: name,
                        item_brand: brand.toLowerCase(),
                        item_category,
                        price
                    }]
                }
            });
            saveLastSelectedItem({
                event: "select_item",
                landingUrl: e.target.closest("a")?.href || "",
                ecommerce: {
                    item_list_id,
                    item_list_name,
                    items: [{
                        item_id: itemId,
                        item_name: name,
                        item_brand: brand.toLowerCase(),
                        item_category,
                        price
                    }]
                }
            });
        });
    })();

    (function () {


        function extractPrice(text) {
            return Number((text || '').replace(/\D/g, '')) || 0;
        }

        // --- Observe when section enters viewport ---
        const section = document.querySelector('.lfr-layout-structure-item-forfaits-ooredoo-internet');
        if (!section) return;

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;

                const slider = section.querySelector('.swiper-wrapper');
                if (!slider) return;

                const slides = [...slider.querySelectorAll('.swiper-slide')];
                const items = [];
                const listId = getDynamicListName();
                slides.forEach((slide, index) => {
                    const nameEl = slide.querySelector('.a-uppercase');
                    const priceEl = slide.querySelector('.a-tracking-tight');

                    if (!nameEl || !priceEl) return;

                    const itemName = nameEl.textContent.trim();
                    const price = extractPrice(priceEl.textContent);

                    items.push({
                        item_id: `${listId}_packages_${index}`,
                        item_name: itemName,
                        item_brand: 'ooredoo',
                        item_category: 'internet',
                        price: price,
                        index: index
                    });
                });

                if (items.length) {
                    pushEvent({
                        event: 'view_item_list',
                        ecommerce: {
                            currency: "DZD",
                            item_list_id: listId + '_recommended_packages',
                            item_list_name: listId.replace(/_/g, ' ') + ' recommended packages',
                            items
                        }
                    });
                }

                obs.unobserve(section); // Only fire once
            });
        }, { threshold: 0.5 });

        observer.observe(section);

    })();

    (function () {


        function extractPriceFromName(name) {
            const match = (name || '').match(/\d+/);
            return match ? Number(match[0]) : 0;
        }

        // --- Observe all mobile-internet-offer sections ---
        const sections = document.querySelectorAll('.mobile-internet-offer');
        const listId = getDynamicListName();
        sections.forEach((section, sectionIndex) => {
            const listIds = ['prepaid_packages', 'postpaid_packages'];
            const listNames = ['Prepaid Packages', 'Postpaid Packages'];
            const itemListId = listId + '_' + listIds[sectionIndex] || `mobile_list_${sectionIndex}`;
            const itemListName = listId.replace(/_/g, ' ') + ' ' + listNames[sectionIndex] || `Mobile List ${sectionIndex}`;

            const observer = new IntersectionObserver((entries, obs) => {
                entries.forEach(entry => {
                    if (!entry.isIntersecting) return;

                    const slider = section.querySelector('.swiper-wrapper');
                    if (!slider) return;

                    const slides = [...slider.querySelectorAll('.swiper-slide')];
                    const items = [];

                    slides.forEach((slide, index) => {
                        const nameEl = slide.querySelector('h3.offer-title');
                        if (!nameEl) return;

                        const itemName = nameEl.textContent.trim();
                        const price = extractPriceFromName(itemName);

                        items.push({
                            item_id: `${itemListId}_${index}`,
                            item_name: itemName,
                            item_brand: 'ooredoo',
                            item_category: 'Offres Mobiles',
                            price: price,
                            index: index
                        });
                    });

                    if (items.length > 0) {
                        pushEvent({
                            event: 'view_item_list',
                            ecommerce: {
                                currency: "DZD",
                                item_list_id: itemListId,
                                item_list_name: itemListName,
                                items: items
                            }
                        });
                    }

                    obs.unobserve(section);
                });
            }, { threshold: 0.5 });

            observer.observe(section);

            // --- select_item on slide link click ---
            section.addEventListener('click', function (e) {
                const link = e.target.closest('.swiper-slide a[data-senna-off]');
                if (!link) return;

                const slide = link.closest('.swiper-slide');
                if (!slide) return;

                const slider = slide.closest('.swiper-wrapper');
                if (!slider) return;

                const slides = [...slider.querySelectorAll('.swiper-slide')];
                const index = slides.indexOf(slide);
                if (index === -1) return;

                const nameEl = slide.querySelector('h3.offer-title');
                if (!nameEl) return;

                const itemName = nameEl.textContent.trim();
                const price = extractPriceFromName(itemName);

                pushEvent({
                    event: 'select_item',
                    ecommerce: {
                        item_list_id: itemListId,
                        item_list_name: itemListName,
                        items: [{
                            item_id: `${itemListId}_${index}`,
                            item_name: itemName,
                            item_brand: 'ooredoo',
                            item_category: 'Offres Mobiles',
                            price: price,
                            index: index
                        }]
                    }
                });
                saveLastSelectedItem({
                    event: "select_item",
                    landingUrl: e.target.closest("a")?.href || "",
                    ecommerce: {
                        item_list_id: itemListId,
                        item_list_name: itemListName,
                        items: [{
                            item_id: `${itemListId}_${index}`,
                            item_name: itemName,
                            item_brand: 'ooredoo',
                            item_category: 'Offres Mobiles',
                            price: price,
                            index: index
                        }]
                    }
                });
            });
        });
    })();

// When saving the last selected item (probably in some selection handler)
function saveLastSelectedItem(item) {
  const currentUrl = item.landingUrl; // Get current URL
  sessionStorage.setItem('lastSelectedItem', JSON.stringify(item));
  sessionStorage.setItem('landingUrl', currentUrl); // Store the URL where selection happened
}

// Function to check if we should trigger view item
function shouldTriggerViewItem() {
  const lastSelectedItem = JSON.parse(sessionStorage.getItem('lastSelectedItem'));
  const landingUrl = sessionStorage.getItem('landingUrl');
  const currentUrl = window.location.href;
  
  return !!lastSelectedItem && landingUrl === currentUrl;
}

// Usage example:
function handleNavigation() {
    console.log('handleNavigation');
    
  if (shouldTriggerViewItem()) {
    const lastSelectedItem = JSON.parse(sessionStorage.getItem('lastSelectedItem'));
    triggerViewItem(lastSelectedItem); // Your function to view the item
    
    // Optionally clear after triggering
    sessionStorage.removeItem('lastSelectedItem');
    sessionStorage.removeItem('landingUrl');
  }
}
function triggerViewItem(lastSelectedItem) {
    
    if (lastSelectedItem) {
        pushEvent({
            event: 'view_item',
            ecommerce: lastSelectedItem.ecommerce
        });
        
        // Clear the storage after use
        sessionStorage.removeItem('lastSelectedItem');
    }
}
;</script></div>




		</div>
	


<form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Caché</button></form>

	
		</section>

	</div>
</div>
<script type="text/javascript" data-senna-track="permanent">
	var jsFolderPath = "https://www.ooredoo.dz/o/ooredoo-theme/js";
</script>








































































































	









	









<script type="text/javascript">

	
		

			

			
		
	


</script><script>

</script>















	

	

	













	


<script type="text/javascript">

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ista\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);

(function() {var $ = AUI.$;var _ = AUI._;
	var onShare = function (data) {
		if (window.Analytics) {
			Analytics.send('shared', 'SocialBookmarks', {
				className: data.className,
				classPK: data.classPK,
				type: data.type,
				url: data.url,
			});
		}
	};

	var onDestroyPortlet = function () {
		Liferay.detach('socialBookmarks:share', onShare);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('socialBookmarks:share', onShare);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();
(function() {var $ = AUI.$;var _ = AUI._;
	var onDestroyPortlet = function () {
		Liferay.detach('messagePosted', onMessagePosted);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('destroyPortlet', onDestroyPortlet);

	var onMessagePosted = function (event) {
		if (window.Analytics) {
			const eventProperties = {
				className: event.className,
				classPK: event.classPK,
				commentId: event.commentId,
				text: event.text,
			};

			const blogNode = document.querySelector(
				'[data-analytics-asset-id="' + event.classPK + '"]'
			);

			const dmNode = document.querySelector(
				'[data-analytics-file-entry-id="' + event.classPK + '"]'
			);

			if (blogNode) {
				eventProperties.title = blogNode.dataset.analyticsAssetTitle;
			}
			else if (dmNode) {
				eventProperties.title = dmNode.dataset.analyticsFileEntryTitle;
			}

			Analytics.send('posted', 'Comment', eventProperties);
		}
	};

	Liferay.on('messagePosted', onMessagePosted);
})();
(function() {var $ = AUI.$;var _ = AUI._;
	var onVote = function (event) {
		if (window.Analytics) {
			let title = event.contentTitle;

			if (!title) {
				const dmNode = document.querySelector(
					'[data-analytics-file-entry-id="' + event.classPK + '"]'
				);

				if (dmNode) {
					title = dmNode.dataset.analyticsFileEntryTitle;
				}
			}

			Analytics.send('VOTE', 'Ratings', {
				className: event.className,
				classPK: event.classPK,
				ratingType: event.ratingType,
				score: event.score,
				title,
			});
		}
	};

	var onDestroyPortlet = function () {
		Liferay.detach('ratings:vote', onVote);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('ratings:vote', onVote);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();

	function getValueByAttribute(node, attr) {
		return (
			node.dataset[attr] ||
			(node.parentElement && node.parentElement.dataset[attr])
		);
	}

	function sendDocumentDownloadedAnalyticsEvent(anchor) {
		var fileEntryId = getValueByAttribute(
			anchor,
			'analyticsFileEntryId'
		);
		var title = getValueByAttribute(
			anchor,
			'analyticsFileEntryTitle'
		);
		var version = getValueByAttribute(
			anchor,
			'analyticsFileEntryVersion'
		);

		if (fileEntryId) {
			Analytics.send('documentDownloaded', 'Document', {
				groupId: themeDisplay.getScopeGroupId(),
				fileEntryId,
				preview:
					!!window._com_liferay_document_library_analytics_isViewFileEntry,
				title,
				version,
			});
		}
	}

	function handleDownloadClick(event) {
		if (window.Analytics) {
			if (event.target.nodeName.toLowerCase() === 'a') {
				sendDocumentDownloadedAnalyticsEvent(
					event.target
				);
			}
			else if (
				event.target.parentNode &&
				event.target.parentNode.nodeName.toLowerCase() === 'a'
			) {
				sendDocumentDownloadedAnalyticsEvent(
					event.target.parentNode
				);
			}
			else {
				var target = event.target;
				var matchTextContent =
					target.textContent &&
					target.textContent.toLowerCase() ===
						'téléchargement';
				var matchTitle =
					target.title && target.title.toLowerCase() === 'download';
				var matchAction = target.action === 'download';
				var matchLexiconIcon = !!target.querySelector(
					'.lexicon-icon-download'
				);
				var matchLexiconClassName = target.classList.contains(
					'lexicon-icon-download'
				);
				var matchParentTitle =
					target.parentNode &&
					target.parentNode.title &&
					target.parentNode.title.toLowerCase() === 'download';
				var matchParentLexiconClassName =
					target.parentNode &&
					target.parentNode.classList.contains('lexicon-icon-download');

				if (
					matchTextContent ||
					matchTitle ||
					matchParentTitle ||
					matchAction ||
					matchLexiconIcon ||
					matchLexiconClassName ||
					matchParentLexiconClassName
				) {
					var selectedFiles = document.querySelectorAll(
						'.form .custom-control-input:checked'
					);

					selectedFiles.forEach(({value}) => {
						var selectedFile = document.querySelector(
							'[data-analytics-file-entry-id="' + value + '"]'
						);

						sendDocumentDownloadedAnalyticsEvent(
							selectedFile
						);
					});
				}
			}
		}
	}

	Liferay.once('destroyPortlet', () => {
		document.body.removeEventListener(
			'click',
			handleDownloadClick
		);
	});

	Liferay.once('portletReady', () => {
		document.body.addEventListener(
			'click',
			handleDownloadClick
		);
	});


	if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
		svg4everybody(
			{
				polyfill: true,
				validate: function (src, svg, use) {
					return !src || !src.startsWith('#');
				}
			}
		);
	}

(function() {var $ = AUI.$;var _ = AUI._;
	Liferay.Util.delegate(
		document,
		'focusin',
		'.portlet',
		function(event) {
			event.delegateTarget.closest('.portlet').classList.add('open');
		}
	);

	Liferay.Util.delegate(
		document,
		'focusout',
		'.portlet',
		function(event) {
			event.delegateTarget.closest('.portlet').classList.remove('open');
		}
	);
})();

	// <![CDATA[

		

		Liferay.currentURL = '\x2ffr\x2fparticuliers\x3fgad_source\x3d1\x26gad_campaignid\x3d20328789526\x26gbraid\x3d0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x26gclid\x3dCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE';
		Liferay.currentURLEncoded = '\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE';

	// ]]>


		// <![CDATA[
			
				

				

				
			
		// ]]>
	
(function() {var $ = AUI.$;var _ = AUI._;
		import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then(
			({openToast}) => {
				AUI().use(
					'liferay-session',
					function () {
						Liferay.Session = new Liferay.SessionBase(
							{
								autoExtend: true,
								redirectOnExpire: false,
								redirectUrl: 'https\x3a\x2f\x2fwww\x2eooredoo\x2edz\x2fweb\x2fguest',
								sessionLength: 900,
								sessionTimeoutOffset: 70,
								warningLength: 60
							}
						);

						
					}
				);
			}
		)
	})();

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_etsh\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_uoio\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_',
			portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_kwaw\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qjmt\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz_',
			portletId: 'com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_xosz\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	function _com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_submitForm(curParam, cur) {
		var data = {};

		data[curParam] = cur;

		Liferay.Util.postForm(
			document.susz__com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_pageIteratorFm,
			{
				data: data
			}
		);
	}


	
		Liferay.Portlet.register('com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_',
			portletId: 'com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_qqcv\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_',
			portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_',
			portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_',
			portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch',
			refreshURL: '\x2ffr\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d33\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Ffr\x252Fparticuliers\x253Fgad_source\x253D1\x2526gad_campaignid\x253D20328789526\x2526gbraid\x253D0AAAAADie1V05Ib2cwECZCn8g9iSi_sH0W\x2526gclid\x253DCjwKCAjwlY3WBhANEiwApsNrLfZc3zctGtbV7Al50iDRhdMg6QGviiZPKhxm4De0bqRB1DQKZHfe4xoCWdEQAvD_BwE',
			refreshURLData: {}
		}
	);


</script><script type="module">
import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js';
AUI().use(
  'liferay-menu',
  'liferay-form',
function(A) {
{
Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.ooredoo.dz\/fr\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=33","namespace":"","spritemap":"https:\/\/www.ooredoo.dz\/o\/ooredoo-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''});
}
(function() {
var $ = AUI.$;var _ = AUI._;
	new Liferay.Menu();

	var liferayNotices = Liferay.Data.notices;

	for (var i = 0; i < liferayNotices.length; i++) {
		Liferay.Util.openToast(liferayNotices[i]);
	}

})();
(function() {
var $ = AUI.$;var _ = AUI._;
	Liferay.Form.register(
		{
			id: '_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_fm'

			
				, fieldRules: [

					

				]
			

			

			, validateOnBlur: true
		}
	);

	var onDestroyPortlet = function(event) {
		if (event.portletId === 'com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz') {
			delete Liferay.Form._INSTANCES['_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_fm'];
		}
	};

	Liferay.on('destroyPortlet', onDestroyPortlet);

	

	Liferay.fire(
		'_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_formReady',
		{
			formName: '_com_liferay_commerce_product_content_web_internal_portlet_CPPublisherPortlet_INSTANCE_izzz_fm'
		}
	);
})();
});

</script>









<script src="https://www.ooredoo.dz/o/ooredoo-theme/js/main.js?browserId=firefox&amp;minifierType=js&amp;languageId=fr_FR&amp;t=1790830072000" type="text/javascript"></script>




<script type="module">
import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-alert-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js';
{
main();
}

</script><script type="text/javascript">
Liferay.CustomDialogs = {enabled: false};

</script><script>

</script><script type="module">
import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js';
{
runThirdPartyCookiesInterval();
}

</script>
</body>

</html>