PageSourceSearch

https://chronodiali.ma/

html chronodiali.ma collected 2026-10-07 01:22:59 UTC 238,082 bytes, 3,826 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta name="title" content="Chronodiali : Société de livraison e-commerce maroc">
9    <meta name="author" content="share-in.ma">
10    <meta name="description"
11        content="Notre offre s'étend de la collecte des colis auprès des e-commerçants, jusqu’à la livraison au domicile du client final.">
12    <meta name="keywords"
13        content="Livraison rapide, Service de livraison express, Livraison à domicile, Points de livraison, Livraison à Casablanca, Livraison à Rabat, Livraison le jour même, Livraison en zones rurales, Livraison économique, Service de messagerie, Suivi de colis, Expédition sécurisée, Livraison fiable, Options de livraison flexibles, Logistique au Maroc, Transport de colis, Service de courrier, Livraison internationale, Gestion de la chaîne d'approvisionnement, Livraison dans tout le pays, Expédition abordable, Livraison sûre et rapide, Logistique e-commerce, Service client dédié, Solution de livraison personnalisée, Livraison B2B, Transport de marchandises, Services d'entreposage, Expédition de produits, Logistique du dernier kilomètre, société de livraison e-commerce maroc, livraison e-commerce maroc, livraison e-commerce, livraison e-commerce rabat, service livraison e-commerce maroc, mode de livraison e-commerce, livraison e-commerce casablanca, politique de livraison e-commerce exemple, solutions de livraison e-commerce, promesse de livraison e-commerce, livraison e-commerce jour j, solutions livraison e-commerce, solution livraison e-commerce, gestion livraison e-commerce, livraison e-commerce j+1, livraison e-commerce alimentaire, coût livraison e-commerce, les solutions actuelles de la livraison e-commerce, modes de livraison e-commerce, Livraison Partout au Maroc, la livraison partout au maroc, on fait la livraison partout au maroc, livraison partout au maroc en anglais, livraison partout au maroc facebook, livraison partout au maroc logo, Livraison à domicile e-commerce, Livraison e-commerce casablanca, livraison maroc, express livraison, bon de livraison,livraison">
14    <title>Chrono Diali | Les experts de la livraison e-commerce</title>
15    <link rel="stylesheet" href="./css/styles.css" media="all">
16    <link rel="stylesheet" href="./css/loaderStyles.css">
17    <link rel="stylesheet" href="./css/select.css">
18    <link rel="stylesheet" href="./css/owlcarousel.css">
19    <link rel="preconnect" href="https://fonts.googleapis.com">
20    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21    <link rel="stylesheet" href="./css/materialicons.css">
22    <link rel="icon" type="image/x-icon" href="./assets/chronoimages/fav.ico">
23    <!-- Google Tag Manager -->
24    
24<script>
vendor: 555 bytes, lines 24-38
24
25        (function (w, d, s, l, i) {
26            w[l] = w[l] || [];
27            w[l].push({
28                'gtm.start': new Date().getTime(),
29                event: 'gtm.js'
30            });
31            var f = d.getElementsByTagName(s)[0],
32                j = d.createElement(s),
33                dl = l != 'dataLayer' ? '&l=' + l : '';
34            j.async = true;
35            j.src =
36                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
37            f.parentNode.insertBefore(j, f);
38        })(window, document, 'script', 'dataLayer', '
38GTM-MTTJVG7
vendor: 8 bytes, lines 38-39
38');
39    
39</script>
39
40    <!-- End Google Tag Manager -->
41    <!-- Meta Pixel Code -->
42    
42<script>
vendor: 680 bytes, lines 42-61
42
43        ! function (f, b, e, v, n, t, s) {
44            if (f.fbq) return;
45            n = f.fbq = function () {
46                n.callMethod ?
47                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
48            };
49            if (!f._fbq) f._fbq = n;
50            n.push = n;
51            n.loaded = !0;
52            n.version = '2.0';
53            n.queue = [];
54            t = b.createElement(e);
55            t.async = !0;
56            t.src = v;
57            s = b.getElementsByTagName(e)[0];
58            s.parentNode.insertBefore(t, s)
59        }(window, document, 'script',
60            'https://connect.facebook.net/en_US/fbevents.js');
61        fbq('init', '
612494461627395493
vendor: 42 bytes, lines 61-63
61');
62        fbq('track', 'PageView');
63    
63</script>
63
64    <noscript><img loading="lazy" height="1" width="1" style="display:none"
65            src="https://www.facebook.com/tr?id=2494461627395493&ev=PageView&noscript=1"></noscript>
66    <!-- End Meta Pixel Code -->
67    <!-- 
67<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js"
68        integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
68 -->
69    <!-- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'> -->
70</head>
71
72<body>
73    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 73-74
73
74    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-MTTJVG7
vendor: 99 bytes, lines 74-76
74" height="0" width="0"
75            style="display:none;visibility:hidden"></iframe></noscript>
76    
76<!-- End Google Tag Manager (noscript) -->
77    <!-- Main Header -->
78    <header class="main_header">
79        <a href="./index.html" class="logo_container">
80            <img loading="lazy" src="./assets/logofr.png" alt="logo">
81        </a>
82        <div class="main_menu_items">
83            <a href="./index.html" class="menu_item active">Accueil</a>
84            <a href="./nos_service.html" class="menu_item">Nos services</a>
85            <div class="menu_item dropdown">
86                <div class="flex_Container_row"><span>Opérations</span><span
87                        class="material-symbols-outlined">expand_more</span></div>
88                <div class="dropdown-content">
89                    <a href="./suivi_colis.html">Suivre mon colis</a>
90                    <a href="./simulateur_de_tarifs.html">Simulateur de Tarifs</a>
91                    <a href="./envoyercolis.html">Envoyer un colis</a>
92                </div>
93            </div>
94            <a href="./point_de_livraison.html" class="menu_item">Points de livraison</a>
95            <a href="./actualites.html" class="menu_item">Actualités</a>
96            <div class="menu_item dropdown">
97                <div class="flex_Container_row"><span>Espace client</span><span
98                        class="material-symbols-outlined">expand_more</span></div>
99                <div class="dropdown-content">
100                    <a href="#" onclick="openPopUpSignUp();">S’inscrire</a>
101                    <a href="https://portal.chronodiali.ma/login" target="_blank">Se connecter</a>
102                </div>
103            </div>
104            <a href="./contact_us.html" class="menu_item_btn">Contact</a>
105        </div>
106        <div id="_openMenuMobile" class="hamburger_menu_icon"></div>
107    </header>
108
109    <!-- Mobile info header -->
110    <header class="mobile_header" id="_mobileMenuHeader" onclick="closeMenu();">
111        <div class="mobile_header_content" onclick="event.stopPropagation()">
112            <span id="_exitMenu" onclick="closeMenu();" class="exit_menu"></span>
113            <a href="./index.html" class="menu_item">Accueil</a>
114            <a href="./nos_service.html" class="menu_item">Nos services</a>
115            <div class="menu_item_parent">Opération<br><br>
116                <a href="./suivi_colis.html" class="menu_item"><span class="material-symbols-outlined">link</span>Suivre
117                    mon colis</a>
118                <a href="./simulateur_de_tarifs.html" class="menu_item"><span class="material-symbols-outlined">link</span>Simulateur de Tarifs</a>
119                <a href="./envoyercolis.html" class="menu_item"><span
120                        class="material-symbols-outlined">link</span>Envoyer un colis</a>
121            </div>
122
123            <a href="./point_de_livraison.html" class="menu_item">Points de livraison</a>
124            <a href="./actualites.html" class="menu_item">Actualités</a>
125            <div class="menu_item_parent">Espace client<br><br>
126                <div onclick="openPopUpSignUp();" class="menu_item"><span
127                        class="material-symbols-outlined">link</span>S’inscrire</div>
128                <a href="https://portal.chronodiali.ma/login" class="menu_item" target="_blank"><span
129                        class="material-symbols-outlined">link</span>Se connecter</a>
130            </div>
131            <a href="./contact_us.html" class="menu_item menu_item_btn">Contact</a>
132        </div>
133    </header>
134
135
136    <!-- First section -->
137    <!--<div class="first_section">
138        <div class="section_one_infos_container">
139            <div class="text_container">
140                <h1 class="big_title lftToRight">
141                    Les EXPERTS<br>DE LA LIVRAISON<br>E-COMMERCE
142                </h1>
143            </div>
144            <div class="suivi_form_container">
145                <input type="text" name="suivi-num" class="suivi_num" id="_suiviNum"
146                    placeholder="EX: CHPU1086280495856759356">
147                 <button aria-label="Button" class="suivi_num_btn" onclick="suiviMonColisHomePage();">Suivre mon colis</button>
148            </div>
149            <div class="text_container">
150                <div class="x_small_title c-black t-just lftToRight-late"><b>DE TANGER À LA GOUIRA, VOS COLIS E-COMMERCE<br>LIVRÉS À VOTRE ADRESSE !</b></div>
151            </div>
152        </div>
153    </div>-->
154
155    <div class="first_section">
156        <div class="section_one_infos_container">
157            <div class="text_container">
158                <h1 class="big_title lftToRight">
159                    Les EXPERTS <br> DE  LA LIVRAISON  <br>
159 E-COMMERCE 
160                </h1>
161            </div>
162            <div class="chrono-hero-card">
163                <div class="chrono-hero-tabs">
164                    <a target="_blank" rel="noopener noreferrer" href="./suivi_colis.html" class="chrono-hero-tab chrono-hero-tab-active" style="text-decoration: none;font-size: small;font-weight: bold;">
165                        <svg xmlns="http://www.w3.org/2000/svg" height="32px" viewBox="0 -960 960 960" width="32px" fill="#0060a2" style="margin-bottom: 8px;"><path d="M765-144 526-383q-30 22-65.79 34.5-35.79 12.5-76.18 12.5Q284-336 214-406t-70-170q0-100 70-170t170-70q100 0 170 70t70 170.03q0 40.39-12.5 76.18Q599-464 577-434l239 239-51 51ZM384-408q70 0 119-49t49-119q0-70-49-119t-119-49q-70 0-119 49t-49 119q0 70 49 119t119 49Z"/></svg>
166
167                        <span>Suivre mon colis</span>
168                    </a>
169                    <a target="_blank" rel="noopener noreferrer" href="./simulateur_de_tarifs.html" class="chrono-hero-tab" style="text-decoration: none;font-size: small;font-weight: bold;">
170                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#0060a2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator"  style="margin-bottom: 10px;"><rect width="16" height="20" x="4" y="2" rx="2"/><line x1="8" x2="16" y1="6" y2="6"/><line x1="16" x2="16" y1="14" y2="18"/><path d="M16 10h.01"/><path d="M12 10h.01"/><path d="M8 10h.01"/><path d="M12 14h.01"/><path d="M8 14h.01"/><path d="M12 18h.01"/><path d="M8 18h.01"/></svg>
171                        <span>Tarifs et Devis</span>
172                    </a>
173                    <a target="_blank" rel="noopener noreferrer" href="./envoyercolis.html" class="chrono-hero-tab" style="text-decoration: none;font-size: small;font-weight: bold;">
174                        <svg xmlns="http://www.w3.org/2000/svg" height="32px" viewBox="0 -960 960 960" width="32px" fill="#0060a2" style="margin-bottom: 8px;"><path d="M446.67-163.67V-461l-260-150.33V-314l260 150.33Zm66.66 0 260-150.33v-298l-260 151v297.33ZM446.67-87 153.33-256q-15.66-9-24.5-24.33-8.83-15.34-8.83-33.34v-332.66q0-18 8.83-33.34 8.84-15.33 24.5-24.33l293.34-169q15.66-9 33.33-9 17.67 0 33.33 9l293.34 169q15.66 9 24.5 24.33 8.83 15.34 8.83 33.34v332.66q0 18-8.83 33.34-8.84 15.33-24.5 24.33L513.33-87q-15.66 9-33.33 9-17.67 0-33.33-9Zm196-526 93.66-54L480-815.33 386-761l256.67 148ZM480-518l95.33-55.67-257-148.33L223-667l257 149Z"/></svg>
175                        <span>Envoyer un colis</span>
176                    </a>
177                </div>
178                
179                <div class="chrono-hero-tracking">
180                    <input type="text" name="suivi-num" class="chrono-hero-input" id="_suiviNum" 
181                        placeholder="EXP: CHPU1089695859494849494">
182                    <button aria-label="Suivre mon colis" class="chrono-hero-button" onclick="suiviMonColisHomePage();">
183                        SUIVRE MON COLIS
184                    </button>
185                </div>
186            </div>
187            <div class="chrono-mobile-card">
188                <!-- Tracking section -->
189                <div class="chrono-mobile-tracking">
190                  <input type="text" class="chrono-mobile-input" id="__suiviNum" placeholder="EXP: CHPU1089695859494849494">
191                  <button class="chrono-mobile-button" onclick="suiviMonColisHomePage_();">SUIVRE MON COLIS</button>
192                </div>
193                
194                <!-- Service buttons -->
195                <div class="chrono-mobile-services">
196                  <!-- Send package button -->
197                  <a target="_blank" rel="noopener noreferrer" href="./suivi_colis.html" class="chrono-mobile-service" style="text-decoration: none;">
198                    <div class="chrono-mobile-service-content">
199                      <div class="chrono-mobile-service-icon">
200                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#0060a2"><path d="M765-144 526-383q-30 22-65.79 34.5-35.79 12.5-76.18 12.5Q284-336 214-406t-70-170q0-100 70-170t170-70q100 0 170 70t70 170.03q0 40.39-12.5 76.18Q599-464 577-434l239 239-51 51ZM384-408q70 0 119-49t49-119q0-70-49-119t-119-49q-70 0-119 49t-49 119q0 70 49 119t119 49Z"/></svg>
201
202                    </div>
203                      <span>Suivre mon colis</span>
204                    </div>
205                  </a>
206                  
207                  <!-- Calculate rate button -->
208                  <a target="_blank" rel="noopener noreferrer" href="./simulateur_de_tarifs.html" class="chrono-mobile-service" style="text-decoration: none;">
209                    <div class="chrono-mobile-service-content">
210                      <div class="chrono-mobile-service-icon">
211                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0060a2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator"><rect width="16" height="20" x="4" y="2" rx="2"/><line x1="8" x2="16" y1="6" y2="6"/><line x1="16" x2="16" y1="14" y2="18"/><path d="M16 10h.01"/><path d="M12 10h.01"/><path d="M8 10h.01"/><path d="M12 14h.01"/><path d="M8 14h.01"/><path d="M12 18h.01"/><path d="M8 18h.01"/></svg></div>
212                      <span>Tarifs et Devis</span>
213                    </div>
214                  </a>
215                  
216                  <!-- Request quote button -->
217                  <a target="_blank" rel="noopener noreferrer"  href="./envoyercolis.html" class="chrono-mobile-service" style="text-decoration: none;">
218                    <div class="chrono-mobile-service-content">
219                      <div class="chrono-mobile-service-icon">
220                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#0060a2"><path d="M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-80 92L160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11Zm200-528 77-44-237-137-78 45 238 136Zm-160 93 78-45-237-137-78 45 237 137Z"/></svg>
221                    </div>
222                      <span>Envoyer un colis</span>
223                      </div>
224                  </a>
225                </div>
226              </div>
227            <div class="text_container">
228                <div class=" c-black t-just lftToRight-late"  style="margin-top: 20px;">DE TANGER À LA GOUIRA, VOS COLIS E-COMMERCE LIVRÉS À VOTRE ADRESSE !</div>
229            </div>
230        </div>
231    </div>
232
233    <!-- Second section -->
234    <div class="second_section">
235        <div class="first_row_second_section">
236            <div class="text_item_inrow_second_sec">
237                <div class="small_title c-white lftToRight">QUI SOMMES-NOUS ?</div><br>
238                <div class="paragraph c-white t-just lftToRight-late">Filiale du groupe <b>BARID AL MAGHRIB</b> et du
239                    <b>GROUPE GEOPOST</b>, et spécialisée
240                    dans la <b>LOGISTIQUE</b> du dernier kilomètre urbain, <b>CHRONO DIALI</b> est une entreprise
241                    porteuse d’une offre conçue pour vous apporter des solutions technologiques
242                    et <b>LOGISTIQUES</b> adaptées aux exigences du <b>E-COMMERCE</b>
243                </div><br>
244                <div style="display: block;">
245                    <a href="./aboutus.html" target="_blank"
246                            style="text-decoration: none;" class="c-white small_btn_contact">En savoir +</a>
247                </div>
248                <div class="logo_design_container lftToRight-late">
249                    <div class="logo_container_sec_qsn">
250                        <img loading="lazy" src="./assets/chronoimages/gbamlogo.png" alt="gbam logo">
251                    </div>
252                    <div class="logo_container_sec_qsn">
253                        <img loading="lazy" src="./assets/chronoimages/geopostlogo.png" alt="geopost logo">
254                    </div>
255                </div>
256            </div>
257            <div class="img_item_inrow_second_sec">
258                <img loading="lazy" src="./assets/chronoimages/agentholdingboxside.png" alt="chrono diali agent">
259            </div>
260        </div>
261        <div class="second_row_second_section">
262            <div class="text_item_inrow_second_sec">
263                <div class="small_title c-white t-center rhtToLeft">Nos services :</div>
264                <div class="services_items_container_second_sec rhtToLeft-late">
265                    <div class="services_item_card">
266                        <div class="item_card_icon material-symbols-outlined c-white">drag_pan
267                        </div>
268                        <div class="item_card_text">
269                            <div class="x_small_title c-white">Flexibilité :</div>
270                            <div class="paragraph c-white t-center">Ramassage depuis votre addresse simple et rapide, à
271                                partir d’un seul colis</div>
272                        </div>
273                    </div>
274                    <div class="services_item_card">
275                        <div class="item_card_icon material-symbols-outlined c-white">payments
276                        </div>
277                        <div class="item_card_text">
278                            <div class="x_small_title c-white">Paiement :</div>
279                            <div class="paragraph c-white t-center">Paiements à la livraison en espèces ou par carte
280                                bancaire</div>
281                        </div>
282                    </div>
283                    <div class="services_item_card">
284                        <div class="item_card_icon material-symbols-outlined c-white">
285                            share_location
286                        </div>
287                        <div class="item_card_text">
288                            <div class="x_small_title c-white">Tracking :</div>
289                            <div class="paragraph c-white t-center">Suivi et localisation des envois de colis en temps
290                                réel</div>
291                        </div>
292                    </div>
293                    <div class="services_item_card">
294                        <div class="item_card_icon material-symbols-outlined c-white">devices_other
295                        </div>
296                        <div class="item_card_text">
297                            <div class="x_small_title c-white">Technologie :</div>
298                            <div class="paragraph c-white t-center">Toutes les interactions sont digitalisées et
299                                automatisées</div>
300                        </div>
301                    </div>
302                </div>
303            </div>
304            <div class="img_item_inrow_second_sec">
305                <img loading="lazy" src="./assets/chronoimages/agentholdingboxfront.png" alt="chrono diali agent">
306            </div>
307        </div>
308    </div>
309
310    <!-- Third section -->
311    <div class="third_section">
312        <div class="small_title c-blue t-center topToBtm">Une solution 100% digitale pour gérer vos expéditions, colis
313            et retour de fond !<br></div><br>
314        <div class="x_small_title c-black t-center topToBtm-late">Vous pouvez gérer l'ensemble de vos colis expédiés et
315            fonds collectés depuis votre espace client</div><br>
316        <div class="third_section_row_items_container">
317            <div class="grid_items_container_third_sec">
318                <div class="third_sec_grid_item_card">
319                    <div class="item_card_icon material-symbols-outlined c-white">conveyor_belt
320                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
321                    </div>
322                    <div class="item_card_text">
323                        <div class="x_small_title c-blue">Ramassage<span style="white-space: nowrap;"> automatisé
324                                :</span></div>
325                        <div class="paragraph c-black t-left">Effectuez vos demandes de collecte en 1 clic </div>
326                    </div>
327                </div>
328                <div class="third_sec_grid_item_card">
329                    <div class="item_card_icon material-symbols-outlined c-white">groups
330                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
331                    </div>
332                    <div class="item_card_text">
333                        <div class="x_small_title c-blue">Espace Client <span style="white-space: nowrap;">dédié
334                                :</span></div>
335                        <div class="paragraph c-black t-left">Pilotez l'ensemble de votre logistique en ligne </div>
336                    </div>
337                </div>
338                <div class="third_sec_grid_item_card">
339                    <div class="item_card_icon material-symbols-outlined c-white">conversion_path
340                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
341                    </div>
342                    <div class="item_card_text">
343                        <div class="x_small_title c-blue">Suivi de <span style="white-space: nowrap;">colis :</span>
344                        </div>
345                        <div class="paragraph c-black t-left">Suivez vos colis en temps réel</div>
346                    </div>
347                </div>
348                <div class="third_sec_grid_item_card">
349                    <div class="item_card_icon material-symbols-outlined c-white">swap_horiz
350                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
351                    </div>
352                    <div class="item_card_text">
353                        <div class="x_small_title c-blue">Retours <span style="white-space: nowrap;">clients :</span>
354                        </div>
355                        <div class="paragraph c-black t-left">Demandez le retour de vos colis jusqu'à votre adresse
356                        </div>
357                    </div>
358                </div>
359                <div class="third_sec_grid_item_card">
360                    <div class="item_card_icon material-symbols-outlined c-white">fact_check
361                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
362                    </div>
363                    <div class="item_card_text">
364                        <div class="x_small_title c-blue">Bordereaux <span style="white-space: nowrap;">d’envoi :</span>
365                        </div>
366                        <div class="paragraph c-black t-left">Créez et imprimez vos étiquettes d'expédition</div>
367                    </div>
368                </div>
369                <div class="third_sec_grid_item_card">
370                    <div class="item_card_icon material-symbols-outlined c-white">attach_money
371                        <!-- <img loading="lazy" src="./assets/icons/thirdseciconmarker.png" alt="service icon"> -->
372                    </div>
373                    <div class="item_card_text">
374                        <div class="x_small_title c-blue">Cash <span style="white-space: nowrap;">collect :</span></div>
375                        <div class="paragraph c-black t-left">Pilotez vos retours de fond en ligne et/ou preuves de
376                            livraison</div>
377                    </div>
378                </div>
379            </div>
380            <div class="image_container_third_sec">
381                <img loading="lazy" src="./assets/cross.png" alt="chrono diali dashboard">
382            </div>
383        </div>
384        <div  onclick="openPopUpSignUp();" class="moy_btn_container">Devenir client</div>
385    </div>
386
387    <!-- Fourth section -->
388    <div class="fourth_section">
389        <div class="small_title c-white t-center topToBtm">Un service sur mesure pour vos besoins</div><br>
390        <div class="x_small_title c-white t-center topToBtm-late">Pour tous les e-commerçants et entreprises souhaitant
391            développer ou sous-traiter la livraison et la distribution de leurs colis</div>
392        <div class="slider-container">
393            <div class="slider-wrapper">
394
395                <div class="offer_first_main_card_container slider-item">
396                    <div class="offer_bg_img_sec_four"></div>
397                    <div class="card_text_container">
398                        <div class="x_small_title c-blue t-center">E-commerçants</div><br>
399
400                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Demandez votre
401                            ramassage</div>
402                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Expédiez vos
403                            colis</div>
404                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Retournez vos
405                            colis</div>
406                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Suivez vos
407                            colis</div>
408                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Imprimez un
409                            bordereau</div>
410                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Pilotez vos
411                            retours de fonds</div>
412                    </div>
413                    <div  onclick="openPopUpSignUp();" class="moy_btn_container">Devenir client</div>
414                </div>
415                <div class="offer_second_main_card_container slider-item">
416                    <div class="offer_bg_img_sec_four"></div>
417                    <div class="card_text_container">
418                        <div class="x_small_title c-blue t-center">Entreprises</div><br>
419
420                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Demandez votre
421                            ramassage</div>
422                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Expédiez vos
423                            colis</div>
424                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Retournez vos
425                            colis</div>
426                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Suivez vos
427                            colis</div>
428                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Intégrez nos
429                            API </div>
430                        <div class="paragraph c-blue"><span class="material-symbols-outlined">send</span> Éditez vos
431                            factures</div>
432                    </div>
433                    <div  onclick="openPopUpSignUp();" class="moy_btn_container">Devenir client</div>
434                </div>
435
436            </div>
437            <div class="dots_container">
438                <div id="first_dot" class="dot_item_outer">
439                    <div class="dot_item_inner"></div>
440                </div>
441                <div id="second_dot" class="dot_item_outer">
442                    <div class="dot_item_inner"></div>
443                </div>
444            </div>
445        </div>
446
447
448    </div>
449
450    <!-- Fifth section -->
451    <div class="fifth_section">
452        <div class="small_title c-blue t-center topToBtm">Nos points de livraison</div><br>
453        <div class="x_small_title c-black t-center topToBtm-late"> Livraison à domicile ou en agence, avec CHRONO DIALI
454            , vous pouvez envoyer vos colis sur plus de 300 destinations !</div><br><br>
455        <div class="content_fifth_section_container">
456            <div class="maps_image_container_fif_sec">
457                <img loading="lazy" src="./assets/chronoimages/nosAgencesMaps.png" alt="maps"
458                    class="nos_points_maps_image">
459            </div>
460            <div class="fifth_sec_content_container">
461                <div class="radio_btns_for_maps">
462                    <label for="__nosAgenRadioBox" class="check_box_radio_label">
463                        <input checked type="radio" name="nos_point_type" value="Nos agences" id="__nosAgenRadioBox"
464                            onclick="changeLivPointsImage(this)">Nos agences
465                    </label>
466                    <label for="__nosDisRadioBox" class="check_box_radio_label">
467                        <input type="radio" name="nos_point_type" value="Nos destinations" id="__nosDisRadioBox"
468                            onclick="changeLivPointsImage(this)">Nos destinations
469                    </label>
470                </div>
471                <div class="point_input_container">
472                    <div id="nos_agence_selectbox_container">
473                        <select name="city" style="border: 2px solid #0060A2;" id="selcetCitiesBox"
474                            onchange="changeCityAgencies(this.value)">
475                            <option value='AGADIR'>AGENCE AGADIR</option>
476                            <option value='CASABLANCA'>AGENCE CASABLANCA</option>
477                            <option value='MARRAKECH'>AGENCE MARRAKECH</option>
478                            <option value='RABAT'>AGENCE RABAT</option>
479                            <option value='TANGER'>AGENCE TANGER</option>
480                            <option value='FES'>AGENCE FES</option>
481                        </select>
482                    </div>
483                    <div id="nos_dists_selectbox_container" style="display:none;">
484                        <select name="city" style="border: 2px solid #0060A2;" id="selcetCitiesDistsBox" onchange="toggleCards(this.value)">
485                            <option value="ALL">TOUTE</option>
486                            <option value='AGADIR'>AGADIR</option>
487                            <option value='AGOURAI'>AGOURAI</option>
488                            <option value='AHFIR'>AHFIR</option>
489                            <option value='AIN ALLAH'>AIN ALLAH</option>
490                            <option value='AIN AOUDA'>AIN AOUDA</option>
491                            <option value='AIN ATIG'>AIN ATIG</option>
492                            <option value='AIN BNI MATHER'>AIN BNI MATHER</option>
493                            <option value='AIN CHEGGAG'>AIN CHEGGAG</option>
494                            <option value='AIN HARROUDA'>AIN HARROUDA</option>
495                            <option value='AIN REGGADA'>AIN REGGADA</option>
496                            <option value='AIN TAOUJDATE'>AIN TAOUJDATE</option>
497                            <option value='AIT MELLOUL'>AIT MELLOUL</option>
498                            <option value='AKLIM'>
498AKLIM</option>
499                            <option value='AL HOUCEIMA'>AL HOUCEIMA</option>
500                            <option value='ANZA'>ANZA</option>
501                            <option value='AOURIR'>AOURIR</option>
502                            <option value='ARBAAT AOUNAT'>ARBAAT AOUNAT</option>
503                            <option value='AROUIT'>AROUIT</option>
504                            <option value='ASSILAH'>ASSILAH</option>
505                            <option value='AZEMMOUR'>AZEMMOUR</option>
506                            <option value='AZROU'>AZROU</option>
507                            <option value='AZROU- TEMSIA'>AZROU- TEMSIA</option>
508                            <option value='BASSATINE ELMENZAH'>BASSATINE ELMENZAH</option>
509                            <option value='BEJAAD'>BEJAAD</option>
510                            <option value='BEN AHMED'>BEN AHMED</option>
511                            <option value='BENGUERIR'>BENGUERIR</option>
512                            <option value='BENI CHIKER'>BENI CHIKER</option>
513                            <option value='BENI HLALA'>BENI HLALA</option>
514                            <option value='BENI MELLAL'>BENI MELLAL</option>
515                            <option value='BENSLIMANE'>BENSLIMANE</option>
516                            <option value='BENTAIB'>BENTAIB</option>
517                            <option value='BERKANE'>BERKANE</option>
518                            <option value='BERRECHID'>BERRECHID</option>
519                            <option value='BHALIL'>BHALIL</option>
520                            <option value='BIOUGRA'>BIOUGRA</option>
521                            <option value='BIR JDID'>BIR JDID</option>
522                            <option value='BIR MEZOUI'>BIR MEZOUI</option>
523                            <option value='BNI BOUAAYECH'>BNI BOUAAYECH</option>
524                            <option value='BNIDRAR'>BNIDRAR</option>
525                            <option value='BNINSAR'>BNINSAR</option>
526                            <option value='BOUARG'>BOUARG</option>
527                            <option value='BOUDERBALA'>BOUDERBALA</option>
528                            <option value='BOUDINAR'>BOUDINAR</option>
529                            <option value='BOUFAKRANE'>BOUFAKRANE</option>
530                            <option value='BOUJDOUR'>BOUJDOUR</option>
531                            <option value='BOUJNIBA'>BOUJNIBA</option>
532                            <option value='BOUKNADEL'>BOUKNADEL</option>
533                            <option value='BOUSKOURA'>BOUSKOURA</option>
534                            <option value='BOUZNIKA'>BOUZNIKA</option>
535                            <option value='CASABLANCA'>CASABLANCA</option>
536                            <option value='CAPONEGRO'>CAPONEGRO</option>
537                            <option value='DAKHLA'>DAKHLA</option>
538                            <option value='DAR BOAAZZA'>DAR BOAAZZA</option>
539                            <option value='DCHEIRA'>DCHEIRA</option>
540                            <option value='DEROUA'>DEROUA</option>
541                            <option value='DRIOUCH'>DRIOUCH</option>
542                            <option value='ECHEMMAIA'>ECHEMMAIA</option>
543                            <option value='EL GUEFFAF'>EL GUEFFAF</option>
544                            <option value='EL HADJ KADDOUR'>EL HADJ KADDOUR</option>
545                            <option value='EL HAJEB'>EL HAJEB</option>
546                            <option value='EL JADIDA'>EL JADIDA</option>
547                            <option value='EL KRAZZA'>EL KRAZZA</option>
548                            <option value='EL MENZEL'>EL MENZEL</option>
549                            <option value='ELAIOUNE'>ELAIOUNE</option>
550                            <option value='ERFOUD'>ERFOUD</option>
551                            <option value='ERRACHIDIA'>ERRACHIDIA</option>
552                            <option value='ERRICH'>ERRICH</option>
553                            <option value='FARKHANA'>FARKHANA</option>
554                            <option value='FES'>FES</option>
555                            <option value='FKIH BEN SALAH'>FKIH BEN SALAH</option>
556                            <option value='FNIDEQ'>FNIDEQ</option>
557                            <option value='GOULMIMA'>GOULMIMA</option>
558                            <option value='GUERCIF'>GUERCIF</option>
559                            <option value='GUISSER'>GUISSER</option>
560                            <option value='GZENAYA'>GZENAYA</option>
561                            <option value='HAD BRADIA'>HAD BRADIA</option>
562                            <option value='HAD SOUALEM'>HAD SOUALEM</option>
563                            <option value='HAOUZIA'>HAOUZIA</option>
564                            <option value='HARHOURA'>HARHOURA</option>
565                            <option value='HATTANE'>HATTANE</option>
566                            <option value='IFRANE'>IFRANE</option>
567                            <option value='IMOUZZER KANDAR'>IMOUZZER KANDAR</option>
568                            <option value='IMZOUREN'>IMZOUREN</option>
569                            <option value='INZEGANE'>INZEGANE</option>
570                            <option value='JEMAA SHAIM'>JEMAA SHAIM</option>
571                            <option value='JRADA'>JRADA</option>
572                            <option value='KARIAT ARKMAN'>KARIAT ARKMAN</option>
573                            <option value='KASBA TADLA'>KASBA TADLA</option>
574                            <option value='KELAA DES SRAGHNA'>KELAA DES SRAGHNA</option>
575                            <option value='KENITRA'>KENITRA</option>
576                            <option value='KHEMIS DES ZEMAMRA'>KHEMIS DES ZEMAMRA</option>
577                            <option value='KHEMISSET'>KHEMISSET</option>
578                            <option value='KHENIFRA'>KHENIFRA</option>
579                            <option value='KHOURIBGA'>KHOURIBGA</option>
580                            <option value='KSAR EL KEBIR'>KSAR EL KEBIR</option>
581                            <option value='KSER SGHIR'>
581KSER SGHIR</option>
582                            <option value='LAATAMNA'>LAATAMNA</option>
583                            <option value='LAAYOUNE'>LAAYOUNE</option>
584                            <option value='LARACHE'>LARACHE</option>
585                            <option value='MARINA SMIR'>MARINA SMIR</option>
586                            <option value='MARRAKECH'>MARRAKECH</option>
587                            <option value='MARTIL'>MARTIL</option>
588                            <option value='MDIQ'>MDIQ</option>
589                            <option value='MEDIOUNA'>MEDIOUNA</option>
590                            <option value='MEHDIA'>MEHDIA</option>
591                            <option value='MEKNES'>MEKNES</option>
592                            <option value='MELLOUSSA'>MELLOUSSA</option>
593                            <option value='MERZOUGA'>MERZOUGA</option>
594                            <option value='MHAYA'>MHAYA</option>
595                            <option value='MIDAR'>MIDAR</option>
596                            <option value='MIDELT'>MIDELT</option>
597                            <option value='MOHAMMADIA'>MOHAMMADIA</option>
598                            <option value='MOULAY ABDELLAH'>MOULAY ABDELLAH</option>
599                            <option value='MOULAY IDRISS'>MOULAY IDRISS</option>
600                            <option value='MOULAY YACOUB'>MOULAY YACOUB</option>
601                            <option value='MRIRT'>MRIRT</option>
602                            <option value='NADOR'>NADOR</option>
603                            <option value='NOUACEUR'>NOUACEUR</option>
604                            <option value='OUAD CHARAT'>OUAD CHARAT</option>
605                            <option value='OUED AMLIL'>OUED AMLIL</option>
606                            <option value='OUED NAANAA'>OUED NAANAA</option>
607                            <option value='OUED ZEM'>OUED ZEM</option>
608                            <option value='OUJDA'>OUJDA</option>
609                            <option value='OUJDA - AEROPORT'>OUJDA - AEROPORT</option>
610                            <option value='OULAD ABBOU'>OULAD ABBOU</option>
611                            <option value='OULAD AMRANE'>OULAD AMRANE</option>
612                            <option value='OULAD ETTAYEB'>OULAD ETTAYEB</option>
613                            <option value='OULAD SIDI ALI BEN YOUSSEF'>OULAD SIDI ALI BEN YOUSSEF</option>
614                            <option value='OULAD TEIMA'>OULAD TEIMA</option>
615                            <option value='OULED FREJ'>OULED FREJ</option>
616                            <option value='OULED MBAREK'>OULED MBAREK</option>
617                            <option value='OULED MIMOUN'>OULED MIMOUN</option>
618                            <option value='PORT DE PECHE'>PORT DE PECHE</option>
619                            <option value='RABAT'>RABAT</option>
620                            <option value='RAS ALMAE'>RAS ALMAE</option>
621                            <option value='RAS EL AIN - YOUSSOFIA'>RAS EL AIN - YOUSSOFIA</option>
622                            <option value='RIBAT EL KHEIR'>RIBAT EL KHEIR</option>
623                            <option value='RISSANI'>RISSANI</option>
624                            <option value='SABAA AIYOUN'>SABAA AIYOUN</option>
625                            <option value='SAFI'>SAFI</option>
626                            <option value='SAIDIA'>SAIDIA</option>
627                            <option value='SALE'>SALE</option>
628                            <option value='SEBT GZOULA'>SEBT GZOULA</option>
629                            <option value='SEBT OULAD NEMMA'>SEBT OULAD NEMMA</option>
630                            <option value='SEFROU'>SEFROU</option>
631                            <option value='SELOUANE'>SELOUANE</option>
632                            <option value='SETTAT'>SETTAT</option>
633                            <option value='SIDI AHMED'>SIDI AHMED</option>
634                            <option value='SIDI BENNOUR'>SIDI BENNOUR</option>
635                            <option value='SIDI BOUMEHDI'>SIDI BOUMEHDI</option>
636                            <option value='SIDI BOUZID'>SIDI BOUZID</option>
637                            <option value='SIDI DAHBI'>SIDI DAHBI</option>
638                            <option value='SIDI EL AIDI'>SIDI EL AIDI</option>
639                            <option value='SIDI HAJJAJ'>SIDI HAJJAJ</option>
640                            <option value='SIDI HAJJAJ DE SETTAT'>SIDI HAJJAJ DE SETTAT</option>
641                            <option value='SIDI HRAZEM'>
641SIDI HRAZEM</option>
642                            <option value='SIDI ISMAIL'>SIDI ISMAIL</option>
643                            <option value='SIDI JABER'>SIDI JABER</option>
644                            <option value='SIDI KACEM'>SIDI KACEM</option>
645                            <option value='SIDI RAHAL'>SIDI RAHAL</option>
646                            <option value='SIDI SLIMANE'>SIDI SLIMANE</option>
647                            <option value='SIDI YAHYA OUJDA'>SIDI YAHYA OUJDA</option>
648                            <option value='SIDI YAHYA ZEAR'>SIDI YAHYA ZEAR</option>
649                            <option value='SKHIRATE'>SKHIRATE</option>
650                            <option value='SMARA'>SMARA</option>
651                            <option value='TACHREFT'>TACHREFT</option>
652                            <option value='TADART ANZA'>TADART ANZA</option>
653                            <option value='TAHLA'>TAHLA</option>
654                            <option value='TAMARIS'>TAMARIS</option>
655                            <option value='TAMESNA'>TAMESNA</option>
656                            <option value='TAMNSOURT'>TAMNSOURT</option>
657                            <option value='TAN TAN'>TAN TAN</option>
658                            <option value='TANGER'>TANGER</option>
659                            <option value='TAOURIRT'>TAOURIRT</option>
660                            <option value='TAROUDANT'>TAROUDANT</option>
661                            <option value='TAZA'>TAZA</option>
662                            <option value='TEMARA'>TEMARA</option>
663                            <option value='TETOUAN'>TETOUAN</option>
664                            <option value='TIFELT'>TIFELT</option>
665                            <option value='TIT MELLIL'>TIT MELLIL</option>
666                            <option value='TIZNIT'>TIZNIT</option>
667                            <option value='TLAT BOUGEDRA'>TLAT BOUGEDRA</option>
668                            <option value='TLETA LOULAD'>TLETA LOULAD</option>
669                            <option value='TNINE CHTOUKA'>TNINE CHTOUKA</option>
670                            <option value='YOUSSOFIA'>YOUSSOFIA</option>
671                            <option value='ZAIO'>ZAIO</option>
672                            <option value='ZGHENGHAN'>ZGHENGHAN</option>
673                        </select>
674                    </div>
675                </div>
676                <div class="responsive_img_container"></div>
677                <div class="cards_maps_container" id="_mapCardHolderId" >
678                    <a href="https://goo.gl/maps/1oJcZixWcmx1qZjt9" target="_blank" class="card_delivery_points">
679                        <div class="item_card_icon material-symbols-outlined c-white">distance
680                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
681                        </div>
682                        <div class="item_card_text">
683                            <div class="x_small_title c-white">AGENCE TANGER</div>
684                            <hr>
685                            <div class="paragraph c-white selectable"><b>Adresse :</b> Lotissement al osra 71 B azib haj
686                                kaddour, Tanger 90000</div>
687                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
688                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
689                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
690                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
691                        </div>
692                    </a>
693                    <a href="https://www.google.com/maps?q=30,+LOT+GREEN+PARC+CH.COURSE+MAGASIN+1++FES" target="_blank"
694                        class="card_delivery_points">
695                        <div class="item_card_icon material-symbols-outlined c-white">distance
696                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
697                        </div>
698                        <div class="item_card_text">
699                            <div class="x_small_title c-white">AGENCE FES</div>
700                            <hr>
701                            <div class="paragraph c-white selectable"><b>Adresse :</b> 30, lot green parc ch.Course
702                                magasin 1 fes</div>
703                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
704                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
705                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
706                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
707                        </div>
708                    </a>
709                    <a href="https://goo.gl/maps/Lx8rxGsuw5z6WQk98" target="_blank" class="card_delivery_points">
710                        <div class="item_card_icon material-symbols-outlined c-white">distance
711                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
712                        </div>
713                        <div class="item_card_text">
714                            <div class="x_small_title c-white">AGENCE RABAT</div>
715                            <hr>
716                            <div class="paragraph c-white selectable"><b>Adresse :</b> Centre de traitement et de
717                                distribution, Rue Ibn Amrane, Av. Ahmed Reda
718                                Gdira, Rabat 10210</div>
719                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
720                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
721                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
722                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
723                        </div>
724                    </a>
725                    <a href="https://goo.gl/maps/wD7ws5yF4YjJk6Hp7" target="_blank" class="card_delivery_points">
726                        <div class="item_card_icon material-symbols-outlined c-white">distance
727                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
728                        </div>
729                        <div class="item_card_text">
730                            <div class="x_small_title c-white">AGENCE CASABLANCA</div>
731                            <hr>
732                            <div class="paragraph c-white selectable"><b>Adresse :</b> 23 RU AB.BAKR BNO KOUTA 20250
733                            </div>
734                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
735                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
736                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
737                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
738                        </div>
739                    </a>
740                    <a href="https://goo.gl/maps/2F1rxSXe4X4z7bbu8" target="_blank" class="card_delivery_points">
741                        <div class="item_card_icon material-symbols-outlined c-white">distance
742                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
743                        </div>
744                        <div class="item_card_text">
745                            <div class="x_small_title c-white">AGENCE MARRAKECH</div>
746                            <hr>
747                            <div class="paragraph c-white selectable"><b>Adresse :</b> 163 Hay el Massar Rte de Safi-
748                                Marrakech 40000</div>
749                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
750                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
751                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
752                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
753                        </div>
754                    </a>
755                    <a href="https://goo.gl/maps/KxedcYMeQoMYnYHs9" target="_blank" class="card_delivery_points">
756                        <div class="item_card_icon material-symbols-outlined c-white">distance
757                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
758                        </div>
759                        <div class="item_card_text">
760                            <div class="x_small_title c-white">AGENCE AGADIR</div>
761                            <hr>
762                            <div class="paragraph c-white selectable"><b>Adresse :</b> Hay Mohamadi , Agadir 80000</div>
763                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
764                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div><br>
765                            <div class="paragraph c-white"><b>Lundi – Vendredi :</b> 9h00 – 18h00</div>
766                            <div class="paragraph c-white"><b>Samedi :</b> 9h00 – 13h00</div>
767                        </div>
768                    </a>
769                </div>
770                <div class="cards_maps_container" id="_mapCardHolderId2" style="display: none;">
771
772                    <a href="#" class="card_delivery_points disticardsclass">
773                        <input type="hidden" style="display:none;" class="disticards" value="AGADIR">
774                        <div class="item_card_icon material-symbols-outlined c-white">distance
775                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
776                        </div>
777                        <div class="item_card_text">
778                            <div class="x_small_title c-white">AGADIR</div>
779                            <hr>
780                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
781                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
782                        </div>
783                    </a>
784
785
786                    <a href="#" class="card_delivery_points disticardsclass">
787                        <input type="hidden" style="display:none;" class="disticards" value="AGOURAI">
788                        <div class="item_card_icon material-symbols-outlined c-white">distance
789                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
790                        </div>
791                        <div class="item_card_text">
792                            <div class="x_small_title c-white">AGOURAI</div>
793                            <hr>
794                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
795                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
796                        </div>
797                    </a>
798
799
800                    <a href="#" class="card_delivery_points disticardsclass">
801                        <input type="hidden" style="display:none;" class="disticards" value="AHFIR">
802                        <div class="item_card_icon material-symbols-outlined c-white">distance
803                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
804                        </div>
805                        <div class="item_card_text">
806                            <div class="x_small_title c-white">AHFIR</div>
807                            <hr>
808                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
809                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
810                        </div>
811                    </a>
812
813
814                    <a href="#" class="card_delivery_points disticardsclass">
815                        <input type="hidden" style="display:none;" class="disticards" value="AIN ALLAH">
816                        <div class="item_card_icon material-symbols-outlined c-white">distance
817                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
818                        </div>
819                        <div class="item_card_text">
820                            <div class="x_small_title c-white">AIN ALLAH</div>
821                            <hr>
822                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
823                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
824                        </div>
825                    </a>
826
827
828                    <a href="#" class="card_delivery_points disticardsclass">
829                        <input type="hidden" style="display:none;" class="disticards" value="AIN AOUDA">
830                        <div class="item_card_icon material-symbols-outlined c-white">distance
831                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
832                        </div>
833                        <div class="item_card_text">
834                            <div class="x_small_title c-white">AIN AOUDA</div>
835                            <hr>
836                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
837                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
838                        </div>
839                    </a>
840
841
842                    <a href="#" class="card_delivery_points disticardsclass">
843                        <input type="hidden" style="display:none;" class="disticards" value="AIN ATIG">
844                        <div class="item_card_icon material-symbols-outlined c-white">distance
845                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
846                        </div>
847                        <div class="item_card_text">
848                            <div class="x_small_title c-white">AIN ATIG</div>
849                            <hr>
850                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
851                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
852                        </div>
853                    </a>
854
855
856                    <a href="#" class="card_delivery_points disticardsclass">
857                        <input type="hidden" style="display:none;" class="disticards" value="AIN BNI MATHER">
858                        <div class="item_card_icon material-symbols-outlined c-white">distance
859                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
860                        </div>
861                        <div class="item_card_text">
862                            <div class="x_small_title c-white">AIN BNI MATHER</div>
863                            <hr>
864                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
865                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
866                        </div>
867                    </a>
868
869
870                    <a href="#" class="card_delivery_points disticardsclass">
871                        <input type="hidden" style="display:none;" class="disticards" value="AIN CHEGGAG">
872                        <div class="item_card_icon material-symbols-outlined c-white">distance
873                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
874                        </div>
875                        <div class="item_card_text">
876                            <div class="x_small_title c-white">AIN CHEGGAG</div>
877                            <hr>
878                            <div class="paragraph c-white"><b>Téléphone :</b> 
8780520-616263</div>
879                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
880                        </div>
881                    </a>
882
883
884                    <a href="#" class="card_delivery_points disticardsclass">
885                        <input type="hidden" style="display:none;" class="disticards" value="AIN HARROUDA">
886                        <div class="item_card_icon material-symbols-outlined c-white">distance
887                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
888                        </div>
889                        <div class="item_card_text">
890                            <div class="x_small_title c-white">AIN HARROUDA</div>
891                            <hr>
892                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
893                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
894                        </div>
895                    </a>
896
897
898                    <a href="#" class="card_delivery_points disticardsclass">
899                        <input type="hidden" style="display:none;" class="disticards" value="AIN REGGADA">
900                        <div class="item_card_icon material-symbols-outlined c-white">distance
901                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
902                        </div>
903                        <div class="item_card_text">
904                            <div class="x_small_title c-white">AIN REGGADA</div>
905                            <hr>
906                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
907                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
908                        </div>
909                    </a>
910
911
912                    <a href="#" class="card_delivery_points disticardsclass">
913                        <input type="hidden" style="display:none;" class="disticards" value="AIN TAOUJDATE">
914                        <div class="item_card_icon material-symbols-outlined c-white">distance
915                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
916                        </div>
917                        <div class="item_card_text">
918                            <div class="x_small_title c-white">AIN TAOUJDATE</div>
919                            <hr>
920                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
921                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
922                        </div>
923                    </a>
924
925
926                    <a href="#" class="card_delivery_points disticardsclass">
927                        <input type="hidden" style="display:none;" class="disticards" value="AIT MELLOUL">
928                        <div class="item_card_icon material-symbols-outlined c-white">distance
929                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
930                        </div>
931                        <div class="item_card_text">
932                            <div class="x_small_title c-white">AIT MELLOUL</div>
933                            <hr>
934                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
935                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
936                        </div>
937                    </a>
938
939
940                    <a href="#" class="card_delivery_points disticardsclass">
941                        <input type="hidden" style="display:none;" class="disticards" value="AKLIM">
942                        <div class="item_card_icon material-symbols-outlined c-white">distance
943                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
944                        </div>
945                        <div class="item_card_text">
946                            <div class="x_small_title c-white">AKLIM</div>
947                            <hr>
948                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
949                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
950                        </div>
951                    </a>
952
953
954                    <a href="#" class="card_delivery_points disticardsclass">
955                        <input type="hidden" style="display:none;" class="disticards" value="AL HOUCEIMA">
956                        <div class="item_card_icon material-symbols-outlined c-white">distance
957                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
958                        </div>
959                        <div class="item_card_text">
960                            <div class="x_small_title c-white">AL HOUCEIMA</div>
961                            <hr>
962                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
963                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
964                        </div>
965                    </a>
966
967
968                    <a href="#" class="card_delivery_points disticardsclass">
969                        <input type="hidden" style="display:none;" class="disticards" value="ANZA">
970                        <div class="item_card_icon material-symbols-outlined c-white">distance
971                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
972                        </div>
973                        <div class="item_card_text">
974                            <div class="x_small_title c-white">ANZA</div>
975                            <hr>
976                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
977                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
978                        </div>
979                    </a>
980
981
982                    <a href="#" class="card_delivery_points disticardsclass">
983                        <input type="hidden" style="display:none;" class="disticards" value="AOURIR">
984                        <div class="item_card_icon material-symbols-outlined c-white">distance
985                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
986                        </div>
987                        <div class="item_card_text">
988                            <div class="x_small_title c-white">AOURIR</div>
989                            <hr>
990                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
991                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
992                        </div>
993                    </a>
994
995
996                    <a href="#" class="card_delivery_points disticardsclass">
997                        <input type="hidden" style="display:none;" class="disticards" value="ARBAAT AOUNAT">
998                        <div class="item_card_icon material-symbols-outlined c-white">distance
999                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1000                        </div>
1001                        <div class="item_card_text">
1002                            <div class="x_small_title c-white">ARBAAT AOUNAT</div>
1003                            <hr>
1004                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1005                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1006                        </div>
1007                    </a>
1008
1009
1010                    <a href="#" class="card_delivery_points disticardsclass">
1011                        <input type="hidden" style="display:none;" class="disticards" value="AROUIT">
1012                        <div class="item_card_icon material-symbols-outlined c-white">distance
1013                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1014                        </div>
1015                        <div class="item_card_text">
1016                            <div class="x_small_title c-white">AROUIT</div>
1017                            <hr>
1018                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1019                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1020                        </div>
1021                    </a>
1022
1023
1024                    <a href="#" class="card_delivery_points disticardsclass">
1025                        <input type="hidden" style="display:none;" class="disticards" value="ASSILAH">
1026                        <div class="item_card_icon material-symbols-outlined c-white">distance
1027                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1028                        </div>
1029                        <div class="item_card_text">
1030                            <div class="x_small_title c-white">ASSILAH</div>
1031                            <hr>
1032                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1033                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1034                        </div>
1035                    </a>
1036
1037
1038                    <a href="#" class="card_delivery_points disticardsclass">
1039                        <input type="hidden" style="display:none;" class="disticards" value="AZEMMOUR">
1040                        <div class="item_card_icon material-symbols-outlined c-white">distance
1041                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1042                        </div>
1043                        <div class="item_card_text">
1044                            <div class="x_small_title c-white">AZEMMOUR</div>
1045                            <hr>
1046                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1047                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1048                        </div>
1049                    </a>
1050
1051
1052                    <a href="#" class="card_delivery_points disticardsclass">
1053                        <input type="hidden" style="display:none;" class="disticards" value="AZROU">
1054                        <div class="item_card_icon material-symbols-outlined c-white">distance
1055                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1056                        </div>
1057                        <div class="item_card_text">
1058                            <div class="x_small_title c-white">AZROU</div>
1059                            <hr>
1060                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1061                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1062                        </div>
1063                    </a>
1064
1065
1066                    <a href="#" class="card_delivery_points disticardsclass">
1067                        <input type="hidden" style="display:none;" class="disticards" value="AZROU- TEMSIA">
1068                        <div class="item_card_icon material-symbols-outlined c-white">distance
1069                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1070                        </div>
1071                        <div class="item_card_text">
1072                            <div class="x_small_title c-white">AZROU- TEMSIA</div>
1073                            <hr>
1074                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1075                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1076                        </div>
1077                    </a>
1078
1079
1080                    <a href="#" class="card_delivery_points disticardsclass">
1081                        <input type="hidden" style="display:none;" class="disticards" value="BASSATINE ELMENZAH">
1082                        <div class="item_card_icon material-symbols-outlined c-white">distance
1083                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1084                        </div>
1085                        <div class="item_card_text">
1086                            <div class="x_small_title c-white">BASSATINE ELMENZAH</div>
1087                            <hr>
1088                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1089                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1090                        </div>
1091                    </a>
1092
1093
1094                    <a href="#" class="card_delivery_points disticardsclass">
1095                        <input type="hidden" style="display:none;" class="disticards" value="BEJAAD">
1096                        <div class="item_card_icon material-symbols-outlined c-white">distance
1097                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1098                        </div>
1099                        <div class="item_card_text">
1100                            <div class="x_small_title c-white">BEJAAD</div>
1101                            <hr>
1102                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1103                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1104                        </div>
1105                    </a>
1106
1107
1108                    <a href="#" class="card_delivery_points disticardsclass">
1109                        <input type="hidden" style="display:none;" class="disticards" value="BEN AHMED">
1110                        <div class="item_card_icon material-symbols-outlined c-white">distance
1111                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1112                        </div>
1113                        <div class="item_card_text">
1114                            <div class="x_small_title c-white">BEN AHMED</div>
1115                            <hr>
1116                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1117                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1118                        </div>
1119                    </a>
1120
1121
1122                    <a href="#" class="card_delivery_points disticardsclass">
1123                        <input type="hidden" style="display:none;" class="disticards" value="BENGUERIR">
1124                        <div class="item_card_icon material-symbols-outlined c-white">distance
1125                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1126                        </div>
1127                        <div class="item_card_text">
1128                            <div class="x_small_title c-white">BENGUERIR</div>
1129                            <hr>
1130                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1131                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1132                        </div>
1133                    </a>
1134
1135
1136                    <a href="#" class="card_delivery_points disticardsclass">
1137                        <input type="hidden" style="display:none;" class="disticards" value="BENI CHIKER">
1138                        <div class="item_card_icon material-symbols-outlined c-white">distance
1139                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1140                        </div>
1141                        <div class="item_card_text">
1142                            <div class="x_small_title c-white">BENI CHIKER</div>
1143                            <hr>
1144                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1145                            <div class="paragraph 
1145c-white"><b>Mail :</b> [email protected]</div>
1146                        </div>
1147                    </a>
1148
1149
1150                    <a href="#" class="card_delivery_points disticardsclass">
1151                        <input type="hidden" style="display:none;" class="disticards" value="BENI HLALA">
1152                        <div class="item_card_icon material-symbols-outlined c-white">distance
1153                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1154                        </div>
1155                        <div class="item_card_text">
1156                            <div class="x_small_title c-white">BENI HLALA</div>
1157                            <hr>
1158                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1159                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1160                        </div>
1161                    </a>
1162
1163
1164                    <a href="#" class="card_delivery_points disticardsclass">
1165                        <input type="hidden" style="display:none;" class="disticards" value="BENI MELLAL">
1166                        <div class="item_card_icon material-symbols-outlined c-white">distance
1167                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1168                        </div>
1169                        <div class="item_card_text">
1170                            <div class="x_small_title c-white">BENI MELLAL</div>
1171                            <hr>
1172                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1173                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1174                        </div>
1175                    </a>
1176
1177
1178                    <a href="#" class="card_delivery_points disticardsclass">
1179                        <input type="hidden" style="display:none;" class="disticards" value="BENSLIMANE">
1180                        <div class="item_card_icon material-symbols-outlined c-white">distance
1181                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1182                        </div>
1183                        <div class="item_card_text">
1184                            <div class="x_small_title c-white">BENSLIMANE</div>
1185                            <hr>
1186                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1187                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1188                        </div>
1189                    </a>
1190
1191
1192                    <a href="#" class="card_delivery_points disticardsclass">
1193                        <input type="hidden" style="display:none;" class="disticards" value="BENTAIB">
1194                        <div class="item_card_icon material-symbols-outlined c-white">distance
1195                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1196                        </div>
1197                        <div class="item_card_text">
1198                            <div class="x_small_title c-white">BENTAIB</div>
1199                            <hr>
1200                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1201                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1202                        </div>
1203                    </a>
1204
1205
1206                    <a href="#" class="card_delivery_points disticardsclass">
1207                        <input type="hidden" style="display:none;" class="disticards" value="BERKANE">
1208                        <div class="item_card_icon material-symbols-outlined c-white">distance
1209                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1210                        </div>
1211                        <div class="item_card_text">
1212                            <div class="x_small_title c-white">BERKANE</div>
1213                            <hr>
1214                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1215                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1216                        </div>
1217                    </a>
1218
1219
1220                    <a href="#" class="card_delivery_points disticardsclass">
1221                        <input type="hidden" style="display:none;" class="disticards" value="BERRECHID">
1222                        <div class="item_card_icon material-symbols-outlined c-white">distance
1223                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1224                        </div>
1225                        <div class="item_card_text">
1226                            <div class="x_small_title c-white">BERRECHID</div>
1227                            <hr>
1228                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1229                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1230                        </div>
1231                    </a>
1232
1233
1234                    <a href="#" class="card_delivery_points disticardsclass">
1235                        <input type="hidden" style="display:none;" class="disticards" value="BHALIL">
1236                        <div class="item_card_icon material-symbols-outlined c-white">distance
1237                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1238                        </div>
1239                        <div class="item_card_text">
1240                            <div class="x_small_title c-white">BHALIL</div>
1241                            <hr>
1242                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1243                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1244                        </div>
1245                    </a>
1246
1247
1248                    <a href="#" class="card_delivery_points disticardsclass">
1249                        <input type="hidden" style="display:none;" class="disticards" value="BIOUGRA">
1250                        <div class="item_card_icon material-symbols-outlined c-white">distance
1251                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1252                        </div>
1253                        <div class="item_card_text">
1254                            <div class="x_small_title c-white">BIOUGRA</div>
1255                            <hr>
1256                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1257                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1258                        </div>
1259                    </a>
1260
1261
1262                    <a href="#" class="card_delivery_points disticardsclass">
1263                        <input type="hidden" style="display:none;" class="disticards" value="BIR JDID">
1264                        <div class="item_card_icon material-symbols-outlined c-white">distance
1265                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1266                        </div>
1267                        <div class="item_card_text">
1268                            <div class="x_small_title c-white">BIR JDID</div>
1269                            <hr>
1270                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1271                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1272                        </div>
1273                    </a>
1274
1275
1276                    <a href="#" class="card_delivery_points disticardsclass">
1277                        <input type="hidden" style="display:none;" class="disticards" value="BIR MEZOUI">
1278                        <div class="item_card_icon material-symbols-outlined c-white">distance
1279                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1280                        </div>
1281                        <div class="item_card_text">
1282                            <div class="x_small_title c-white">BIR MEZOUI</div>
1283                            <hr>
1284                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1285                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1286                        </div>
1287                    </a>
1288
1289
1290                    <a href="#" class="card_delivery_points disticardsclass">
1291                        <input type="hidden" style="display:none;" class="disticards" value="BNI BOUAAYECH">
1292                        <div class="item_card_icon material-symbols-outlined c-white">distance
1293                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1294                        </div>
1295                        <div class="item_card_text">
1296                            <div class="x_small_title c-white">BNI BOUAAYECH</div>
1297                            <hr>
1298                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1299                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1300                        </div>
1301                    </a>
1302
1303
1304                    <a href="#" class="card_delivery_points disticardsclass">
1305                        <input type="hidden" style="display:none;" class="disticards" value="BNIDRAR">
1306                        <div class="item_card_icon material-symbols-outlined c-white">distance
1307                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1308                        </div>
1309                        <div class="item_card_text">
1310                            <div class="x_small_title c-white">BNIDRAR</div>
1311                            <hr>
1312                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1313                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1314                        </div>
1315                    </a>
1316
1317
1318                    <a href="#" class="card_delivery_points disticardsclass">
1319                        <input type="hidden" style="display:none;" class="disticards" value="BNINSAR">
1320                        <div class="item_card_icon material-symbols-outlined c-white">distance
1321                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1322                        </div>
1323                        <div class="item_card_text">
1324                            <div class="x_small_title c-white">BNINSAR</div>
1325                            <hr>
1326                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1327                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1328                        </div>
1329                    </a>
1330
1331
1332                    <a href="#" class="card_delivery_points disticardsclass">
1333                        <input type="hidden" style="display:none;" class="disticards" value="BOUARG">
1334                        <div class="item_card_icon material-symbols-outlined c-white">distance
1335                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1336                        </div>
1337                        <div class="item_card_text">
1338                            <div class="x_small_title c-white">BOUARG</div>
1339                            <hr>
1340                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1341                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1342                        </div>
1343                    </a>
1344
1345
1346                    <a href="#" class="card_delivery_points disticardsclass">
1347                        <input type="hidden" style="display:none;" class="disticards" value="BOUDERBALA">
1348                        <div class="item_card_icon material-symbols-outlined c-white">distance
1349                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1350                        </div>
1351                        <div class="item_card_text">
1352                            <div class="x_small_title c-white">BOUDERBALA</div>
1353                            <hr>
1354                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1355                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1356                        </div>
1357                    </a>
1358
1359
1360                    <a href="#" class="card_delivery_points disticardsclass">
1361                        <input type="hidden" style="display:none;" class="disticards" value="BOUDINAR">
1362                        <div class="item_card_icon material-symbols-outlined c-white">distance
1363                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1364                        </div>
1365                        <div class="item_card_text">
1366                            <div class="x_small_title c-white">BOUDINAR</div>
1367                            <hr>
1368                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1369                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1370                        </div>
1371                    </a>
1372
1373
1374                    <a href="#" class="card_delivery_points disticardsclass">
1375                        <input type="hidden" style="display:none;" class="disticards" value="BOUFAKRANE">
1376                        <div class="item_card_icon material-symbols-outlined c-white">distance
1377                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1378                        </div>
1379                        <div class="item_card_text">
1380                            <div class="x_small_title c-white">BOUFAKRANE</div>
1381                            <hr>
1382                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1383                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1384                        </div>
1385                    </a>
1386
1387
1388                    <a href="#" class="card_delivery_points disticardsclass">
1389                        <input type="hidden" style="display:none;" class="disticards" value="BOUJDOUR">
1390                        <div class="item_card_icon material-symbols-outlined c-white">distance
1391                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1392                        </div>
1393                        <div class="item_card_text">
1394                            <div class="x_small_title c-white">BOUJDOUR</div>
1395                            <hr>
1396                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1397                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1398                        </div>
1399                    </a>
1400
1401
1402                    <a href="#" class="card_delivery_points disticardsclass">
1403                        <input type="hidden" style="display:none;" class="disticards" value="BOUJNIBA">
1404                        <div class="item_card_icon material-symbols-outlined c-white">distance
1405                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1406                        </div>
1407                        <div class="item_card_text">
1408                            <div class="x_small_title c-white">BOUJNIBA</div>
1409                            <hr>
1410                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1411                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1412                        </div>
1413          
1413          </a>
1414
1415
1416                    <a href="#" class="card_delivery_points disticardsclass">
1417                        <input type="hidden" style="display:none;" class="disticards" value="BOUKNADEL">
1418                        <div class="item_card_icon material-symbols-outlined c-white">distance
1419                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1420                        </div>
1421                        <div class="item_card_text">
1422                            <div class="x_small_title c-white">BOUKNADEL</div>
1423                            <hr>
1424                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1425                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1426                        </div>
1427                    </a>
1428
1429
1430                    <a href="#" class="card_delivery_points disticardsclass">
1431                        <input type="hidden" style="display:none;" class="disticards" value="BOUSKOURA">
1432                        <div class="item_card_icon material-symbols-outlined c-white">distance
1433                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1434                        </div>
1435                        <div class="item_card_text">
1436                            <div class="x_small_title c-white">BOUSKOURA</div>
1437                            <hr>
1438                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1439                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1440                        </div>
1441                    </a>
1442
1443
1444                    <a href="#" class="card_delivery_points disticardsclass">
1445                        <input type="hidden" style="display:none;" class="disticards" value="BOUZNIKA">
1446                        <div class="item_card_icon material-symbols-outlined c-white">distance
1447                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1448                        </div>
1449                        <div class="item_card_text">
1450                            <div class="x_small_title c-white">BOUZNIKA</div>
1451                            <hr>
1452                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1453                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1454                        </div>
1455                    </a>
1456
1457
1458                    <a href="#" class="card_delivery_points disticardsclass">
1459                        <input type="hidden" style="display:none;" class="disticards" value="CASABLANCA">
1460                        <div class="item_card_icon material-symbols-outlined c-white">distance
1461                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1462                        </div>
1463                        <div class="item_card_text">
1464                            <div class="x_small_title c-white">CASABLANCA</div>
1465                            <hr>
1466                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1467                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1468                        </div>
1469                    </a>
1470
1471
1472                    <a href="#" class="card_delivery_points disticardsclass">
1473                        <input type="hidden" style="display:none;" class="disticards" value="CAPONEGRO">
1474                        <div class="item_card_icon material-symbols-outlined c-white">distance
1475                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1476                        </div>
1477                        <div class="item_card_text">
1478                            <div class="x_small_title c-white">CAPONEGRO</div>
1479                            <hr>
1480                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1481                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1482                        </div>
1483                    </a>
1484
1485
1486                    <a href="#" class="card_delivery_points disticardsclass">
1487                        <input type="hidden" style="display:none;" class="disticards" value="DAKHLA">
1488                        <div class="item_card_icon material-symbols-outlined c-white">distance
1489                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1490                        </div>
1491                        <div class="item_card_text">
1492                            <div class="x_small_title c-white">DAKHLA</div>
1493                            <hr>
1494                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1495                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1496                        </div>
1497                    </a>
1498
1499
1500                    <a href="#" class="card_delivery_points disticardsclass">
1501                        <input type="hidden" style="display:none;" class="disticards" value="DAR BOAAZZA">
1502                        <div class="item_card_icon material-symbols-outlined c-white">distance
1503                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1504                        </div>
1505                        <div class="item_card_text">
1506                            <div class="x_small_title c-white">DAR BOAAZZA</div>
1507                            <hr>
1508                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1509                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1510                        </div>
1511                    </a>
1512
1513
1514                    <a href="#" class="card_delivery_points disticardsclass">
1515                        <input type="hidden" style="display:none;" class="disticards" value="DCHEIRA">
1516                        <div class="item_card_icon material-symbols-outlined c-white">distance
1517                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1518                        </div>
1519                        <div class="item_card_text">
1520                            <div class="x_small_title c-white">DCHEIRA</div>
1521                            <hr>
1522                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1523                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1524                        </div>
1525                    </a>
1526
1527
1528                    <a href="#" class="card_delivery_points disticardsclass">
1529                        <input type="hidden" style="display:none;" class="disticards" value="DEROUA">
1530                        <div class="item_card_icon material-symbols-outlined c-white">distance
1531                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1532                        </div>
1533                        <div class="item_card_text">
1534                            <div class="x_small_title c-white">DEROUA</div>
1535                            <hr>
1536                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1537                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1538                        </div>
1539                    </a>
1540
1541
1542                    <a href="#" class="card_delivery_points disticardsclass">
1543                        <input type="hidden" style="display:none;" class="disticards" value="DRIOUCH">
1544                        <div class="item_card_icon material-symbols-outlined c-white">distance
1545                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1546                        </div>
1547                        <div class="item_card_text">
1548                            <div class="x_small_title c-white">DRIOUCH</div>
1549                            <hr>
1550                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1551                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1552                        </div>
1553                    </a>
1554
1555
1556                    <a href="#" class="card_delivery_points disticardsclass">
1557                        <input type="hidden" style="display:none;" class="disticards" value="ECHEMMAIA">
1558                        <div class="item_card_icon material-symbols-outlined c-white">distance
1559                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1560                        </div>
1561                        <div class="item_card_text">
1562                            <div class="x_small_title c-white">ECHEMMAIA</div>
1563                            <hr>
1564                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1565                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1566                        </div>
1567                    </a>
1568
1569
1570                    <a href="#" class="card_delivery_points disticardsclass">
1571                        <input type="hidden" style="display:none;" class="disticards" value="EL GUEFFAF">
1572                        <div class="item_card_icon material-symbols-outlined c-white">distance
1573                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1574                        </div>
1575                        <div class="item_card_text">
1576                            <div class="x_small_title c-white">EL GUEFFAF</div>
1577                            <hr>
1578                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1579                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1580                        </div>
1581                    </a>
1582
1583
1584                    <a href="#" class="card_delivery_points disticardsclass">
1585                        <input type="hidden" style="display:none;" class="disticards" value="EL HADJ KADDOUR">
1586                        <div class="item_card_icon material-symbols-outlined c-white">distance
1587                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1588                        </div>
1589                        <div class="item_card_text">
1590                            <div class="x_small_title c-white">EL HADJ KADDOUR</div>
1591                            <hr>
1592                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1593                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1594                        </div>
1595                    </a>
1596
1597
1598                    <a href="#" class="card_delivery_points disticardsclass">
1599                        <input type="hidden" style="display:none;" class="disticards" value="EL HAJEB">
1600                        <div class="item_card_icon material-symbols-outlined c-white">distance
1601                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1602                        </div>
1603                        <div class="item_card_text">
1604                            <div class="x_small_title c-white">EL HAJEB</div>
1605                            <hr>
1606                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1607                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1608                        </div>
1609                    </a>
1610
1611
1612                    <a href="#" class="card_delivery_points disticardsclass">
1613                        <input type="hidden" style="display:none;" class="disticards" value="EL JADIDA">
1614                        <div class="item_card_icon material-symbols-outlined c-white">distance
1615                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1616                        </div>
1617                        <div class="item_card_text">
1618                            <div class="x_small_title c-white">EL JADIDA</div>
1619                            <hr>
1620                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1621                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1622                        </div>
1623                    </a>
1624
1625
1626                    <a href="#" class="card_delivery_points disticardsclass">
1627                        <input type="hidden" style="display:none;" class="disticards" value="EL KRAZZA">
1628                        <div class="item_card_icon material-symbols-outlined c-white">distance
1629                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1630                        </div>
1631                        <div class="item_card_text">
1632                            <div class="x_small_title c-white">EL KRAZZA</div>
1633                            <hr>
1634                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1635                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1636                        </div>
1637                    </a>
1638
1639
1640                    <a href="#" class="card_delivery_points disticardsclass">
1641                        <input type="hidden" style="display:none;" class="disticards" value="EL MENZEL">
1642                        <div class="item_card_icon material-symbols-outlined c-white">distance
1643                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1644                        </div>
1645                        <div class="item_card_text">
1646                            <div class="x_small_title c-white">EL MENZEL</div>
1647                            <hr>
1648                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1649                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1650                        </div>
1651                    </a>
1652
1653
1654                    <a href="#" class="card_delivery_points disticardsclass">
1655                        <input type="hidden" style="display:none;" class="disticards" value="ELAIOUNE">
1656                        <div class="item_card_icon material-symbols-outlined c-white">distance
1657                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1658                        </div>
1659                        <div class="item_card_text">
1660                            <div class="x_small_title c-white">ELAIOUNE</div>
1661                            <hr>
1662                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1663                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1664                        </div>
1665                    </a>
1666
1667
1668                    <a href="#" class="card_delivery_points disticardsclass">
1669                        <input type="hidden" style="display:none;" class="disticards" value="ERFOUD">
1670                        <div class="item_card_icon material-symbols-outlined c-white">distance
1671                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1672                        </div>
1673                        <div class="item_card_text">
1674                            <div class="x_small_title c-white">ERFOUD</div>
1675                            <hr>
1676                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1677                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1678                        </div>
1679                    </a>
1680
1681
1682                    <a href="#" class="card_delivery_points disticardsclass">
1682
1683                        <input type="hidden" style="display:none;" class="disticards" value="ERRACHIDIA">
1684                        <div class="item_card_icon material-symbols-outlined c-white">distance
1685                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1686                        </div>
1687                        <div class="item_card_text">
1688                            <div class="x_small_title c-white">ERRACHIDIA</div>
1689                            <hr>
1690                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1691                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1692                        </div>
1693                    </a>
1694
1695
1696                    <a href="#" class="card_delivery_points disticardsclass">
1697                        <input type="hidden" style="display:none;" class="disticards" value="ERRICH">
1698                        <div class="item_card_icon material-symbols-outlined c-white">distance
1699                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1700                        </div>
1701                        <div class="item_card_text">
1702                            <div class="x_small_title c-white">ERRICH</div>
1703                            <hr>
1704                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1705                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1706                        </div>
1707                    </a>
1708
1709
1710                    <a href="#" class="card_delivery_points disticardsclass">
1711                        <input type="hidden" style="display:none;" class="disticards" value="FARKHANA">
1712                        <div class="item_card_icon material-symbols-outlined c-white">distance
1713                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1714                        </div>
1715                        <div class="item_card_text">
1716                            <div class="x_small_title c-white">FARKHANA</div>
1717                            <hr>
1718                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1719                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1720                        </div>
1721                    </a>
1722
1723
1724                    <a href="#" class="card_delivery_points disticardsclass">
1725                        <input type="hidden" style="display:none;" class="disticards" value="FES">
1726                        <div class="item_card_icon material-symbols-outlined c-white">distance
1727                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1728                        </div>
1729                        <div class="item_card_text">
1730                            <div class="x_small_title c-white">FES</div>
1731                            <hr>
1732                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1733                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1734                        </div>
1735                    </a>
1736
1737
1738                    <a href="#" class="card_delivery_points disticardsclass">
1739                        <input type="hidden" style="display:none;" class="disticards" value="FKIH BEN SALAH">
1740                        <div class="item_card_icon material-symbols-outlined c-white">distance
1741                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1742                        </div>
1743                        <div class="item_card_text">
1744                            <div class="x_small_title c-white">FKIH BEN SALAH</div>
1745                            <hr>
1746                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1747                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1748                        </div>
1749                    </a>
1750
1751
1752                    <a href="#" class="card_delivery_points disticardsclass">
1753                        <input type="hidden" style="display:none;" class="disticards" value="FNIDEQ">
1754                        <div class="item_card_icon material-symbols-outlined c-white">distance
1755                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1756                        </div>
1757                        <div class="item_card_text">
1758                            <div class="x_small_title c-white">FNIDEQ</div>
1759                            <hr>
1760                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1761                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1762                        </div>
1763                    </a>
1764
1765
1766                    <a href="#" class="card_delivery_points disticardsclass">
1767                        <input type="hidden" style="display:none;" class="disticards" value="GOULMIMA">
1768                        <div class="item_card_icon material-symbols-outlined c-white">distance
1769                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1770                        </div>
1771                        <div class="item_card_text">
1772                            <div class="x_small_title c-white">GOULMIMA</div>
1773                            <hr>
1774                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1775                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1776                        </div>
1777                    </a>
1778
1779
1780                    <a href="#" class="card_delivery_points disticardsclass">
1781                        <input type="hidden" style="display:none;" class="disticards" value="GUERCIF">
1782                        <div class="item_card_icon material-symbols-outlined c-white">distance
1783                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1784                        </div>
1785                        <div class="item_card_text">
1786                            <div class="x_small_title c-white">GUERCIF</div>
1787                            <hr>
1788                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1789                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1790                        </div>
1791                    </a>
1792
1793
1794                    <a href="#" class="card_delivery_points disticardsclass">
1795                        <input type="hidden" style="display:none;" class="disticards" value="GUISSER">
1796                        <div class="item_card_icon material-symbols-outlined c-white">distance
1797                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1798                        </div>
1799                        <div class="item_card_text">
1800                            <div class="x_small_title c-white">GUISSER</div>
1801                            <hr>
1802                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1803                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1804                        </div>
1805                    </a>
1806
1807
1808                    <a href="#" class="card_delivery_points disticardsclass">
1809                        <input type="hidden" style="display:none;" class="disticards" value="GZENAYA">
1810                        <div class="item_card_icon material-symbols-outlined c-white">distance
1811                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1812                        </div>
1813                        <div class="item_card_text">
1814                            <div class="x_small_title c-white">GZENAYA</div>
1815                            <hr>
1816                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1817                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1818                        </div>
1819                    </a>
1820
1821
1822                    <a href="#" class="card_delivery_points disticardsclass">
1823                        <input type="hidden" style="display:none;" class="disticards" value="HAD BRADIA">
1824                        <div class="item_card_icon material-symbols-outlined c-white">distance
1825                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1826                        </div>
1827                        <div class="item_card_text">
1828                            <div class="x_small_title c-white">HAD BRADIA</div>
1829                            <hr>
1830                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1831                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1832                        </div>
1833                    </a>
1834
1835
1836                    <a href="#" class="card_delivery_points disticardsclass">
1837                        <input type="hidden" style="display:none;" class="disticards" value="HAD SOUALEM">
1838                        <div class="item_card_icon material-symbols-outlined c-white">distance
1839                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1840                        </div>
1841                        <div class="item_card_text">
1842                            <div class="x_small_title c-white">HAD SOUALEM</div>
1843                            <hr>
1844                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1845                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1846                        </div>
1847                    </a>
1848
1849
1850                    <a href="#" class="card_delivery_points disticardsclass">
1851                        <input type="hidden" style="display:none;" class="disticards" value="HAOUZIA">
1852                        <div class="item_card_icon material-symbols-outlined c-white">distance
1853                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1854                        </div>
1855                        <div class="item_card_text">
1856                            <div class="x_small_title c-white">HAOUZIA</div>
1857                            <hr>
1858                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1859                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1860                        </div>
1861                    </a>
1862
1863
1864                    <a href="#" class="card_delivery_points disticardsclass">
1865                        <input type="hidden" style="display:none;" class="disticards" value="HARHOURA">
1866                        <div class="item_card_icon material-symbols-outlined c-white">distance
1867                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1868                        </div>
1869                        <div class="item_card_text">
1870                            <div class="x_small_title c-white">HARHOURA</div>
1871                            <hr>
1872                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1873                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1874                        </div>
1875                    </a>
1876
1877
1878                    <a href="#" class="card_delivery_points disticardsclass">
1879                        <input type="hidden" style="display:none;" class="disticards" value="HATTANE">
1880                        <div class="item_card_icon material-symbols-outlined c-white">distance
1881                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1882                        </div>
1883                        <div class="item_card_text">
1884                            <div class="x_small_title c-white">HATTANE</div>
1885                            <hr>
1886                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1887                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1888                        </div>
1889                    </a>
1890
1891
1892                    <a href="#" class="card_delivery_points disticardsclass">
1893                        <input type="hidden" style="display:none;" class="disticards" value="IFRANE">
1894                        <div class="item_card_icon material-symbols-outlined c-white">distance
1895                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1896                        </div>
1897                        <div class="item_card_text">
1898                            <div class="x_small_title c-white">IFRANE</div>
1899                            <hr>
1900                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1901                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1902                        </div>
1903                    </a>
1904
1905
1906                    <a href="#" class="card_delivery_points disticardsclass">
1907                        <input type="hidden" style="display:none;" class="disticards" value="IMOUZZER KANDAR">
1908                        <div class="item_card_icon material-symbols-outlined c-white">distance
1909                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1910                        </div>
1911                        <div class="item_card_text">
1912                            <div class="x_small_title c-white">IMOUZZER KANDAR</div>
1913                            <hr>
1914                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1915                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1916                        </div>
1917                    </a>
1918
1919
1920                    <a href="#" class="card_delivery_points disticardsclass">
1921                        <input type="hidden" style="display:none;" class="disticards" value="IMZOUREN">
1922                        <div class="item_card_icon material-symbols-outlined c-white">distance
1923                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1924                        </div>
1925                        <div class="item_card_text">
1926                            <div class="x_small_title c-white">IMZOUREN</div>
1927                            <hr>
1928                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1929                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1930                        </div>
1931                    </a>
1932
1933
1934                    <a href="#" class="card_delivery_points disticardsclass">
1935                        <input type="hidden" style="display:none;" class="disticards" value="INZEGANE">
1936                        <div class="item_card_icon material-symbols-outlined c-white">distance
1937                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1938                        </div>
1939                        <div class="item_card_text">
1940                            <div class="x_small_title c-white">INZEGANE</div>
1941                            <hr>
1942                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1943                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1944                        </div>
1945                    </a>
1946
1947
1948                    <a href="#" class="card_delivery_points disticardsclass">
1949                        <input type="hidden" style="display:none;" class="disticards" value="JEMAA SHAIM">
1950    
1950                    <div class="item_card_icon material-symbols-outlined c-white">distance
1951                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1952                        </div>
1953                        <div class="item_card_text">
1954                            <div class="x_small_title c-white">JEMAA SHAIM</div>
1955                            <hr>
1956                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1957                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1958                        </div>
1959                    </a>
1960
1961
1962                    <a href="#" class="card_delivery_points disticardsclass">
1963                        <input type="hidden" style="display:none;" class="disticards" value="JRADA">
1964                        <div class="item_card_icon material-symbols-outlined c-white">distance
1965                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1966                        </div>
1967                        <div class="item_card_text">
1968                            <div class="x_small_title c-white">JRADA</div>
1969                            <hr>
1970                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1971                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1972                        </div>
1973                    </a>
1974
1975
1976                    <a href="#" class="card_delivery_points disticardsclass">
1977                        <input type="hidden" style="display:none;" class="disticards" value="KARIAT ARKMAN">
1978                        <div class="item_card_icon material-symbols-outlined c-white">distance
1979                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1980                        </div>
1981                        <div class="item_card_text">
1982                            <div class="x_small_title c-white">KARIAT ARKMAN</div>
1983                            <hr>
1984                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1985                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
1986                        </div>
1987                    </a>
1988
1989
1990                    <a href="#" class="card_delivery_points disticardsclass">
1991                        <input type="hidden" style="display:none;" class="disticards" value="KASBA TADLA">
1992                        <div class="item_card_icon material-symbols-outlined c-white">distance
1993                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
1994                        </div>
1995                        <div class="item_card_text">
1996                            <div class="x_small_title c-white">KASBA TADLA</div>
1997                            <hr>
1998                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
1999                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2000                        </div>
2001                    </a>
2002
2003
2004                    <a href="#" class="card_delivery_points disticardsclass">
2005                        <input type="hidden" style="display:none;" class="disticards" value="KELAA DES SRAGHNA">
2006                        <div class="item_card_icon material-symbols-outlined c-white">distance
2007                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2008                        </div>
2009                        <div class="item_card_text">
2010                            <div class="x_small_title c-white">KELAA DES SRAGHNA</div>
2011                            <hr>
2012                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2013                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2014                        </div>
2015                    </a>
2016
2017
2018                    <a href="#" class="card_delivery_points disticardsclass">
2019                        <input type="hidden" style="display:none;" class="disticards" value="KENITRA">
2020                        <div class="item_card_icon material-symbols-outlined c-white">distance
2021                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2022                        </div>
2023                        <div class="item_card_text">
2024                            <div class="x_small_title c-white">KENITRA</div>
2025                            <hr>
2026                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2027                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2028                        </div>
2029                    </a>
2030
2031
2032                    <a href="#" class="card_delivery_points disticardsclass">
2033                        <input type="hidden" style="display:none;" class="disticards" value="KHEMIS DES ZEMAMRA">
2034                        <div class="item_card_icon material-symbols-outlined c-white">distance
2035                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2036                        </div>
2037                        <div class="item_card_text">
2038                            <div class="x_small_title c-white">KHEMIS DES ZEMAMRA</div>
2039                            <hr>
2040                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2041                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2042                        </div>
2043                    </a>
2044
2045
2046                    <a href="#" class="card_delivery_points disticardsclass">
2047                        <input type="hidden" style="display:none;" class="disticards" value="KHEMISSET">
2048                        <div class="item_card_icon material-symbols-outlined c-white">distance
2049                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2050                        </div>
2051                        <div class="item_card_text">
2052                            <div class="x_small_title c-white">KHEMISSET</div>
2053                            <hr>
2054                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2055                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2056                        </div>
2057                    </a>
2058
2059
2060                    <a href="#" class="card_delivery_points disticardsclass">
2061                        <input type="hidden" style="display:none;" class="disticards" value="KHENIFRA">
2062                        <div class="item_card_icon material-symbols-outlined c-white">distance
2063                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2064                        </div>
2065                        <div class="item_card_text">
2066                            <div class="x_small_title c-white">KHENIFRA</div>
2067                            <hr>
2068                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2069                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2070                        </div>
2071                    </a>
2072
2073
2074                    <a href="#" class="card_delivery_points disticardsclass">
2075                        <input type="hidden" style="display:none;" class="disticards" value="KHOURIBGA">
2076                        <div class="item_card_icon material-symbols-outlined c-white">distance
2077                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2078                        </div>
2079                        <div class="item_card_text">
2080                            <div class="x_small_title c-white">KHOURIBGA</div>
2081                            <hr>
2082                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2083                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2084                        </div>
2085                    </a>
2086
2087
2088                    <a href="#" class="card_delivery_points disticardsclass">
2089                        <input type="hidden" style="display:none;" class="disticards" value="KSAR EL KEBIR">
2090                        <div class="item_card_icon material-symbols-outlined c-white">distance
2091                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2092                        </div>
2093                        <div class="item_card_text">
2094                            <div class="x_small_title c-white">KSAR EL KEBIR</div>
2095                            <hr>
2096                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2097                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2098                        </div>
2099                    </a>
2100
2101
2102                    <a href="#" class="card_delivery_points disticardsclass">
2103                        <input type="hidden" style="display:none;" class="disticards" value="KSER SGHIR">
2104                        <div class="item_card_icon material-symbols-outlined c-white">distance
2105                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2106                        </div>
2107                        <div class="item_card_text">
2108                            <div class="x_small_title c-white">KSER SGHIR</div>
2109                            <hr>
2110                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2111                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2112                        </div>
2113                    </a>
2114
2115
2116                    <a href="#" class="card_delivery_points disticardsclass">
2117                        <input type="hidden" style="display:none;" class="disticards" value="LAATAMNA">
2118                        <div class="item_card_icon material-symbols-outlined c-white">distance
2119                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2120                        </div>
2121                        <div class="item_card_text">
2122                            <div class="x_small_title c-white">LAATAMNA</div>
2123                            <hr>
2124                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2125                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2126                        </div>
2127                    </a>
2128
2129
2130                    <a href="#" class="card_delivery_points disticardsclass">
2131                        <input type="hidden" style="display:none;" class="disticards" value="LAAYOUNE">
2132                        <div class="item_card_icon material-symbols-outlined c-white">distance
2133                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2134                        </div>
2135                        <div class="item_card_text">
2136                            <div class="x_small_title c-white">LAAYOUNE</div>
2137                            <hr>
2138                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2139                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2140                        </div>
2141                    </a>
2142
2143
2144                    <a href="#" class="card_delivery_points disticardsclass">
2145                        <input type="hidden" style="display:none;" class="disticards" value="LARACHE">
2146                        <div class="item_card_icon material-symbols-outlined c-white">distance
2147                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2148                        </div>
2149                        <div class="item_card_text">
2150                            <div class="x_small_title c-white">LARACHE</div>
2151                            <hr>
2152                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2153                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2154                        </div>
2155                    </a>
2156
2157
2158                    <a href="#" class="card_delivery_points disticardsclass">
2159                        <input type="hidden" style="display:none;
2159" class="disticards" value="MARINA SMIR">
2160                        <div class="item_card_icon material-symbols-outlined c-white">distance
2161                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2162                        </div>
2163                        <div class="item_card_text">
2164                            <div class="x_small_title c-white">MARINA SMIR</div>
2165                            <hr>
2166                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2167                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2168                        </div>
2169                    </a>
2170
2171
2172                    <a href="#" class="card_delivery_points disticardsclass">
2173                        <input type="hidden" style="display:none;" class="disticards" value="MARRAKECH">
2174                        <div class="item_card_icon material-symbols-outlined c-white">distance
2175                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2176                        </div>
2177                        <div class="item_card_text">
2178                            <div class="x_small_title c-white">MARRAKECH</div>
2179                            <hr>
2180                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2181                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2182                        </div>
2183                    </a>
2184
2185
2186                    <a href="#" class="card_delivery_points disticardsclass">
2187                        <input type="hidden" style="display:none;" class="disticards" value="MARTIL">
2188                        <div class="item_card_icon material-symbols-outlined c-white">distance
2189                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2190                        </div>
2191                        <div class="item_card_text">
2192                            <div class="x_small_title c-white">MARTIL</div>
2193                            <hr>
2194                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2195                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2196                        </div>
2197                    </a>
2198
2199
2200                    <a href="#" class="card_delivery_points disticardsclass">
2201                        <input type="hidden" style="display:none;" class="disticards" value="MDIQ">
2202                        <div class="item_card_icon material-symbols-outlined c-white">distance
2203                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2204                        </div>
2205                        <div class="item_card_text">
2206                            <div class="x_small_title c-white">MDIQ</div>
2207                            <hr>
2208                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2209                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2210                        </div>
2211                    </a>
2212
2213
2214                    <a href="#" class="card_delivery_points disticardsclass">
2215                        <input type="hidden" style="display:none;" class="disticards" value="MEDIOUNA">
2216                        <div class="item_card_icon material-symbols-outlined c-white">distance
2217                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2218                        </div>
2219                        <div class="item_card_text">
2220                            <div class="x_small_title c-white">MEDIOUNA</div>
2221                            <hr>
2222                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2223                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2224                        </div>
2225                    </a>
2226
2227
2228                    <a href="#" class="card_delivery_points disticardsclass">
2229                        <input type="hidden" style="display:none;" class="disticards" value="MEHDIA">
2230                        <div class="item_card_icon material-symbols-outlined c-white">distance
2231                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2232                        </div>
2233                        <div class="item_card_text">
2234                            <div class="x_small_title c-white">MEHDIA</div>
2235                            <hr>
2236                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2237                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2238                        </div>
2239                    </a>
2240
2241
2242                    <a href="#" class="card_delivery_points disticardsclass">
2243                        <input type="hidden" style="display:none;" class="disticards" value="MEKNES">
2244                        <div class="item_card_icon material-symbols-outlined c-white">distance
2245                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2246                        </div>
2247                        <div class="item_card_text">
2248                            <div class="x_small_title c-white">MEKNES</div>
2249                            <hr>
2250                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2251                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2252                        </div>
2253                    </a>
2254
2255
2256                    <a href="#" class="card_delivery_points disticardsclass">
2257                        <input type="hidden" style="display:none;" class="disticards" value="MELLOUSSA">
2258                        <div class="item_card_icon material-symbols-outlined c-white">distance
2259                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2260                        </div>
2261                        <div class="item_card_text">
2262                            <div class="x_small_title c-white">MELLOUSSA</div>
2263                            <hr>
2264                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2265                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2266                        </div>
2267                    </a>
2268
2269
2270                    <a href="#" class="card_delivery_points disticardsclass">
2271                        <input type="hidden" style="display:none;" class="disticards" value="MERZOUGA">
2272                        <div class="item_card_icon material-symbols-outlined c-white">distance
2273                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2274                        </div>
2275                        <div class="item_card_text">
2276                            <div class="x_small_title c-white">MERZOUGA</div>
2277                            <hr>
2278                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2279                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2280                        </div>
2281                    </a>
2282
2283
2284                    <a href="#" class="card_delivery_points disticardsclass">
2285                        <input type="hidden" style="display:none;" class="disticards" value="MHAYA">
2286                        <div class="item_card_icon material-symbols-outlined c-white">distance
2287                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2288                        </div>
2289                        <div class="item_card_text">
2290                            <div class="x_small_title c-white">MHAYA</div>
2291                            <hr>
2292                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2293                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2294                        </div>
2295                    </a>
2296
2297
2298                    <a href="#" class="card_delivery_points disticardsclass">
2299                        <input type="hidden" style="display:none;" class="disticards" value="MIDAR">
2300                        <div class="item_card_icon material-symbols-outlined c-white">distance
2301                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2302                        </div>
2303                        <div class="item_card_text">
2304                            <div class="x_small_title c-white">MIDAR</div>
2305                            <hr>
2306                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2307                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2308                        </div>
2309                    </a>
2310
2311
2312                    <a href="#" class="card_delivery_points disticardsclass">
2313                        <input type="hidden" style="display:none;" class="disticards" value="MIDELT">
2314                        <div class="item_card_icon material-symbols-outlined c-white">distance
2315                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2316                        </div>
2317                        <div class="item_card_text">
2318                            <div class="x_small_title c-white">MIDELT</div>
2319                            <hr>
2320                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2321                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2322                        </div>
2323                    </a>
2324
2325
2326                    <a href="#" class="card_delivery_points disticardsclass">
2327                        <input type="hidden" style="display:none;" class="disticards" value="MOHAMMADIA">
2328                        <div class="item_card_icon material-symbols-outlined c-white">distance
2329                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2330                        </div>
2331                        <div class="item_card_text">
2332                            <div class="x_small_title c-white">MOHAMMADIA</div>
2333                            <hr>
2334                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2335                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2336                        </div>
2337                    </a>
2338
2339
2340                    <a href="#" class="card_delivery_points disticardsclass">
2341                        <input type="hidden" style="display:none;" class="disticards" value="MOULAY ABDELLAH">
2342                        <div class="item_card_icon material-symbols-outlined c-white">distance
2343                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2344                        </div>
2345                        <div class="item_card_text">
2346                            <div class="x_small_title c-white">MOULAY ABDELLAH</div>
2347                            <hr>
2348                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2349                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2350                        </div>
2351                    </a>
2352
2353
2354                    <a href="#" class="card_delivery_points disticardsclass">
2355                        <input type="hidden" style="display:none;" class="disticards" value="MOULAY IDRISS">
2356                        <div class="item_card_icon material-symbols-outlined c-white">distance
2357                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2358                        </div>
2359                        <div class="item_card_text">
2360                            <div class="x_small_title c-white">MOULAY IDRISS</div>
2361                            <hr>
2362                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2363                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2364                        </div>
2365                    </a>
2366
2367
2368                    <a href="#" class="card_delivery_points disticardsclass">
2369                        <input type="hidden" style="display:none;" class="disticards" value="MOULAY YACOUB">
2370                        <div class="item_card_icon material-symbols-outlined c-white">distance
2371                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2372                        </div>
2373                        <div class="item_card_text">
2374                            <div class="x_small_title c-white">MOULAY YACOUB</div>
2375                            <hr>
2376                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2377                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2378                        </div>
2379                    </a>
2380
2381
2382                    <a href="#" class="card_delivery_points disticardsclass">
2383                        <input type="hidden" style="display:none;" class="disticards" value="MRIRT">
2384                        <div class="item_card_icon material-symbols-outlined c-white">distance
2385                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2386                        </div>
2387                        <div class="item_card_text">
2388                            <div class="x_small_title c-white">MRIRT</div>
2389                            <hr>
2390                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2391                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2392                        </div>
2393                    </a>
2394
2395
2396                    <a href="#" class="card_delivery_points disticardsclass">
2397                        <input type="hidden" style="display:none;" class="disticards" value="NADOR">
2398                        <div class="item_card_icon material-symbols-outlined c-white">distance
2399                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2400                        </div>
2401                        <div class="item_card_text">
2402                            <div class="x_small_title c-white">NADOR</div>
2403                            <hr>
2404                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2405                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2406                        </div>
2407                    </a>
2408
2409
2410                    <a href="#" class="card_delivery_points disticardsclass">
2411                        <input type="hidden" style="display:none;" class="disticards" value="NOUACEUR">
2412                        <div class="item_card_icon material-symbols-outlined c-white">distance
2413                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2414                        </div>
2415                        <div class="item_card_text">
2416                            <div class="x_small_title c-white">NOUACEUR</div>
2417                            <hr>
2418                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2419                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2420                        </div>
2421                    </a>
2422
2423
2424                    <a href="#" class="card_delivery_points disticardsclass">
2425                        <input type="hidden" style="display:none;" class="disticards" value="OUAD CHARAT">
2426                        <div class="item_card_icon material-symbols-outlined c
2426-white">distance
2427                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2428                        </div>
2429                        <div class="item_card_text">
2430                            <div class="x_small_title c-white">OUAD CHARAT</div>
2431                            <hr>
2432                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2433                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2434                        </div>
2435                    </a>
2436
2437
2438                    <a href="#" class="card_delivery_points disticardsclass">
2439                        <input type="hidden" style="display:none;" class="disticards" value="OUED AMLIL">
2440                        <div class="item_card_icon material-symbols-outlined c-white">distance
2441                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2442                        </div>
2443                        <div class="item_card_text">
2444                            <div class="x_small_title c-white">OUED AMLIL</div>
2445                            <hr>
2446                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2447                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2448                        </div>
2449                    </a>
2450
2451
2452                    <a href="#" class="card_delivery_points disticardsclass">
2453                        <input type="hidden" style="display:none;" class="disticards" value="OUED NAANAA">
2454                        <div class="item_card_icon material-symbols-outlined c-white">distance
2455                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2456                        </div>
2457                        <div class="item_card_text">
2458                            <div class="x_small_title c-white">OUED NAANAA</div>
2459                            <hr>
2460                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2461                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2462                        </div>
2463                    </a>
2464
2465
2466                    <a href="#" class="card_delivery_points disticardsclass">
2467                        <input type="hidden" style="display:none;" class="disticards" value="OUED ZEM">
2468                        <div class="item_card_icon material-symbols-outlined c-white">distance
2469                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2470                        </div>
2471                        <div class="item_card_text">
2472                            <div class="x_small_title c-white">OUED ZEM</div>
2473                            <hr>
2474                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2475                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2476                        </div>
2477                    </a>
2478
2479
2480                    <a href="#" class="card_delivery_points disticardsclass">
2481                        <input type="hidden" style="display:none;" class="disticards" value="OUJDA">
2482                        <div class="item_card_icon material-symbols-outlined c-white">distance
2483                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2484                        </div>
2485                        <div class="item_card_text">
2486                            <div class="x_small_title c-white">OUJDA</div>
2487                            <hr>
2488                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2489                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2490                        </div>
2491                    </a>
2492
2493
2494                    <a href="#" class="card_delivery_points disticardsclass">
2495                        <input type="hidden" style="display:none;" class="disticards" value="OUJDA - AEROPORT">
2496                        <div class="item_card_icon material-symbols-outlined c-white">distance
2497                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2498                        </div>
2499                        <div class="item_card_text">
2500                            <div class="x_small_title c-white">OUJDA - AEROPORT</div>
2501                            <hr>
2502                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2503                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2504                        </div>
2505                    </a>
2506
2507
2508                    <a href="#" class="card_delivery_points disticardsclass">
2509                        <input type="hidden" style="display:none;" class="disticards" value="OULAD ABBOU">
2510                        <div class="item_card_icon material-symbols-outlined c-white">distance
2511                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2512                        </div>
2513                        <div class="item_card_text">
2514                            <div class="x_small_title c-white">OULAD ABBOU</div>
2515                            <hr>
2516                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2517                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2518                        </div>
2519                    </a>
2520
2521
2522                    <a href="#" class="card_delivery_points disticardsclass">
2523                        <input type="hidden" style="display:none;" class="disticards" value="OULAD AMRANE">
2524                        <div class="item_card_icon material-symbols-outlined c-white">distance
2525                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2526                        </div>
2527                        <div class="item_card_text">
2528                            <div class="x_small_title c-white">OULAD AMRANE</div>
2529                            <hr>
2530                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2531                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2532                        </div>
2533                    </a>
2534
2535
2536                    <a href="#" class="card_delivery_points disticardsclass">
2537                        <input type="hidden" style="display:none;" class="disticards" value="OULAD ETTAYEB">
2538                        <div class="item_card_icon material-symbols-outlined c-white">distance
2539                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2540                        </div>
2541                        <div class="item_card_text">
2542                            <div class="x_small_title c-white">OULAD ETTAYEB</div>
2543                            <hr>
2544                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2545                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2546                        </div>
2547                    </a>
2548
2549
2550                    <a href="#" class="card_delivery_points disticardsclass">
2551                        <input type="hidden" style="display:none;" class="disticards"
2552                            value="OULAD SIDI ALI BEN YOUSSEF">
2553                        <div class="item_card_icon material-symbols-outlined c-white">distance
2554                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2555                        </div>
2556                        <div class="item_card_text">
2557                            <div class="x_small_title c-white">OULAD SIDI ALI BEN YOUSSEF</div>
2558                            <hr>
2559                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2560                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2561                        </div>
2562                    </a>
2563
2564
2565                    <a href="#" class="card_delivery_points disticardsclass">
2566                        <input type="hidden" style="display:none;" class="disticards" value="OULAD TEIMA">
2567                        <div class="item_card_icon material-symbols-outlined c-white">distance
2568                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2569                        </div>
2570                        <div class="item_card_text">
2571                            <div class="x_small_title c-white">OULAD TEIMA</div>
2572                            <hr>
2573                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2574                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2575                        </div>
2576                    </a>
2577
2578
2579                    <a href="#" class="card_delivery_points disticardsclass">
2580                        <input type="hidden" style="display:none;" class="disticards" value="OULED FREJ">
2581                        <div class="item_card_icon material-symbols-outlined c-white">distance
2582                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2583                        </div>
2584                        <div class="item_card_text">
2585                            <div class="x_small_title c-white">OULED FREJ</div>
2586                            <hr>
2587                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2588                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2589                        </div>
2590                    </a>
2591
2592
2593                    <a href="#" class="card_delivery_points disticardsclass">
2594                        <input type="hidden" style="display:none;" class="disticards" value="OULED MBAREK">
2595                        <div class="item_card_icon material-symbols-outlined c-white">distance
2596                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2597                        </div>
2598                        <div class="item_card_text">
2599                            <div class="x_small_title c-white">OULED MBAREK</div>
2600                            <hr>
2601                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2602                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2603                        </div>
2604                    </a>
2605
2606
2607                    <a href="#" class="card_delivery_points disticardsclass">
2608                        <input type="hidden" style="display:none;" class="disticards" value="OULED MIMOUN">
2609                        <div class="item_card_icon material-symbols-outlined c-white">distance
2610                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2611                        </div>
2612                        <div class="item_card_text">
2613                            <div class="x_small_title c-white">OULED MIMOUN</div>
2614                            <hr>
2615                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2616                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2617                        </div>
2618                    </a>
2619
2620
2621                    <a href="#" class="card_delivery_points disticardsclass">
2622                        <input type="hidden" style="display:none;" class="disticards" value="PORT DE PECHE">
2623                        <div class="item_card_icon material-symbols-outlined c-white">distance
2624                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2625                        </div>
2626                        <div class="item_card_text">
2627                            <div class="x_small_title c-white">PORT DE PECHE</div>
2628                            <hr>
2629                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2630                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2631                        </div>
2632                    </a>
2633
2634
2635                    <a href="#" class="card_delivery_points disticardsclass">
2636                        <input type="hidden" style="display:none;" class="disticards" value="RABAT">
2637                        <div class="item_card_icon material-symbols-outlined c-white">distance
2638                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2639                        </div>
2640                        <div class="item_card_text">
2641                            <div class="x_small_title c-white">RABAT</div>
2642                            <hr>
2643                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2644                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2645                        </div>
2646                    </a>
2647
2648
2649                    <a href="#" class="card_delivery_points disticardsclass">
2650                        <input type="hidden" style="display:none;" class="disticards" value="RAS ALMAE">
2651                        <div class="item_card_icon material-symbols-outlined c-white">distance
2652                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2653                        </div>
2654                        <div class="item_card_text">
2655                            <div class="x_small_title c-white">RAS ALMAE</div>
2656                            <hr>
2657                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2658                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2659                        </div>
2660                    </a>
2661
2662
2663                    <a href="#" class="card_delivery_points disticardsclass">
2664                        <input type="hidden" style="display:none;" class="disticards" value="RAS EL AIN - YOUSSOFIA">
2665                        <div class="item_card_icon material-symbols-outlined c-white">distance
2666                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2667                        </div>
2668                        <div class="item_card_text">
2669                            <div class="x_small_title c-white">RAS EL AIN - YOUSSOFIA</div>
2670                            <hr>
2671                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2672                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2673                        </div>
2674                    </a>
2675
2676
2677                    <a href="#" class="card_delivery_points disticardsclass">
2678                        <input type="hidden" style="display:none;" class="disticards" value="RIBAT EL KHEIR">
2679                        <div class="item_card_icon material-symbols-outlined c-white">distance
2680                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2681                        </div>
2682                        <div class="item_card_text">
2683                            <div class="x_small_title c-white">RIBAT EL KHEIR</div>
2684                            <hr>
2685                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2686                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2687                        </div>
2688                    </a>
2689
2690
2691                    <a href="#" class="card_delivery_points disticardsclass">
2692                        <input type="hidden" style="display:none;" class="disticards" value="RISSANI">
2693                
2693        <div class="item_card_icon material-symbols-outlined c-white">distance
2694                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2695                        </div>
2696                        <div class="item_card_text">
2697                            <div class="x_small_title c-white">RISSANI</div>
2698                            <hr>
2699                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2700                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2701                        </div>
2702                    </a>
2703
2704
2705                    <a href="#" class="card_delivery_points disticardsclass">
2706                        <input type="hidden" style="display:none;" class="disticards" value="SABAA AIYOUN">
2707                        <div class="item_card_icon material-symbols-outlined c-white">distance
2708                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2709                        </div>
2710                        <div class="item_card_text">
2711                            <div class="x_small_title c-white">SABAA AIYOUN</div>
2712                            <hr>
2713                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2714                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2715                        </div>
2716                    </a>
2717
2718
2719                    <a href="#" class="card_delivery_points disticardsclass">
2720                        <input type="hidden" style="display:none;" class="disticards" value="SAFI">
2721                        <div class="item_card_icon material-symbols-outlined c-white">distance
2722                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2723                        </div>
2724                        <div class="item_card_text">
2725                            <div class="x_small_title c-white">SAFI</div>
2726                            <hr>
2727                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2728                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2729                        </div>
2730                    </a>
2731
2732
2733                    <a href="#" class="card_delivery_points disticardsclass">
2734                        <input type="hidden" style="display:none;" class="disticards" value="SAIDIA">
2735                        <div class="item_card_icon material-symbols-outlined c-white">distance
2736                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2737                        </div>
2738                        <div class="item_card_text">
2739                            <div class="x_small_title c-white">SAIDIA</div>
2740                            <hr>
2741                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2742                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2743                        </div>
2744                    </a>
2745
2746
2747                    <a href="#" class="card_delivery_points disticardsclass">
2748                        <input type="hidden" style="display:none;" class="disticards" value="SALE">
2749                        <div class="item_card_icon material-symbols-outlined c-white">distance
2750                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2751                        </div>
2752                        <div class="item_card_text">
2753                            <div class="x_small_title c-white">SALE</div>
2754                            <hr>
2755                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2756                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2757                        </div>
2758                    </a>
2759
2760
2761                    <a href="#" class="card_delivery_points disticardsclass">
2762                        <input type="hidden" style="display:none;" class="disticards" value="SEBT GZOULA">
2763                        <div class="item_card_icon material-symbols-outlined c-white">distance
2764                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2765                        </div>
2766                        <div class="item_card_text">
2767                            <div class="x_small_title c-white">SEBT GZOULA</div>
2768                            <hr>
2769                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2770                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2771                        </div>
2772                    </a>
2773
2774
2775                    <a href="#" class="card_delivery_points disticardsclass">
2776                        <input type="hidden" style="display:none;" class="disticards" value="SEBT OULAD NEMMA">
2777                        <div class="item_card_icon material-symbols-outlined c-white">distance
2778                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2779                        </div>
2780                        <div class="item_card_text">
2781                            <div class="x_small_title c-white">SEBT OULAD NEMMA</div>
2782                            <hr>
2783                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2784                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2785                        </div>
2786                    </a>
2787
2788
2789                    <a href="#" class="card_delivery_points disticardsclass">
2790                        <input type="hidden" style="display:none;" class="disticards" value="SEFROU">
2791                        <div class="item_card_icon material-symbols-outlined c-white">distance
2792                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2793                        </div>
2794                        <div class="item_card_text">
2795                            <div class="x_small_title c-white">SEFROU</div>
2796                            <hr>
2797                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2798                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2799                        </div>
2800                    </a>
2801
2802
2803                    <a href="#" class="card_delivery_points disticardsclass">
2804                        <input type="hidden" style="display:none;" class="disticards" value="SELOUANE">
2805                        <div class="item_card_icon material-symbols-outlined c-white">distance
2806                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2807                        </div>
2808                        <div class="item_card_text">
2809                            <div class="x_small_title c-white">SELOUANE</div>
2810                            <hr>
2811                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2812                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2813                        </div>
2814                    </a>
2815
2816
2817                    <a href="#" class="card_delivery_points disticardsclass">
2818                        <input type="hidden" style="display:none;" class="disticards" value="SETTAT">
2819                        <div class="item_card_icon material-symbols-outlined c-white">distance
2820                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2821                        </div>
2822                        <div class="item_card_text">
2823                            <div class="x_small_title c-white">SETTAT</div>
2824                            <hr>
2825                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2826                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2827                        </div>
2828                    </a>
2829
2830
2831                    <a href="#" class="card_delivery_points disticardsclass">
2832                        <input type="hidden" style="display:none;" class="disticards" value="SIDI AHMED">
2833                        <div class="item_card_icon material-symbols-outlined c-white">distance
2834                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2835                        </div>
2836                        <div class="item_card_text">
2837                            <div class="x_small_title c-white">SIDI AHMED</div>
2838                            <hr>
2839                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2840                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2841                        </div>
2842                    </a>
2843
2844
2845                    <a href="#" class="card_delivery_points disticardsclass">
2846                        <input type="hidden" style="display:none;" class="disticards" value="SIDI BENNOUR">
2847                        <div class="item_card_icon material-symbols-outlined c-white">distance
2848                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2849                        </div>
2850                        <div class="item_card_text">
2851                            <div class="x_small_title c-white">SIDI BENNOUR</div>
2852                            <hr>
2853                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2854                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2855                        </div>
2856                    </a>
2857
2858
2859                    <a href="#" class="card_delivery_points disticardsclass">
2860                        <input type="hidden" style="display:none;" class="disticards" value="SIDI BOUMEHDI">
2861                        <div class="item_card_icon material-symbols-outlined c-white">distance
2862                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2863                        </div>
2864                        <div class="item_card_text">
2865                            <div class="x_small_title c-white">SIDI BOUMEHDI</div>
2866                            <hr>
2867                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2868                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2869                        </div>
2870                    </a>
2871
2872
2873                    <a href="#" class="card_delivery_points disticardsclass">
2874                        <input type="hidden" style="display:none;" class="disticards" value="SIDI BOUZID">
2875                        <div class="item_card_icon material-symbols-outlined c-white">distance
2876                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2877                        </div>
2878                        <div class="item_card_text">
2879                            <div class="x_small_title c-white">SIDI BOUZID</div>
2880                            <hr>
2881                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2882                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2883                        </div>
2884                    </a>
2885
2886
2887                    <a href="#" class="card_delivery_points disticardsclass">
2888                        <input type="hidden" style="display:none;" class="disticards" value="SIDI DAHBI">
2889                        <div class="item_card_icon material-symbols-outlined c-white">distance
2890                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2891                        </div>
2892                        <div class="item_card_text">
2893                            <div class="x_small_title c-white">SIDI DAHBI</div>
2894                            <hr>
2895                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2896                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2897                        </div>
2898                    </a>
2899
2900
2901                    <a href="#" class="card_delivery_points disticardsclass">
2902                        <input type="hidden" style="display:none;" class="disticards" value="SIDI EL AIDI">
2903                        <div class="item_card_icon material-symbols-outlined c-white">distance
2904                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2905                        </div>
2906                        <div class="item_card_text">
2907                            <div class="x_small_title c-white">SIDI EL AIDI</div>
2908                            <hr>
2909                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2910                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2911                        </div>
2912                    </a>
2913
2914
2915                    <a href="#" class="card_delivery_points disticardsclass">
2916                        <input type="hidden" style="display:none;" class="disticards" value="SIDI HAJJAJ">
2917                        <div class="item_card_icon material-symbols-outlined c-white">distance
2918                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2919                        </div>
2920                        <div class="item_card_text">
2921                            <div class="x_small_title c-white">SIDI HAJJAJ</div>
2922                            <hr>
2923                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2924                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2925                        </div>
2926                    </a>
2927
2928
2929                    <a href="#" class="card_delivery_points disticardsclass">
2930                        <input type="hidden" style="display:none;" class="disticards" value="SIDI HAJJAJ DE SETTAT">
2931                        <div class="item_card_icon material-symbols-outlined c-white">distance
2932                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2933                        </div>
2934                        <div class="item_card_text">
2935                            <div class="x_small_title c-white">SIDI HAJJAJ DE SETTAT</div>
2936                            <hr>
2937                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2938                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2939                        </div>
2940                    </a>
2941
2942
2943                    <a href="#" class="card_delivery_points disticardsclass">
2944                        <input type="hidden" style="display:none;" class="disticards" value="SIDI HRAZEM">
2945                        <div class="item_card_icon material-symbols-outlined c-white">distance
2946                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2947                        </div>
2948                        <div class="item_card_text">
2949                            <div class="x_small_title c-white">SIDI HRAZEM</div>
2950                            <hr>
2951                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2952                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2953                        </div>
2954                    </a>
2955
2956
2957                    <a href="#" class="card_delivery_points disticardsclass">
2958                        <input type="hidden" style="display:none;" class="disticards" value="SIDI ISMAIL">
2959                        <div class="item_card_icon mat
2959erial-symbols-outlined c-white">distance
2960                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2961                        </div>
2962                        <div class="item_card_text">
2963                            <div class="x_small_title c-white">SIDI ISMAIL</div>
2964                            <hr>
2965                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2966                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2967                        </div>
2968                    </a>
2969
2970
2971                    <a href="#" class="card_delivery_points disticardsclass">
2972                        <input type="hidden" style="display:none;" class="disticards" value="SIDI JABER">
2973                        <div class="item_card_icon material-symbols-outlined c-white">distance
2974                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2975                        </div>
2976                        <div class="item_card_text">
2977                            <div class="x_small_title c-white">SIDI JABER</div>
2978                            <hr>
2979                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2980                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2981                        </div>
2982                    </a>
2983
2984
2985                    <a href="#" class="card_delivery_points disticardsclass">
2986                        <input type="hidden" style="display:none;" class="disticards" value="SIDI KACEM">
2987                        <div class="item_card_icon material-symbols-outlined c-white">distance
2988                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
2989                        </div>
2990                        <div class="item_card_text">
2991                            <div class="x_small_title c-white">SIDI KACEM</div>
2992                            <hr>
2993                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
2994                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
2995                        </div>
2996                    </a>
2997
2998
2999                    <a href="#" class="card_delivery_points disticardsclass">
3000                        <input type="hidden" style="display:none;" class="disticards" value="SIDI RAHAL">
3001                        <div class="item_card_icon material-symbols-outlined c-white">distance
3002                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3003                        </div>
3004                        <div class="item_card_text">
3005                            <div class="x_small_title c-white">SIDI RAHAL</div>
3006                            <hr>
3007                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3008                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3009                        </div>
3010                    </a>
3011
3012
3013                    <a href="#" class="card_delivery_points disticardsclass">
3014                        <input type="hidden" style="display:none;" class="disticards" value="SIDI SLIMANE">
3015                        <div class="item_card_icon material-symbols-outlined c-white">distance
3016                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3017                        </div>
3018                        <div class="item_card_text">
3019                            <div class="x_small_title c-white">SIDI SLIMANE</div>
3020                            <hr>
3021                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3022                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3023                        </div>
3024                    </a>
3025
3026
3027                    <a href="#" class="card_delivery_points disticardsclass">
3028                        <input type="hidden" style="display:none;" class="disticards" value="SIDI YAHYA OUJDA">
3029                        <div class="item_card_icon material-symbols-outlined c-white">distance
3030                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3031                        </div>
3032                        <div class="item_card_text">
3033                            <div class="x_small_title c-white">SIDI YAHYA OUJDA</div>
3034                            <hr>
3035                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3036                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3037                        </div>
3038                    </a>
3039
3040
3041                    <a href="#" class="card_delivery_points disticardsclass">
3042                        <input type="hidden" style="display:none;" class="disticards" value="SIDI YAHYA ZEAR">
3043                        <div class="item_card_icon material-symbols-outlined c-white">distance
3044                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3045                        </div>
3046                        <div class="item_card_text">
3047                            <div class="x_small_title c-white">SIDI YAHYA ZEAR</div>
3048                            <hr>
3049                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3050                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3051                        </div>
3052                    </a>
3053
3054
3055                    <a href="#" class="card_delivery_points disticardsclass">
3056                        <input type="hidden" style="display:none;" class="disticards" value="SKHIRATE">
3057                        <div class="item_card_icon material-symbols-outlined c-white">distance
3058                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3059                        </div>
3060                        <div class="item_card_text">
3061                            <div class="x_small_title c-white">SKHIRATE</div>
3062                            <hr>
3063                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3064                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3065                        </div>
3066                    </a>
3067
3068
3069                    <a href="#" class="card_delivery_points disticardsclass">
3070                        <input type="hidden" style="display:none;" class="disticards" value="SMARA">
3071                        <div class="item_card_icon material-symbols-outlined c-white">distance
3072                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3073                        </div>
3074                        <div class="item_card_text">
3075                            <div class="x_small_title c-white">SMARA</div>
3076                            <hr>
3077                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3078                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3079                        </div>
3080                    </a>
3081
3082
3083                    <a href="#" class="card_delivery_points disticardsclass">
3084                        <input type="hidden" style="display:none;" class="disticards" value="TACHREFT">
3085                        <div class="item_card_icon material-symbols-outlined c-white">distance
3086                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3087                        </div>
3088                        <div class="item_card_text">
3089                            <div class="x_small_title c-white">TACHREFT</div>
3090                            <hr>
3091                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3092                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3093                        </div>
3094                    </a>
3095
3096
3097                    <a href="#" class="card_delivery_points disticardsclass">
3098                        <input type="hidden" style="display:none;" class="disticards" value="TADART ANZA">
3099                        <div class="item_card_icon material-symbols-outlined c-white">distance
3100                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3101                        </div>
3102                        <div class="item_card_text">
3103                            <div class="x_small_title c-white">TADART ANZA</div>
3104                            <hr>
3105                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3106                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3107                        </div>
3108                    </a>
3109
3110
3111                    <a href="#" class="card_delivery_points disticardsclass">
3112                        <input type="hidden" style="display:none;" class="disticards" value="TAHLA">
3113                        <div class="item_card_icon material-symbols-outlined c-white">distance
3114                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3115                        </div>
3116                        <div class="item_card_text">
3117                            <div class="x_small_title c-white">TAHLA</div>
3118                            <hr>
3119                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3120                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3121                        </div>
3122                    </a>
3123
3124
3125                    <a href="#" class="card_delivery_points disticardsclass">
3126                        <input type="hidden" style="display:none;" class="disticards" value="TAMARIS">
3127                        <div class="item_card_icon material-symbols-outlined c-white">distance
3128                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3129                        </div>
3130                        <div class="item_card_text">
3131                            <div class="x_small_title c-white">TAMARIS</div>
3132                            <hr>
3133                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3134                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3135                        </div>
3136                    </a>
3137
3138
3139                    <a href="#" class="card_delivery_points disticardsclass">
3140                        <input type="hidden" style="display:none;" class="disticards" value="TAMESNA">
3141                        <div class="item_card_icon material-symbols-outlined c-white">distance
3142                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3143                        </div>
3144                        <div class="item_card_text">
3145                            <div class="x_small_title c-white">TAMESNA</div>
3146                            <hr>
3147                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3148                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3149                        </div>
3150                    </a>
3151
3152
3153                    <a href="#" class="card_delivery_points disticardsclass">
3154                        <input type="hidden" style="display:none;" class="disticards" value="TAMNSOURT">
3155                        <div class="item_card_icon material-symbols-outlined c-white">distance
3156                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3157                        </div>
3158                        <div class="item_card_text">
3159                            <div class="x_small_title c-white">TAMNSOURT</div>
3160                            <hr>
3161                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3162                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3163                        </div>
3164                    </a>
3165
3166
3167                    <a href="#" class="card_delivery_points disticardsclass">
3168                        <input type="hidden" style="display:none;" class="disticards" value="TAN TAN">
3169                        <div class="item_card_icon material-symbols-outlined c-white">distance
3170                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3171                        </div>
3172                        <div class="item_card_text">
3173                            <div class="x_small_title c-white">TAN TAN</div>
3174                            <hr>
3175                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3176                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3177                        </div>
3178                    </a>
3179
3180
3181                    <a href="#" class="card_delivery_points disticardsclass">
3182                        <input type="hidden" style="display:none;" class="disticards" value="TANGER">
3183                        <div class="item_card_icon material-symbols-outlined c-white">distance
3184                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3185                        </div>
3186                        <div class="item_card_text">
3187                            <div class="x_small_title c-white">TANGER</div>
3188                            <hr>
3189                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3190                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3191                        </div>
3192                    </a>
3193
3194
3195                    <a href="#" class="card_delivery_points disticardsclass">
3196                        <input type="hidden" style="display:none;" class="disticards" value="TAOURIRT">
3197                        <div class="item_card_icon material-symbols-outlined c-white">distance
3198                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3199                        </div>
3200                        <div class="item_card_text">
3201                            <div class="x_small_title c-white">TAOURIRT</div>
3202                            <hr>
3203                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3204                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3205                        </div>
3206                    </a>
3207
3208
3209                    <a href="#" class="card_delivery_points disticardsclass">
3210                        <input type="hidden" style="display:none;" class="disticards" value="TAROUDANT">
3211                        <div class="item_card_icon material-symbols-outlined c-white">distance
3212                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3213                        </div>
3214                        <div class="item_card_text">
3215                            <div class="x_small_title c-white">TAROUDANT</div>
3216                            <hr>
3217                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3218                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3219                        </div>
3220                    </a>
3221
3222
3223                    <a href="#" class="card_delivery_points disticardsclass">
3224                        <input type="hidden" style="display:none;" class="disticards" value="TAZA">
3225                        <div class="item_card_icon material-symbols-outlined c-white">distance
3226                            <!-- <img load
3226ing="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3227                        </div>
3228                        <div class="item_card_text">
3229                            <div class="x_small_title c-white">TAZA</div>
3230                            <hr>
3231                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3232                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3233                        </div>
3234                    </a>
3235
3236
3237                    <a href="#" class="card_delivery_points disticardsclass">
3238                        <input type="hidden" style="display:none;" class="disticards" value="TEMARA">
3239                        <div class="item_card_icon material-symbols-outlined c-white">distance
3240                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3241                        </div>
3242                        <div class="item_card_text">
3243                            <div class="x_small_title c-white">TEMARA</div>
3244                            <hr>
3245                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3246                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3247                        </div>
3248                    </a>
3249
3250
3251                    <a href="#" class="card_delivery_points disticardsclass">
3252                        <input type="hidden" style="display:none;" class="disticards" value="TETOUAN">
3253                        <div class="item_card_icon material-symbols-outlined c-white">distance
3254                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3255                        </div>
3256                        <div class="item_card_text">
3257                            <div class="x_small_title c-white">TETOUAN</div>
3258                            <hr>
3259                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3260                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3261                        </div>
3262                    </a>
3263
3264
3265                    <a href="#" class="card_delivery_points disticardsclass">
3266                        <input type="hidden" style="display:none;" class="disticards" value="TIFELT">
3267                        <div class="item_card_icon material-symbols-outlined c-white">distance
3268                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3269                        </div>
3270                        <div class="item_card_text">
3271                            <div class="x_small_title c-white">TIFELT</div>
3272                            <hr>
3273                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3274                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3275                        </div>
3276                    </a>
3277
3278
3279                    <a href="#" class="card_delivery_points disticardsclass">
3280                        <input type="hidden" style="display:none;" class="disticards" value="TIT MELLIL">
3281                        <div class="item_card_icon material-symbols-outlined c-white">distance
3282                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3283                        </div>
3284                        <div class="item_card_text">
3285                            <div class="x_small_title c-white">TIT MELLIL</div>
3286                            <hr>
3287                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3288                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3289                        </div>
3290                    </a>
3291
3292
3293                    <a href="#" class="card_delivery_points disticardsclass">
3294                        <input type="hidden" style="display:none;" class="disticards" value="TIZNIT">
3295                        <div class="item_card_icon material-symbols-outlined c-white">distance
3296                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3297                        </div>
3298                        <div class="item_card_text">
3299                            <div class="x_small_title c-white">TIZNIT</div>
3300                            <hr>
3301                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3302                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3303                        </div>
3304                    </a>
3305
3306
3307                    <a href="#" class="card_delivery_points disticardsclass">
3308                        <input type="hidden" style="display:none;" class="disticards" value="TLAT BOUGEDRA">
3309                        <div class="item_card_icon material-symbols-outlined c-white">distance
3310                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3311                        </div>
3312                        <div class="item_card_text">
3313                            <div class="x_small_title c-white">TLAT BOUGEDRA</div>
3314                            <hr>
3315                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3316                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3317                        </div>
3318                    </a>
3319
3320
3321                    <a href="#" class="card_delivery_points disticardsclass">
3322                        <input type="hidden" style="display:none;" class="disticards" value="TLETA LOULAD">
3323                        <div class="item_card_icon material-symbols-outlined c-white">distance
3324                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3325                        </div>
3326                        <div class="item_card_text">
3327                            <div class="x_small_title c-white">TLETA LOULAD</div>
3328                            <hr>
3329                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3330                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3331                        </div>
3332                    </a>
3333
3334
3335                    <a href="#" class="card_delivery_points disticardsclass">
3336                        <input type="hidden" style="display:none;" class="disticards" value="TNINE CHTOUKA">
3337                        <div class="item_card_icon material-symbols-outlined c-white">distance
3338                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3339                        </div>
3340                        <div class="item_card_text">
3341                            <div class="x_small_title c-white">TNINE CHTOUKA</div>
3342                            <hr>
3343                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3344                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3345                        </div>
3346                    </a>
3347
3348
3349                    <a href="#" class="card_delivery_points disticardsclass">
3350                        <input type="hidden" style="display:none;" class="disticards" value="YOUSSOFIA">
3351                        <div class="item_card_icon material-symbols-outlined c-white">distance
3352                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3353                        </div>
3354                        <div class="item_card_text">
3355                            <div class="x_small_title c-white">YOUSSOFIA</div>
3356                            <hr>
3357                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3358                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3359                        </div>
3360                    </a>
3361
3362
3363                    <a href="#" class="card_delivery_points disticardsclass">
3364                        <input type="hidden" style="display:none;" class="disticards" value="ZAIO">
3365                        <div class="item_card_icon material-symbols-outlined c-white">distance
3366                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3367                        </div>
3368                        <div class="item_card_text">
3369                            <div class="x_small_title c-white">ZAIO</div>
3370                            <hr>
3371                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3372                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3373                        </div>
3374                    </a>
3375
3376
3377                    <a href="#" class="card_delivery_points disticardsclass">
3378                        <input type="hidden" style="display:none;" class="disticards" value="ZGHENGHAN">
3379                        <div class="item_card_icon material-symbols-outlined c-white">distance
3380                            <!-- <img loading="lazy" src="./assets/icons/serviceiconblack.png" alt="service icon"> -->
3381                        </div>
3382                        <div class="item_card_text">
3383                            <div class="x_small_title c-white">ZGHENGHAN</div>
3384                            <hr>
3385                            <div class="paragraph c-white"><b>Téléphone :</b> 0520-616263</div>
3386                            <div class="paragraph c-white"><b>Mail :</b> [email protected]</div>
3387                        </div>
3388                    </a>
3389                    <div class="card_delivery_points" style="height: 250px; background:none; box-shadow:none;"></div>
3390                </div>
3391            </div>
3392        </div>
3393    </div>
3394
3395    <!-- Sixth section -->
3396    <div class="sixth_section">
3397        <div class="small_title c-white t-center topToBtm">E-commerçants, nous livrons pour vous !</div><br>
3398        <div class="x_small_title c-white t-center topToBtm-late">Pour toute vos demandes d’informations, remplissez le
3399            formulaire, nous vous contacterons !</div><br>
3400        <div class="content_container_sixth_sec">
3401            <div class="first_col_container_six_sec">
3402                <img loading="lazy" src="./assets/contactusilu.png" alt="Contactez Nous image">
3403            </div>
3404            <div class="second_col_container_six_sec">
3405                <form action="https://chronodiali.ma/view/contact-api.php" method="post"
3406                    onsubmit="sendContact(event,this)">
3407                    <div>
3408                        <label for="__reclaCheckBox" class="check_box_radio_label"><input type="radio"
3409                                name="contact_type" value="Réclamation" id="__reclaCheckBox"
3410                                onclick="typeOfContact(this)" required>Réclamation ?</label>
3411                        <label for="_accountOpenCheckBox" class="check_box_radio_label"><input type="radio"
3412                                name="contact_type" value="Ouverture de compte" id="_accountOpenCheckBox"
3413                                onclick="typeOfContact(this)" required>Ouverture de compte ?</label>
3414                        <label for="_infoCheckBox" class="check_box_radio_label"><input type="radio" name="contact_type"
3415                                value="Demande d'information" id="_infoCheckBox" onclick="typeOfContact(this)" required>Demande
3416                            d'information ?</label>
3417                    </div><br>
3418                    <div class="contact_input_container_flex_row">
3419                        <input type="text" name="first-name-contact" class="contact_form_input" placeholder="Nom">
3420                        <input type="text" name="last-name-contact" class="contact_form_input" placeholder="Prénom">
3421                    </div>
3422                    <div class="contact_input_container_flex_row">
3423                        <input type="text" name="email-address-contact" class="contact_form_input" placeholder="E-mail">
3424                        <input type="text" name="phone-number-contact" class="contact_form_input"
3425                            placeholder="Téléphone">
3426                    </div>
3427                    <div class="contact_input_container_flex_row">
3428                        <input type="text" name="message-contact" class="contact_form_input" placeholder="Nom du Shop">
3429                         <button aria-label="Button" type="submit" name="submit" class="small_btn_contact">Envoyer</button>
3430                    </div>
3431                </form><br><br>
3432                <div class="contact_instruction_container">
3433                    <div class="material-symbols-outlined">support_agent</div>
3434                    <div class="contact_instructions t-just selectable"><a href="tel:+212520616263" target="_blank"
3435                            style="text-decoration: underline;" class="c-white selectable">+212 5 20 61 62 63</a></div>
3436                </div>
3437                <div class="contact_instruction_container">
3438                    <div class="material-symbols-outlined">mail</div>
3439                    <div class="contact_instructions t-just selectable"><a href="mailto:[email protected]"
3440                            target="_blank" style="text-decoration: underline;"
3441                            class="c-white selectable">[email protected]</a></div>
3442                </div>
3443                <div class="contact_instruction_container">
3444                    <div class="material-symbols-outlined">business_center</div>
3445                    <a href="https://goo.gl/maps/F6753gkYeLUthX2s6" target="_blank"
3446                        class="contact_instructions t-just selectable">Yasmina Business Center, Angle Boulevard
3447                        Chefchaouni et, Rte de Rabat, Casablanca</a>
3448                </div>
3449            </div>
3450        </div>
3451    </div>
3452
3453    <!-- Eigth section -->
3454    <div class="eight_section">
3455        <div class="small_title c-blue t-center topToBtm">ils nous font confiance</div>
3456        <div class="gtco-testimonials">
3457            <div class="owl-carousel owl-carousel2 owl-theme">
3458                <div class="caro_logos_item">
3459                    <img loading="lazy" src="./assets/etamlogo.png" alt="etamlogo">
3460                </div>
3461                <div class="caro_logos_item">
3462                    <img loading="lazy" src="./assets/wlidatylogo.png" alt="wlidatylogo">
3463                </div>
3464                <div class="caro_logos_item">
3465                    <img loading="lazy" src="./assets/marwalogo.png" alt="marwalogo">
3466                </div>
3467                <div class="caro_logos_item">
3468                    <img loading="lazy" src="./assets/kitealogo.png" alt="kitealogo">
3469                </div>
3470                <div class="caro_logos_item">
3471                    <img loading="lazy" src="./assets/minisologo.png" alt="minisouqlogo">
3472                </div>
3473                <div class="caro_logos_item">
3474                    <img loading="lazy" src="./assets/ikealogo.png" alt="ikealogo">
3475                </div>
3476                <div class="caro_logos_item">
3477                    <img loading="lazy" src="./assets/lnkologo.png" alt="lnkologo">
3478                </div>
3479                <div class="caro_logos_item">
3480                    <img loading="lazy" src="./assets/mysiqlogo.png" alt="mysiqlogo">
3481                </div>
3482                <div class="caro_logos_item">
3483                    <img loading="lazy" src="./assets/lslogo.png" alt="lslogo">
3484                </div>
3485                <div class="caro_logos_item">
3486                    <img loading="lazy" src="./assets/lentilleslogo.png" alt="lentilleslogo">
3487                </div>
3488                <div class="caro_logos_item">
3489                    <img loading="lazy" src="./assets/mylerzlogo.png" alt="mylerzlogo">
3490                </div>
3491                <div class="caro_logos_item">
3492                    <img loading="lazy" src="./assets/marjanelogo.png" alt="marjanelogo">
3493                </div>
3494            </div>
3495        </div>
3496    </div>
3497
3498    <!-- Seventh section -->
3499    <div class="seventh_section">
3500        <div class="small_title c-blue t-center topToBtm">Ce que nos clients disent de nous</div>
3501        <div class="gtco-testimonials">
3502            <div class="owl-carousel owl-carousel1 owl-theme">
3503                <div>
3504                    <div class="card text-center"><img loading="lazy" src="./assets/female1.jpeg" class="card-img-top" alt="icon testimenials">
3505                        <div class="card-body">
3506                            <h5>Imane B. <br>
3507                            </h5>
3508                            <p class="card-text">“ Service rapide coursier professionnel service back office très
3509                                réactif ”</p>
3510                        </div>
3511                    </div>
3512                </div>
3513                <div>
3514                    <div class="card text-center"><img loading="lazy" src="./assets/male1.jpeg" class="card-img-top" alt="icon testimenials">
3515                        <div class="card-body">
3516                            <h5>Hamza M.<br>
3517                            </h5>
3518                            <p class="card-text">“ Communication claire. Livraison agréable. Livreur sympathique et
3519                                attentionné. ” </p>
3520                        </div>
3521                    </div>
3522                </div>
3523                <div>
3524                    <div class="card text-center"><img loading="lazy" src="./assets/male2.jpeg" class="card-img-top" alt="icon testimenials">
3525                        <div class="card-body">
3526                            <h5>Amine M.<br>
3527                            </h5>
3528                            <p class="card-text">“ Bonne prise de contact par téléphone, Livraison parfaite sans retard
3529                                Livreur ” </p>
3530                        </div>
3531                    </div>
3532                </div>
3533                <div>
3534                    <div class="card text-center"><img loading="lazy" src="./assets/female2.jpeg" class="card-img-top" alt="icon testimenials">
3535                        <div class="card-body">
3536                            <h5>Faiza K.<br>
3537                            </h5>
3538                            <p class="card-text">“ Très professionnel, ponctuel, à l'écoute et agréable. Je ne
3539                                connaissais pas CRONO DIALI avant et je suis agréablement surprise. Je recommande à 100%
3540                                ” </p>
3541                        </div>
3542                    </div>
3543                </div>
3544                <div>
3545                    <div class="card text-center"><img loading="lazy" src="./assets/male3.jpeg" class="card-img-top" alt="icon testimenials">
3546                        <div class="card-body">
3547                            <h5>Ismail A.<br>
3548                            </h5>
3549                            <p class="card-text">“ CRONO DIALI افضل شركة توصيل تعاملت معها صراحة هي ” </p>
3550                        </div>
3551                    </div>
3552                </div>
3553            </div>
3554        </div>
3555    </div>
3556
3557    <!-- <div class="sixth_section t-center">
3558        <input type="text" name="text_name" id="textName" placeholder="Text name" style="padding: 8px 20px;">
3559        <div class="container">
3560            <label for="font_size" style="color: white;">Font Size
3561                <input type="number" value="50" min="0" max="300" step="1" id="font_size" onchange="changeFontSize(this.value)"/>
3562            </label>
3563            <label for="font_weight" style="color: white;">Font weight
3564                <input type="number" value="400" min="0" max="900" step="100" id="font_weight" onchange="changeFontWeight(this.value)"/>
3565            </label>
3566        </div>
3567    </div><br> -->
3568
3569    <!-- 
3569<script src="https://shaack.com/projekte/bootstrap-input-spinner/src/bootstrap-input-spinner.js"></script>
3569 -->
3570    <!-- 
3570<script src="./js/spinner.js"></script>
3570
3571    
3571<script>
3572        $("input[type='number']").inputSpinner()
3573    </script>
3573 -->
3574    <!-- 
3574<script>
3575        function changeFontSize(val) {
3576            var text = document.getElementById('textName').value;
3577            var textId = '.' + text;
3578            var el = document.querySelectorAll(textId);
3579            for (var i = 0; i < el.length; i++) {
3580                var currentEl = el[i];
3581                currentEl.style.fontSize = val + "px";
3582            }
3583        }
3584
3585        function changeFontWeight(val) {
3586            var text = document.getElementById('textName').value;
3587            var textId = '.' + text;
3588            var el = document.querySelectorAll(textId);
3589            console.log(text);
3590            for (var i = 0; i < el.length; i++) {
3591                var currentEl = el[i];
3592                currentEl.style.fontWeight = val;
3593            }
3594        }
3595    </script>
3595 -->
3596
3597    <div id="popup1" class="overlay">
3598        <div class="popup">
3599            <h2>Faites le suivi de votre colis en temps réel !</h2>
3600            <div class="close" onclick="closePopUp();">&times;</div>
3601            <div class="content">
3602                <div id="infosTrackingContainer" style="display: none;flex-direction: column;">
3603                    <div style="display: flex; flex-direction: column; box-shadow: 0px 0px 8px 1px #0060a2; padding: 10px 15px; border-radius: 10px; width: max-fit;margin-bottom:20px;">
3604                        <h2 style="width: 100%;color: #0060a2;text-transform:uppercase;">Informations Colis :</h2>
3605                        <span style="width: 100%;"><b>Numéro de suivi :</b> <span id="numsuivis"></span> </span>
3606                        <span style="width: 100%;"><b>Montant à payer :</b> <span id="payamount"></span></span>
3607                        
3608                    </div>
3609                    <div style="display: flex; flex-direction: column; box-shadow: 0px 0px 8px 1px #0060a2; padding: 10px 15px; border-radius: 10px; width: max-fit;margin-bottom:20px;">
3610                        <h2 style="width: 100%;color: #0060a2;text-transform:uppercase;">Informations Expéditeur :</h2>
3611                        <span style="width: 100%;"><b>Nom :</b> <span id="namesender"></span> </span>
3612                        <span style="width: 100%;"><b>Ville :</b> <span id="villesender"></span></span>
3613                        
3614                    </div>
3615                    <div style="display: flex; flex-direction: column; box-shadow: 0px 0px 8px 1px #0060a2; padding: 10px 15px; border-radius: 10px; width: max-fit;">
3616                        <h2 style="width: 100%;color: #0060a2;text-transform:uppercase;">Informations Destinataire :</h2>
3617                        <span style="width: 100%;"><b>Nom :</b> <span id="namereceiver"></span> </span>
3618                        <span style="width: 100%;"><b>Ville :</b> <span id="villereceiver"></span></span>
3619                        
3620                    </div>
3621                </div>
3622                
3623                <div class="stepper_wrapper" id="_stepperContainerId">
3624                </div>
3625            </div>
3626        </div>
3627    </div>
3628    <div id="popupSign" class="overlay" onclick="closePopUpSignUp();">
3629        <div class="popup_signup" onclick="event.stopPropagation()">
3630            <h2>Creez votre compte en remplissant le formulaire ci-desosous :</h2>
3631            <div style="cursor: pointer;" class="close material-symbols-outlined" onclick=" closePopUpSignUp();">disabled_by_default</div>
3632            <div class="sign_up_form_container">
3633                <form action="https://chronodiali.ma/view/signUp-api.php" method="post" onsubmit="send(event,this)">
3634                    <div class="radio_btns_for_maps">
3635                        <label for="__companyCheckbox" class="check_box_radio_label"><input type="radio"
3636                                name="client_type" value="Société" id="__companyCheckbox"
3637                                onclick="signUpTypeOfUser(this)" required>Société ?</label>
3638                        <label for="__eCommercantCheckbox" class="check_box_radio_label"><input type="radio"
3639                                name="client_type" value="E-commerçant" id="__eCommercantCheckbox"
3640                                onclick="signUpTypeOfUser(this)" required>E-commerçant ?</label>
3641                    </div>
3642                    <label for="_nomInputId"><span class="c-red">*</span> Nom :</label>
3643                    <input type="text" id="_nomInputId" name="signup_full_name" class="contact_form_input"
3644                        placeholder="Nom" required>
3645                    <label for="_webSiteName">Nom du store :</label>
3646                    <input type="text" id="_webSiteName" name="signup_web_site_name" class="contact_form_input"
3647                        placeholder="Nom du store">
3648                    <label for="_signUpEmail"><span class="c-red">*</span> E-mail :</label>
3649                    <input type="text" id="_signUpEmail" name="signup_email" class="contact_form_input"
3650                        placeholder="E-mail" required>
3651                    <label for="_signUpWebsiteUrl">Site web :</label>
3652                    <input type="text" id="_signUpWebsiteUrl" name="signup_website_url" class="contact_form_input"
3653                        placeholder="Site web">
3654                    <label for="_signUpNumber"><span class="c-red">*</span> Numéro de téléphone :</label>
3655                    <input type="text" id="_signUpNumber" name="signup_number" class="contact_form_input"
3656                        placeholder="Numéro de téléphone" required>
3657                    <label for="_signUpAddressCollect">Adresse de collecte complète :</label>
3658                    <input type="text" id="_signUpAddressCollect" name="signup_address_collect"
3659                        class="contact_form_input" placeholder="Adresse de collecte complète">
3660                    <label for="_signUpCity"><span class="c-red">*</span> Ville :</label>
3661                    <input type="text" id="_signUpCity" name="signup_city" class="contact_form_input"
3662                        placeholder="Ville" required>
3663                    <label for="_signUpCategorieProduct"><span class="c-red">*</span> Catégorie de Produit :</label>
3664                    <select name="signup_product_category" id="_signUpCategorieProduct">
3665                        <option value="" disabled selected>Catégorie de Produit</option>
3666                        <option value="Prêt à porter">Prêt à porter</option>
3667                        <option value="Optique">Optique</option>
3668                        <option value="univers Déco">univers Déco</option>
3669                        <option value="Cigarettes & Consommables">Cigarettes & Consommables</option>
3670                        <option value="papeterie">
3670papeterie</option>
3671                        <option value="beauté & santé">beauté & santé</option>
3672                        <option value="univers enfant">univers enfant</option>
3673                        <option value="High Tech">High Tech</option>
3674                        <option value="Jeux vidéo & consoles">Jeux vidéo & consoles</option>
3675                        <option value="Accessoires auto moto">Accessoires auto moto</option>
3676                        <option value="autres">autres</option>
3677                    </select>
3678                    <div class="radio_btns_for_maps">
3679                        <label for="_termsAndConditions" class="check_box_radio_label"><input type="checkbox"
3680                                name="terms" id="_termsAndConditions" required>j’ai lu et accepté&nbsp;<a
3681                                href="./mentions_legal.html" class="c-blue" style="text-decoration: underline;">les
3682                                CGV.</a></label>
3683                    </div>
3684                     <button aria-label="Button" type="submit" name="submit" class="small_btn_contact">Ouvrir un compte</button>
3685                </form>
3686            </div>
3687        </div>
3688    </div>
3689    <!-- Main Footer -->
3690    <footer class="main_footer">
3691        <div class="footer_content_container">
3692            <div class="footer_logo_item_flex">
3693                <span class="logo_footer">
3694                    <img loading="lazy" src="./assets/logowhite.png" alt="logo chrono diali">
3695                </span>
3696                <span class="paragraph c-white t-just">CHRONO DIALI , Filiale du Groupe Barid al Maghrib et Geopost.</span>
3697            </div>
3698            <div class="footer_items_flex">
3699                <div class="x_small_title c-white">Menu</div>
3700                <a href="./nos_service.html" target="_blank" class="paragraph">Nos services</a>
3701                <a href="./point_de_livraison.html" target="_blank" class="paragraph">Points de livraison</a>
3702                <a href="./actualites.html" target="_blank" class="paragraph">Actualités</a>
3703                <a href="./mentions_legal.html" target="_blank" class="paragraph">Mention légale</a>
3704            </div>
3705            <div class="footer_items_flex">
3706                <div class="x_small_title c-white">Opérations</div>
3707                <a href="./suivi_colis.html" target="_blank" class="paragraph">Suivre mon colis</a>
3708                <a href="./envoyercolis.html" target="_blank" class="paragraph">Envoyer un colis</a>
3709                <a href="./simulateur_de_tarifs.html" target="_blank" class="paragraph">Simulateur de Tarifs</a>
3710            </div>
3711            <div class="footer_items_flex">
3712                <div class="x_small_title c-white">Suivez nous sur</div>
3713                <div class="footer_socials_item_flex">
3714                    <a href="https://www.facebook.com/chronodiali1/" target="_blank" class="paragraph social"><img
3715                            loading="lazy" src="./assets/icons/facebookicon.png" alt="facebook icon"></a>
3716                    <a href="https://www.instagram.com/chronodiali/" target="_blank" class="paragraph social"><img
3717                            loading="lazy" src="./assets/icons/instagramicon.png" alt="instagram icon"></a>
3718                    <a href="https://ma.linkedin.com/company/chronodiali" target="_blank" class="paragraph social"><img
3719                            loading="lazy" src="./assets/icons/linkedinicon.png" alt="linkedin icon"></a>
3720                </div>
3721            </div>
3722        </div>
3723        <div class="paragraph t-center c-white copyright">Copyright &#169; <span id="__copyRightYear"></span> Tous les
3724            droits sont réservés | CHRONO DIALI</div>
3725    </footer>
3726    <div class="loading_bar_container" id="_loaderContaiinerId">
3727        <div id="custom__ripple_Loader" class="box">
3728            <div class="ripple__rounds"></div>
3729        </div>
3730    </div>
3731
3732    <!-- 
3732<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
3732 -->
3733    <div id="popUpGoodSubmitionContact" class="overlay" onclick="closeGoodPopUpContact();">
3734        <div class="popup_good" onclick="event.stopPropagation()">
3735            <div class="material-symbols-outlined">task_alt</div>
3736            <div class="small_title t-center c-blue">Succès</div><br>
3737            <div class="content">
3738                <div class="message paragraph c-black t-center">Nous vous contacterons dans les plus brefs délais !
3739                </div>
3740            </div>
3741        </div>
3742    </div>
3743    <div id="popUpGoodSubmitionSignUp" class="overlay" onclick="closeGoodPopUpSignUp();">
3744        <div class="popup_good" onclick="event.stopPropagation()">
3745            <div class="material-symbols-outlined">task_alt</div>
3746            <div class="small_title t-center c-blue">Succès</div><br>
3747            <div class="content">
3748                <div class="message paragraph c-black t-center">Nos agents prendrons contact avec vous très
3749                    prochainement pour finaliser cette opération !</div>
3750            </div>
3751        </div>
3752    </div>
3753    <div class="chatbot_floating_icon" onclick="goWtsp();">Besoin d'aide ?</div>
3754    
3754<script src="./js/jquery.js"></script>
3754
3755    
3755<script src="./js/selectize.js"></script>
3755
3756    
3756<script src="./js/script.js"></script>
3756
3757    
3757<script src="./js/owlcarousel.js"></script>
3757
3758    
3758<script>
3759        (function () {
3760            "use strict";
3761
3762            var carousels = function () {
3763                $(".owl-carousel1").owlCarousel({
3764                    loop: true,
3765                    center: true,
3766                    margin: 0,
3767                    responsiveClass: true,
3768                    nav: false,
3769                    autoplay: true,
3770                    autoplayTimeout: 3000,
3771                    autoplayHoverPause: true,
3772                    responsive: {
3773                        0: {
3774                            items: 1,
3775                            nav: false
3776                        },
3777                        680: {
3778                            items: 1,
3779                            nav: false,
3780                            loop: false
3781                        },
3782                        800: {
3783                            items: 3,
3784                            nav: true
3785                        }
3786                    }
3787                });
3788                $(".owl-carousel2").owlCarousel({
3789                    loop: true,
3790                    center: true,
3791                    margin: 50,
3792                    responsiveClass: true,
3793                    nav: false,
3794                    dots: false,
3795                    autoplay: true,
3796                    autoplayTimeout: 2000,
3797                    autoplayHoverPause: true,
3798                    responsive: {
3799                        0: {
3800                            items: 1,
3801                            nav: false
3802                        },
3803                        680: {
3804                            items: 1,
3805                            nav: false,
3806                        },
3807                        900: {
3808                            items: 2,
3809                            nav: false,
3810                        },
3811                        1200: {
3812                            items: 3,
3813                            nav: true
3814                        }
3815                    }
3816                });
3817            };
3818
3819            (function ($) {
3820                carousels();
3821            })(jQuery);
3822        })();
3823    </script>
3823
3824</body>
3825
3826</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.