{"id":112,"date":"2026-07-27T15:09:50","date_gmt":"2026-07-27T13:09:50","guid":{"rendered":"https:\/\/mobilite.sharay.tech\/?page_id=112"},"modified":"2026-07-29T05:20:13","modified_gmt":"2026-07-29T03:20:13","slug":"accueil","status":"publish","type":"page","link":"https:\/\/mobilite.sharay.tech\/en\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"112\" class=\"elementor elementor-112\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66582c9 e-flex e-con-boxed e-con e-parent\" data-id=\"66582c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-567f20b elementor-widget elementor-widget-html\" data-id=\"567f20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\nSHARAY DRIVE - PREMIUM HEADER\r\nVersion : 1.0\r\n========================================= -->\r\n\r\n<header class=\"sd-header\" id=\"header\">\r\n\r\n    <div class=\"sd-container\">\r\n\r\n        <!-- LOGO -->\r\n        <a href=\"\/\" class=\"sd-logo\">\r\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mobilite.sharay.tech\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-17.47.18.jpeg\" alt=\"Sharay Drive\" width=\"1536\" height=\"1024\">\r\n        <\/a>\r\n\r\n        <!-- NAVIGATION -->\r\n        <nav class=\"sd-nav\">\r\n\r\n            <ul class=\"sd-menu\">\r\n\r\n                <li>\r\n                    <a href=\"\/\">Accueil<\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#comment-ca-marche\">\r\n                        Comment \u00e7a marche\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <!-- MEGA MENU -->\r\n                <li class=\"sd-has-mega\">\r\n\r\n                    <a href=\"#\">\r\n                        Services\r\n                        <span class=\"sd-arrow\">\r\n                            \u25bc\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                    <div class=\"sd-mega-menu\">\r\n\r\n                        <div class=\"sd-mega-grid\">\r\n\r\n                            <!-- Mobilit\u00e9 -->\r\n                            <div class=\"sd-mega-column\">\r\n\r\n                                <h4>\r\n                                    \ud83d\ude97 Mobilit\u00e9\r\n                                <\/h4>\r\n\r\n                                <a href=\"#\">\r\n                                    Location de v\u00e9hicules\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Chauffeur priv\u00e9\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Convoyage\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Livraison de v\u00e9hicule\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n\r\n                            <!-- Entretien -->\r\n                            <div class=\"sd-mega-column\">\r\n\r\n                                <h4>\r\n                                    \ud83d\udee0 Entretien\r\n                                <\/h4>\r\n\r\n                                <a href=\"#\">\r\n                                    Garages partenaires\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Lavage automobile\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    D\u00e9pannage\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Contr\u00f4le technique\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n\r\n                            <!-- Entreprises -->\r\n                            <div class=\"sd-mega-column\">\r\n\r\n                                <h4>\r\n                                    \ud83c\udfe2 Entreprises\r\n                                <\/h4>\r\n\r\n                                <a href=\"#\">\r\n                                    Gestion de flotte\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Leasing automobile\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Location longue dur\u00e9e\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Sharay Business\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n\r\n                            <!-- Smart Services -->\r\n                            <div class=\"sd-mega-column\">\r\n\r\n                                <h4>\r\n                                    \ud83d\ude80 Smart Services\r\n                                <\/h4>\r\n\r\n                                <a href=\"#\">\r\n                                    QR Tracking\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Historique num\u00e9rique\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Assurance\r\n                                <\/a>\r\n\r\n                                <a href=\"#\">\r\n                                    Assistance 24\/7\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#partenaires\">\r\n                        Partenaires\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#entreprises\">\r\n                        Entreprises\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#actualites\">\r\n                        Actualit\u00e9s\r\n                    <\/a>\r\n                <\/li>\r\n\r\n                <li>\r\n                    <a href=\"#contact\">\r\n                        Contact\r\n                    <\/a>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/nav>\r\n\r\n        <!-- ACTIONS -->\r\n        <div class=\"sd-actions\">\r\n\r\n            <!-- SEARCH -->\r\n            <button class=\"sd-search-btn\">\r\n\r\n                <svg width=\"20\"\r\n                     height=\"20\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"2\"\r\n                     viewBox=\"0 0 24 24\">\r\n\r\n                    <circle cx=\"11\"\r\n                            cy=\"11\"\r\n                            r=\"8\"><\/circle>\r\n\r\n                    <line x1=\"21\"\r\n                          y1=\"21\"\r\n                          x2=\"16.65\"\r\n                          y2=\"16.65\"><\/line>\r\n\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n            <!-- LANG -->\r\n            <div class=\"sd-lang\">\r\n\r\n                <span>FR<\/span>\r\n\r\n            <\/div>\r\n\r\n            <!-- LOGIN -->\r\n            <a href=\"\/connexion\"\r\n               class=\"sd-login\">\r\n\r\n                Connexion\r\n\r\n            <\/a>\r\n\r\n            <!-- CTA -->\r\n            <a href=\"\/telecharger\"\r\n               class=\"sd-btn-primary\">\r\n\r\n                \ud83d\udcf1 T\u00e9l\u00e9charger l'application\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- MOBILE TOGGLE -->\r\n\r\n        <button class=\"sd-mobile-toggle\"\r\n                id=\"mobileToggle\">\r\n\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n<!-- MOBILE MENU -->\r\n\r\n<div class=\"sd-mobile-menu\"\r\n     id=\"mobileMenu\">\r\n\r\n    <ul>\r\n\r\n        <li>\r\n            <a href=\"\/\">\r\n                Accueil\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#comment-ca-marche\">\r\n                Comment \u00e7a marche\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#\">\r\n                Services\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#partenaires\">\r\n                Partenaires\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#entreprises\">\r\n                Entreprises\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#actualites\">\r\n                Actualit\u00e9s\r\n            <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n            <a href=\"#contact\">\r\n                Contact\r\n            <\/a>\r\n        <\/li>\r\n\r\n    <\/ul>\r\n\r\n    <div class=\"sd-mobile-buttons\">\r\n\r\n        <a href=\"\/connexion\"\r\n           class=\"sd-mobile-login\">\r\n\r\n            Connexion\r\n\r\n        <\/a>\r\n\r\n        <a href=\"\/telecharger\"\r\n           class=\"sd-mobile-download\">\r\n\r\n            T\u00e9l\u00e9charger l'application\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e471aae e-flex e-con-boxed e-con e-parent\" data-id=\"e471aae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f7436 elementor-widget elementor-widget-html\" data-id=\"32f7436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sm-services\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-title\">\r\n\r\n            <span class=\"subtitle\">\r\n                NOS SERVICES\r\n            <\/span>\r\n\r\n            <h2>\r\n                Une mobilit\u00e9 pens\u00e9e pour tous vos d\u00e9placements\r\n            <\/h2>\r\n\r\n            <p>\r\n                SHARAY MOBILIT\u00c9 accompagne particuliers, entreprises et institutions avec des solutions de transport fiables, modernes et s\u00e9curis\u00e9es partout au B\u00e9nin.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"services-grid\">\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n                    \ud83d\ude96\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Transport de personnes\r\n                <\/h3>\r\n\r\n                <p>\r\n                    D\u00e9placements urbains et interurbains avec des chauffeurs professionnels et des v\u00e9hicules confortables.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n                    \ud83d\ude98\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Location de v\u00e9hicules\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Louez un v\u00e9hicule avec ou sans chauffeur pour vos besoins personnels ou professionnels.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n                    \ud83d\ude8c\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Transport scolaire\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Une solution s\u00fbre pour transporter les \u00e9l\u00e8ves dans les meilleures conditions de s\u00e9curit\u00e9.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n                    \ud83c\udfe2\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Mobilit\u00e9 entreprise\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Navettes, missions professionnelles et transport du personnel avec un service ponctuel.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd4e766 e-flex e-con-boxed e-con e-parent\" data-id=\"fd4e766\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-599a92a elementor-widget elementor-widget-html\" data-id=\"599a92a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sm-benefits\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-title\">\r\n\r\n            <span class=\"subtitle\">\r\n                POURQUOI NOUS CHOISIR\r\n            <\/span>\r\n\r\n            <h2>\r\n                Une exp\u00e9rience de mobilit\u00e9 haut de gamme\r\n            <\/h2>\r\n\r\n            <p>\r\n                Nous mettons la s\u00e9curit\u00e9, la ponctualit\u00e9 et le confort au c\u0153ur de chacun de vos d\u00e9placements.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"benefits-grid\">\r\n\r\n            <div class=\"benefit-card\">\r\n\r\n                <div class=\"benefit-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>\r\n                    S\u00e9curit\u00e9 garantie\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Chauffeurs qualifi\u00e9s, v\u00e9hicules entretenus et suivi rigoureux de chaque trajet.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n\r\n                <div class=\"benefit-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Ponctualit\u00e9\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Une organisation optimis\u00e9e afin d'assurer des d\u00e9parts et arriv\u00e9es dans les d\u00e9lais.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n\r\n                <div class=\"benefit-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Confort Premium\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Des v\u00e9hicules modernes, climatis\u00e9s et soigneusement entretenus.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n\r\n                <div class=\"benefit-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Disponible 7j\/7\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Une \u00e9quipe r\u00e9active pour r\u00e9pondre rapidement \u00e0 toutes vos demandes.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60aa6b8 e-con-full e-flex e-con e-parent\" data-id=\"60aa6b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f039e8 elementor-widget elementor-widget-html\" data-id=\"3f039e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sm-fleet\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-title\">\r\n\r\n            <span class=\"subtitle\">\r\n                NOTRE FLOTTE\r\n            <\/span>\r\n\r\n            <h2>\r\n                Des v\u00e9hicules adapt\u00e9s \u00e0 chaque besoin\r\n            <\/h2>\r\n\r\n            <p>\r\n                Une flotte moderne, r\u00e9guli\u00e8rement entretenue et s\u00e9lectionn\u00e9e pour offrir s\u00e9curit\u00e9, confort et \u00e9l\u00e9gance \u00e0 chacun de vos d\u00e9placements.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fleet-grid\">\r\n\r\n            <article class=\"fleet-card\">\r\n\r\n                <div class=\"fleet-image\">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552519507-da3b142c6e3d?w=900\"\r\n                        alt=\"Berline\">\r\n\r\n                    <span class=\"fleet-tag\">\r\n                        Premium\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"fleet-content\">\r\n\r\n                    <h3>Berlines<\/h3>\r\n\r\n                    <p>\r\n                        Id\u00e9ales pour vos rendez-vous professionnels, d\u00e9placements urbains et transferts VIP.\r\n                    <\/p>\r\n\r\n                    <ul>\r\n\r\n                        <li>\u2714 Climatisation<\/li>\r\n\r\n                        <li>\u2714 1 \u00e0 4 passagers<\/li>\r\n\r\n                        <li>\u2714 Confort Premium<\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"fleet-card\">\r\n\r\n                <div class=\"fleet-image\">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519641471654-76ce0107ad1b?w=900\"\r\n                        alt=\"SUV\">\r\n\r\n                    <span class=\"fleet-tag\">\r\n                        Business\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"fleet-content\">\r\n\r\n                    <h3>SUV<\/h3>\r\n\r\n                    <p>\r\n                        Le meilleur compromis entre espace, confort et robustesse pour tous vos trajets.\r\n                    <\/p>\r\n\r\n                    <ul>\r\n\r\n                        <li>\u2714 Jusqu'\u00e0 5 passagers<\/li>\r\n\r\n                        <li>\u2714 Grand coffre<\/li>\r\n\r\n                        <li>\u2714 Climatisation<\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"fleet-card\">\r\n\r\n                <div class=\"fleet-image\">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?w=900\"\r\n                        alt=\"Minibus\">\r\n\r\n                    <span class=\"fleet-tag\">\r\n                        Groupe\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"fleet-content\">\r\n\r\n                    <h3>Minibus<\/h3>\r\n\r\n                    <p>\r\n                        Pour les familles, excursions, associations et petites \u00e9quipes professionnelles.\r\n                    <\/p>\r\n\r\n                    <ul>\r\n\r\n                        <li>\u2714 8 \u00e0 18 places<\/li>\r\n\r\n                        <li>\u2714 Bagages<\/li>\r\n\r\n                        <li>\u2714 Chauffeur inclus<\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"fleet-card\">\r\n\r\n                <div class=\"fleet-image\">\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570129477492-45c003edd2be?w=900\"\r\n                        alt=\"Bus\">\r\n\r\n                    <span class=\"fleet-tag\">\r\n                        Institution\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"fleet-content\">\r\n\r\n                    <h3>Bus<\/h3>\r\n\r\n                    <p>\r\n                        Une solution id\u00e9ale pour les \u00e9coles, entreprises, \u00e9v\u00e9nements et collectivit\u00e9s.\r\n                    <\/p>\r\n\r\n                    <ul>\r\n\r\n                        <li>\u2714 Jusqu'\u00e0 60 places<\/li>\r\n\r\n                        <li>\u2714 Longues distances<\/li>\r\n\r\n                        <li>\u2714 S\u00e9curit\u00e9 maximale<\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-105d1a1 e-flex e-con-boxed e-con e-parent\" data-id=\"105d1a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e792a9d elementor-widget elementor-widget-html\" data-id=\"e792a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sm-stats\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"stats-header\">\r\n\r\n            <span class=\"subtitle\">\r\n                SHARAY MOBILIT\u00c9 EN CHIFFRES\r\n            <\/span>\r\n\r\n            <h2>\r\n                La confiance de nos clients se mesure chaque jour\r\n            <\/h2>\r\n\r\n            <p>\r\n                Nous construisons une mobilit\u00e9 moderne bas\u00e9e sur la s\u00e9curit\u00e9, la ponctualit\u00e9 et la qualit\u00e9 de service.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stats-grid\">\r\n\r\n            <div class=\"stat-card\">\r\n\r\n                <div class=\"stat-number\">\r\n                    <span class=\"counter\">2500<\/span>+\r\n                <\/div>\r\n\r\n                <h3>Trajets r\u00e9alis\u00e9s<\/h3>\r\n\r\n                <p>\r\n                    Des milliers de d\u00e9placements effectu\u00e9s avec succ\u00e8s.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"stat-card\">\r\n\r\n                <div class=\"stat-number\">\r\n                    <span class=\"counter\">98<\/span>%\r\n                <\/div>\r\n\r\n                <h3>Clients satisfaits<\/h3>\r\n\r\n                <p>\r\n                    Une qualit\u00e9 de service reconnue par nos utilisateurs.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"stat-card\">\r\n\r\n                <div class=\"stat-number\">\r\n                    <span class=\"counter\">24<\/span>\/7\r\n                <\/div>\r\n\r\n                <h3>Disponibilit\u00e9<\/h3>\r\n\r\n                <p>\r\n                    Une \u00e9quipe toujours pr\u00eate \u00e0 r\u00e9pondre \u00e0 vos demandes.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"stat-card\">\r\n\r\n                <div class=\"stat-number\">\r\n                    <span class=\"counter\">100<\/span>%\r\n                <\/div>\r\n\r\n                <h3>S\u00e9curit\u00e9<\/h3>\r\n\r\n                <p>\r\n                    Des v\u00e9hicules contr\u00f4l\u00e9s et des chauffeurs exp\u00e9riment\u00e9s.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-032da93 e-flex e-con-boxed e-con e-parent\" data-id=\"032da93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1f3c03 elementor-widget elementor-widget-html\" data-id=\"e1f3c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/*=========================================================\r\nSHARAY DRIVE\r\nPREMIUM HEADER\r\nPARTIE 1\r\n=========================================================*\/\r\n\r\n:root{\r\n\r\n    --header-height:88px;\r\n\r\n}\r\n\r\n\/*==============================\r\nHEADER\r\n==============================*\/\r\n\r\n.sd-header{\r\n\r\n    position:fixed;\r\n\r\n    top:0;\r\n\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    height:var(--header-height);\r\n\r\n    background:rgba(255,255,255,.95);\r\n\r\n    backdrop-filter:blur(20px);\r\n\r\n    -webkit-backdrop-filter:blur(20px);\r\n\r\n    border-bottom:1px solid rgba(0,0,0,.05);\r\n\r\n    z-index:9999;\r\n\r\n    transition:.35s ease;\r\n\r\n}\r\n\r\n.sd-header.scrolled{\r\n\r\n    height:78px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:0 12px 40px rgba(0,0,0,.08);\r\n\r\n}\r\n\r\n\/*==============================\r\nCONTAINER\r\n==============================*\/\r\n\r\n.sd-container{\r\n\r\n    width:min(1400px,92%);\r\n\r\n    margin:auto;\r\n\r\n    height:100%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:40px;\r\n\r\n}\r\n\r\n\/*==============================\r\nLOGO\r\n==============================*\/\r\n\r\n.sd-logo{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    flex-shrink:0;\r\n\r\n    text-decoration:none;\r\n\r\n}\r\n\r\n.sd-logo img{\r\n\r\n    height:62px;\r\n\r\n    width:auto;\r\n\r\n    display:block;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-header.scrolled .sd-logo img{\r\n\r\n    height:55px;\r\n\r\n}\r\n\r\n.sd-logo:hover img{\r\n\r\n    transform:scale(1.04);\r\n\r\n}\r\n\r\n\/*==============================\r\nNAVIGATION\r\n==============================*\/\r\n\r\n.sd-nav{\r\n\r\n    flex:1;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n}\r\n\r\n.sd-menu{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:36px;\r\n\r\n    list-style:none;\r\n\r\n    margin:0;\r\n\r\n    padding:0;\r\n\r\n}\r\n\r\n.sd-menu>li{\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n.sd-menu>li>a{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:.96rem;\r\n\r\n    font-weight:600;\r\n\r\n    text-decoration:none;\r\n\r\n    padding:10px 0;\r\n\r\n    transition:.3s;\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n.sd-menu>li>a::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    bottom:-8px;\r\n\r\n    width:0;\r\n\r\n    height:3px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--green),\r\n        var(--gold)\r\n    );\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-menu>li:hover>a{\r\n\r\n    color:var(--green);\r\n\r\n}\r\n\r\n.sd-menu>li:hover>a::after{\r\n\r\n    width:100%;\r\n\r\n}\r\n\r\n\/*==============================\r\nARROW\r\n==============================*\/\r\n\r\n.sd-arrow{\r\n\r\n    font-size:10px;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-has-mega:hover .sd-arrow{\r\n\r\n    transform:rotate(180deg);\r\n\r\n}\r\n\r\n\/*==============================\r\nRIGHT ACTIONS\r\n==============================*\/\r\n\r\n.sd-actions{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n    flex-shrink:0;\r\n\r\n}\r\n\r\n\/*==============================\r\nSEARCH\r\n==============================*\/\r\n\r\n.sd-search-btn{\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n\r\n    border:none;\r\n\r\n    background:#F8F9FA;\r\n\r\n    border-radius:14px;\r\n\r\n    cursor:pointer;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-search-btn svg{\r\n\r\n    color:var(--green);\r\n\r\n}\r\n\r\n.sd-search-btn:hover{\r\n\r\n    background:var(--green);\r\n\r\n    transform:translateY(-2px);\r\n\r\n}\r\n\r\n.sd-search-btn:hover svg{\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\/*==============================\r\nLANG\r\n==============================*\/\r\n\r\n.sd-lang{\r\n\r\n    width:46px;\r\n\r\n    height:44px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border-radius:14px;\r\n\r\n    background:#F5F6F7;\r\n\r\n    color:var(--green);\r\n\r\n    font-weight:700;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-lang:hover{\r\n\r\n    background:var(--gold);\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\/*==============================\r\nLOGIN\r\n==============================*\/\r\n\r\n.sd-login{\r\n\r\n    text-decoration:none;\r\n\r\n    color:var(--green);\r\n\r\n    font-weight:600;\r\n\r\n    transition:.3s;\r\n\r\n}\r\n\r\n.sd-login:hover{\r\n\r\n    color:var(--gold-dark);\r\n\r\n}\r\n\r\n\/*==============================\r\nPRIMARY BUTTON\r\n==============================*\/\r\n\r\n.sd-btn-primary{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    padding:14px 24px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        var(--green),\r\n        var(--green-dark)\r\n    );\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:700;\r\n\r\n    transition:.35s;\r\n\r\n    box-shadow:0 18px 40px rgba(0,107,45,.22);\r\n\r\n    white-space:nowrap;\r\n\r\n}\r\n\r\n.sd-btn-primary:hover{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:0 25px 55px rgba(0,107,45,.35);\r\n\r\n}\r\n\r\n\/*==============================\r\nMOBILE TOGGLE\r\n==============================*\/\r\n\r\n.sd-mobile-toggle{\r\n\r\n    display:none;\r\n\r\n    width:48px;\r\n\r\n    height:48px;\r\n\r\n    border:none;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:14px;\r\n\r\n    cursor:pointer;\r\n\r\n    padding:0;\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n.sd-mobile-toggle span{\r\n\r\n    position:absolute;\r\n\r\n    left:12px;\r\n\r\n    width:24px;\r\n\r\n    height:2px;\r\n\r\n    background:var(--green);\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-mobile-toggle span:nth-child(1){\r\n\r\n    top:15px;\r\n\r\n}\r\n\r\n.sd-mobile-toggle span:nth-child(2){\r\n\r\n    top:23px;\r\n\r\n}\r\n\r\n.sd-mobile-toggle span:nth-child(3){\r\n\r\n    top:31px;\r\n\r\n}\r\n\r\n.sd-mobile-toggle:hover{\r\n\r\n    box-shadow:0 10px 25px rgba(0,0,0,.12);\r\n\r\n}\r\n\/*=========================================================\r\nSHARAY DRIVE\r\nMEGA MENU PREMIUM\r\nPARTIE 2\r\n=========================================================*\/\r\n\r\n\/*==============================\r\nMEGA MENU\r\n==============================*\/\r\n\r\n.sd-has-mega{\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n.sd-mega-menu{\r\n\r\n    position:absolute;\r\n\r\n    top:calc(100% + 28px);\r\n\r\n    left:50%;\r\n\r\n    transform:translateX(-50%) translateY(20px);\r\n\r\n    width:1120px;\r\n\r\n    max-width:92vw;\r\n\r\n    background:#ffffff;\r\n\r\n    border-radius:28px;\r\n\r\n    border:1px solid rgba(0,0,0,.06);\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(0,0,0,.12),\r\n        0 8px 20px rgba(0,0,0,.05);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .35s,\r\n        transform .35s,\r\n        visibility .35s;\r\n\r\n    overflow:hidden;\r\n\r\n    z-index:999;\r\n\r\n}\r\n\r\n\/* Petit espace invisible pour \u00e9viter la fermeture *\/\r\n\r\n.sd-has-mega::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    right:0;\r\n\r\n    top:100%;\r\n\r\n    height:35px;\r\n\r\n}\r\n\r\n.sd-has-mega:hover .sd-mega-menu{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n\r\n    transform:translateX(-50%) translateY(0);\r\n\r\n}\r\n\r\n\/*==============================\r\nGRID\r\n==============================*\/\r\n\r\n.sd-mega-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n    gap:35px;\r\n\r\n    padding:45px;\r\n\r\n}\r\n\r\n\/*==============================\r\nCOLUMN\r\n==============================*\/\r\n\r\n.sd-mega-column{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n}\r\n\r\n.sd-mega-column h4{\r\n\r\n    margin:0 0 24px;\r\n\r\n    font-size:1.05rem;\r\n\r\n    font-weight:700;\r\n\r\n    color:var(--green-dark);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n}\r\n\r\n\/*==============================\r\nLINKS\r\n==============================*\/\r\n\r\n.sd-mega-column a{\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    text-decoration:none;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:.95rem;\r\n\r\n    line-height:1.5;\r\n\r\n    padding:14px 18px;\r\n\r\n    margin-bottom:10px;\r\n\r\n    border-radius:14px;\r\n\r\n    transition:all .3s ease;\r\n\r\n}\r\n\r\n.sd-mega-column a:hover{\r\n\r\n    background:rgba(0,107,45,.05);\r\n\r\n    color:var(--green);\r\n\r\n    padding-left:24px;\r\n\r\n}\r\n\r\n.sd-mega-column a::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:8px;\r\n\r\n    top:50%;\r\n\r\n    width:6px;\r\n\r\n    height:6px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--gold);\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    transition:.3s;\r\n\r\n}\r\n\r\n.sd-mega-column a:hover::before{\r\n\r\n    opacity:1;\r\n\r\n}\r\n\r\n\/*==============================\r\nBACKGROUND EFFECT\r\n==============================*\/\r\n\r\n.sd-mega-menu::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:350px;\r\n\r\n    height:350px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(242,180,0,.08);\r\n\r\n    top:-140px;\r\n\r\n    right:-120px;\r\n\r\n}\r\n\r\n.sd-mega-menu::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:260px;\r\n\r\n    height:260px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(0,107,45,.05);\r\n\r\n    bottom:-120px;\r\n\r\n    left:-90px;\r\n\r\n}\r\n\r\n\/*==============================\r\nCOLUMN HOVER\r\n==============================*\/\r\n\r\n.sd-mega-column{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-mega-column:hover{\r\n\r\n    transform:translateY(-4px);\r\n\r\n}\r\n\r\n\/*==============================\r\nTITLE BAR\r\n==============================*\/\r\n\r\n.sd-mega-column h4::after{\r\n\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:42px;\r\n\r\n    height:3px;\r\n\r\n    margin-top:10px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--green),\r\n        var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\/*==============================\r\nHOVER CARD\r\n==============================*\/\r\n\r\n.sd-mega-column a{\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n.sd-mega-column a::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.45),\r\n        transparent\r\n    );\r\n\r\n    transform:translateX(-120%);\r\n\r\n}\r\n\r\n.sd-mega-column a:hover::after{\r\n\r\n    animation:sdShine .7s linear;\r\n\r\n}\r\n\r\n@keyframes sdShine{\r\n\r\n    from{\r\n\r\n        transform:translateX(-120%);\r\n\r\n    }\r\n\r\n    to{\r\n\r\n        transform:translateX(120%);\r\n\r\n    }\r\n\r\n}\r\n\r\n\/*==============================\r\nFADE ANIMATION\r\n==============================*\/\r\n\r\n.sd-mega-column{\r\n\r\n    animation:sdFade .45s ease;\r\n\r\n}\r\n\r\n@keyframes sdFade{\r\n\r\n    from{\r\n\r\n        opacity:0;\r\n\r\n        transform:translateY(20px);\r\n\r\n    }\r\n\r\n    to{\r\n\r\n        opacity:1;\r\n\r\n        transform:translateY(0);\r\n\r\n    }\r\n\r\n}\/*=========================================================\r\nSHARAY DRIVE\r\nPARTIE 3\r\nRESPONSIVE + MOBILE MENU\r\n=========================================================*\/\r\n\r\n\/*==============================\r\nMOBILE MENU\r\n==============================*\/\r\n\r\n.sd-mobile-menu{\r\n\r\n    position:fixed;\r\n\r\n    top:0;\r\n\r\n    right:-100%;\r\n\r\n    width:340px;\r\n\r\n    max-width:92vw;\r\n\r\n    height:100vh;\r\n\r\n    background:#ffffff;\r\n\r\n    box-shadow:-25px 0 60px rgba(0,0,0,.12);\r\n\r\n    padding:110px 30px 40px;\r\n\r\n    transition:right .4s ease;\r\n\r\n    z-index:9998;\r\n\r\n    overflow-y:auto;\r\n\r\n}\r\n\r\n.sd-mobile-menu.active{\r\n\r\n    right:0;\r\n\r\n}\r\n\r\n.sd-mobile-menu ul{\r\n\r\n    list-style:none;\r\n\r\n    margin:0;\r\n\r\n    padding:0;\r\n\r\n}\r\n\r\n.sd-mobile-menu li{\r\n\r\n    border-bottom:1px solid rgba(0,0,0,.06);\r\n\r\n}\r\n\r\n.sd-mobile-menu a{\r\n\r\n    display:block;\r\n\r\n    padding:18px 0;\r\n\r\n    color:var(--text);\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:600;\r\n\r\n    transition:.3s;\r\n\r\n}\r\n\r\n.sd-mobile-menu a:hover{\r\n\r\n    color:var(--green);\r\n\r\n    padding-left:10px;\r\n\r\n}\r\n\r\n\/*==============================\r\nMOBILE BUTTONS\r\n==============================*\/\r\n\r\n.sd-mobile-buttons{\r\n\r\n    margin-top:35px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:15px;\r\n\r\n}\r\n\r\n.sd-mobile-login{\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    height:54px;\r\n\r\n    border-radius:14px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:700;\r\n\r\n    color:var(--green);\r\n\r\n    border:2px solid var(--green);\r\n\r\n    transition:.3s;\r\n\r\n}\r\n\r\n.sd-mobile-login:hover{\r\n\r\n    background:var(--green);\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n.sd-mobile-download{\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    height:56px;\r\n\r\n    border-radius:14px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:700;\r\n\r\n    color:#fff;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        var(--green),\r\n        var(--green-dark)\r\n    );\r\n\r\n    box-shadow:0 18px 35px rgba(0,107,45,.20);\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.sd-mobile-download:hover{\r\n\r\n    transform:translateY(-3px);\r\n\r\n}\r\n\r\n\/*==============================\r\nHAMBURGER ACTIVE\r\n==============================*\/\r\n\r\n.sd-mobile-toggle.active span:nth-child(1){\r\n\r\n    transform:rotate(45deg);\r\n\r\n    top:23px;\r\n\r\n}\r\n\r\n.sd-mobile-toggle.active span:nth-child(2){\r\n\r\n    opacity:0;\r\n\r\n}\r\n\r\n.sd-mobile-toggle.active span:nth-child(3){\r\n\r\n    transform:rotate(-45deg);\r\n\r\n    top:23px;\r\n\r\n}\r\n\r\n\/*==============================\r\nOVERLAY\r\n==============================*\/\r\n\r\n.sd-overlay{\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    background:rgba(0,0,0,.45);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transition:.35s;\r\n\r\n    z-index:9997;\r\n\r\n}\r\n\r\n.sd-overlay.active{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n}\r\n\r\n\/*==============================\r\nRESPONSIVE\r\n==============================*\/\r\n\r\n@media (max-width:1200px){\r\n\r\n    .sd-actions{\r\n\r\n        gap:10px;\r\n\r\n    }\r\n\r\n    .sd-btn-primary{\r\n\r\n        padding:12px 18px;\r\n\r\n        font-size:.9rem;\r\n\r\n    }\r\n\r\n    .sd-menu{\r\n\r\n        gap:24px;\r\n\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:1024px){\r\n\r\n    .sd-nav{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n    .sd-actions{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n    .sd-mobile-toggle{\r\n\r\n        display:block;\r\n\r\n    }\r\n\r\n    .sd-container{\r\n\r\n        justify-content:space-between;\r\n\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n    :root{\r\n\r\n        --header-height:76px;\r\n\r\n    }\r\n\r\n    .sd-logo img{\r\n\r\n        height:52px;\r\n\r\n    }\r\n\r\n    .sd-mobile-menu{\r\n\r\n        width:100%;\r\n\r\n        max-width:100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:480px){\r\n\r\n    .sd-container{\r\n\r\n        width:94%;\r\n\r\n    }\r\n\r\n    .sd-logo img{\r\n\r\n        height:46px;\r\n\r\n    }\r\n\r\n}\r\n\/*=========================================\r\nSERVICES\r\n=========================================*\/\r\n\r\n.sm-services{\r\n\r\n    padding:110px 0;\r\n    background:var(--white);\r\n\r\n}\r\n\r\n.section-title{\r\n\r\n    max-width:760px;\r\n    margin:auto;\r\n    text-align:center;\r\n    margin-bottom:70px;\r\n\r\n}\r\n\r\n.section-title .subtitle{\r\n\r\n    display:inline-block;\r\n    padding:10px 22px;\r\n\r\n    background:rgba(242,180,0,.10);\r\n\r\n    color:var(--gold-dark);\r\n\r\n    border-radius:999px;\r\n\r\n    font-size:.8rem;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    margin-bottom:20px;\r\n\r\n}\r\n\r\n.section-title h2{\r\n\r\n    font-size:clamp(2rem,4vw,3.2rem);\r\n\r\n    color:var(--green-dark);\r\n\r\n    margin-bottom:18px;\r\n\r\n    line-height:1.2;\r\n\r\n}\r\n\r\n.section-title p{\r\n\r\n    color:var(--text-light);\r\n\r\n    font-size:1.05rem;\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n.services-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n\r\n    gap:30px;\r\n\r\n}\r\n\r\n.service-card{\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--border);\r\n\r\n    border-radius:24px;\r\n\r\n    padding:42px 30px;\r\n\r\n    transition:.35s;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:var(--shadow-sm);\r\n\r\n}\r\n\r\n.service-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    height:5px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--green),\r\n        var(--gold)\r\n    );\r\n\r\n    transform:scaleX(0);\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.service-card:hover{\r\n\r\n    transform:translateY(-10px);\r\n\r\n    box-shadow:var(--shadow-lg);\r\n\r\n}\r\n\r\n.service-card:hover::before{\r\n\r\n    transform:scaleX(1);\r\n\r\n}\r\n\r\n.service-icon{\r\n\r\n    width:72px;\r\n\r\n    height:72px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    border-radius:18px;\r\n\r\n    background:rgba(0,107,45,.08);\r\n\r\n    font-size:34px;\r\n\r\n    margin-bottom:25px;\r\n\r\n}\r\n\r\n.service-card h3{\r\n\r\n    color:var(--green-dark);\r\n\r\n    margin-bottom:16px;\r\n\r\n    font-size:1.3rem;\r\n\r\n}\r\n\r\n.service-card p{\r\n\r\n    color:var(--text-light);\r\n\r\n    line-height:1.8;\r\n\r\n}\/*======================================\r\nAVANTAGES\r\n======================================*\/\r\n\r\n.sm-benefits{\r\n\r\n    padding:110px 0;\r\n\r\n    background:linear-gradient(\r\n        180deg,\r\n        #f8fbf9 0%,\r\n        #ffffff 100%\r\n    );\r\n\r\n}\r\n\r\n.benefits-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n\r\n    gap:30px;\r\n\r\n    margin-top:70px;\r\n\r\n}\r\n\r\n.benefit-card{\r\n\r\n    position:relative;\r\n\r\n    padding:40px 30px;\r\n\r\n    border-radius:24px;\r\n\r\n    background:rgba(255,255,255,.85);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    border:1px solid rgba(0,107,45,.08);\r\n\r\n    transition:.35s;\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n.benefit-card::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        transparent,\r\n        rgba(242,180,0,.08)\r\n    );\r\n\r\n    opacity:0;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.benefit-card:hover{\r\n\r\n    transform:translateY(-12px);\r\n\r\n    box-shadow:0 30px 60px rgba(0,0,0,.10);\r\n\r\n}\r\n\r\n.benefit-card:hover::after{\r\n\r\n    opacity:1;\r\n\r\n}\r\n\r\n.benefit-number{\r\n\r\n    width:65px;\r\n\r\n    height:65px;\r\n\r\n    border-radius:18px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        var(--green),\r\n        var(--green-dark)\r\n    );\r\n\r\n    color:#fff;\r\n\r\n    font-size:1.2rem;\r\n\r\n    font-weight:700;\r\n\r\n    margin-bottom:25px;\r\n\r\n}\r\n\r\n.benefit-card h3{\r\n\r\n    color:var(--green-dark);\r\n\r\n    margin-bottom:15px;\r\n\r\n    font-size:1.35rem;\r\n\r\n}\r\n\r\n.benefit-card p{\r\n\r\n    color:var(--text-light);\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\/*==========================================\r\nPROCESS\r\n==========================================*\/\r\n\r\n.sm-process{\r\n\r\n    padding:120px 0;\r\n\r\n    background:var(--white);\r\n\r\n}\r\n\r\n.process-wrapper{\r\n\r\n    position:relative;\r\n\r\n    max-width:950px;\r\n\r\n    margin:80px auto 0;\r\n\r\n}\r\n\r\n.process-line{\r\n\r\n    position:absolute;\r\n\r\n    left:35px;\r\n\r\n    top:20px;\r\n\r\n    bottom:20px;\r\n\r\n    width:4px;\r\n\r\n    background:linear-gradient(\r\n        to bottom,\r\n        var(--green),\r\n        var(--gold)\r\n    );\r\n\r\n    border-radius:50px;\r\n\r\n}\r\n\r\n.process-step{\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:35px;\r\n\r\n    margin-bottom:70px;\r\n\r\n}\r\n\r\n.process-step:last-child{\r\n\r\n    margin-bottom:0;\r\n\r\n}\r\n\r\n.step-circle{\r\n\r\n    width:70px;\r\n\r\n    height:70px;\r\n\r\n    flex-shrink:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:linear-gradient(\r\n        135deg,\r\n        var(--green),\r\n        var(--green-dark)\r\n    );\r\n\r\n    color:#fff;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    font-weight:700;\r\n\r\n    font-size:1.2rem;\r\n\r\n    box-shadow:0 20px 35px rgba(0,107,45,.25);\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n}\r\n\r\n.step-content{\r\n\r\n    flex:1;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--border);\r\n\r\n    border-radius:24px;\r\n\r\n    padding:35px;\r\n\r\n    transition:.35s;\r\n\r\n    box-shadow:var(--shadow-sm);\r\n\r\n}\r\n\r\n.step-content:hover{\r\n\r\n    transform:translateY(-8px);\r\n\r\n    box-shadow:var(--shadow-lg);\r\n\r\n}\r\n\r\n.step-content h3{\r\n\r\n    color:var(--green-dark);\r\n\r\n    margin-bottom:15px;\r\n\r\n    font-size:1.45rem;\r\n\r\n}\r\n\r\n.step-content p{\r\n\r\n    color:var(--text-light);\r\n\r\n    line-height:1.8;\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .process-line{\r\n\r\n        left:25px;\r\n\r\n    }\r\n\r\n    .process-step{\r\n\r\n        gap:20px;\r\n\r\n    }\r\n\r\n    .step-circle{\r\n\r\n        width:50px;\r\n\r\n        height:50px;\r\n\r\n        font-size:1rem;\r\n\r\n    }\r\n\r\n    .step-content{\r\n\r\n        padding:25px;\r\n\r\n    }\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil Comment \u00e7a marche Services \u25bc \ud83d\ude97 Mobilit\u00e9 Location de v\u00e9hicules Chauffeur priv\u00e9 Convoyage Livraison de v\u00e9hicule \ud83d\udee0 Entretien Garages partenaires Lavage automobile D\u00e9pannage Contr\u00f4le technique \ud83c\udfe2 Entreprises Gestion de flotte Leasing automobile Location longue dur\u00e9e Sharay Business \ud83d\ude80 Smart Services QR Tracking Historique num\u00e9rique Assurance Assistance 24\/7 Partenaires Entreprises Actualit\u00e9s Contact FR Connexion \ud83d\udcf1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":8,"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/pages\/112\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/mobilite.sharay.tech\/en\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}