Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n screens: {\r\n 'xs': '375px',\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* --- CORE STYLES --- *\/\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n color: #111111 !important;\r\n background-color: #ffffff !important;\r\n overflow-x: hidden !important;\r\n }\r\n \r\n h1, h2, h3, h4, .font-serif {\r\n font-family: 'Playfair Display', serif !important;\r\n }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n \r\n \/* 1. Entry Animations *\/\r\n @keyframes fadeInUpSmooth {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* 2. Text Gradient Shine *\/\r\n @keyframes goldShine {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n }\r\n\r\n \/* 3. Mobile Quote Float *\/\r\n @keyframes floatMobile {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* 4. Background Orb Movement (New) *\/\r\n @keyframes floatOrb {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(30px, -50px) scale(1.1); }\r\n 66% { transform: translate(-20px, 20px) scale(0.9); }\r\n }\r\n\r\n \/* Utility Classes for Animation *\/\r\n .anim-fade-up { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important; }\r\n .anim-fade-up-1 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards !important; }\r\n .anim-fade-up-2 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards !important; }\r\n .anim-fade-up-3 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards !important; }\r\n\r\n .anim-float-slow { animation: floatOrb 15s ease-in-out infinite alternate !important; }\r\n .anim-float-medium { animation: floatOrb 10s ease-in-out infinite alternate-reverse !important; }\r\n \r\n \/* Gradient Text *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(to right, #D4AF37, #AA8C2C, #F3E5AB, #D4AF37) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n background-clip: text !important;\r\n color: transparent !important;\r\n background-size: 200% auto !important;\r\n animation: goldShine 4s linear infinite !important;\r\n }\r\n\r\n \/* --- RESPONSIVE VIDEO MASK --- *\/\r\n .video-mask-custom {\r\n \/* Mobile: Slightly rounded for elegance, but keeping tall ratio *\/\r\n border-radius: 20px !important; \r\n overflow: hidden !important;\r\n box-shadow: 0px 20px 40px rgba(0,0,0,0.15) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .video-mask-custom {\r\n border-radius: 0px 0px 0px 80px !important;\r\n box-shadow: -20px 20px 60px rgba(0,0,0,0.1) !important;\r\n }\r\n }\r\n\r\n \/* Smooth Scroll *\/\r\n html { scroll-behavior: smooth !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-[#111111] antialiased\">\r\n\r\n <section class=\"relative flex flex-col items-center pt-8 lg:py-0 min-h-screen overflow-hidden\">\r\n \r\n <div class=\"anim-float-slow absolute top-0 right-0 w-32 h-32 lg:w-64 lg:h-64 bg-[#D4AF37] rounded-full blur-[60px] opacity-15 -z-10\"><\/div>\r\n <div class=\"anim-float-medium absolute bottom-0 left-0 w-40 h-40 lg:w-96 lg:h-96 bg-[#D4AF37] rounded-full blur-[80px] opacity-15 -z-10\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 w-full flex-grow flex items-center\">\r\n <div class=\"flex flex-col lg:flex-row items-center justify-between w-full gap-8 lg:gap-20 pb-20 lg:pb-0\">\r\n \r\n <div class=\"w-full lg:w-1\/2 flex flex-col justify-center items-center lg:items-start text-center lg:text-left space-y-4 lg:space-y-10 z-10 order-1\">\r\n \r\n <div class=\"anim-fade-up flex items-center justify-center lg:justify-start space-x-3\">\r\n <div class=\"h-[1px] w-6 lg:w-12 bg-[#D4AF37]\"><\/div>\r\n \r\n <span class=\"text-[#D4AF37] font-medium tracking-[0.2em] text-[10px] lg:text-xs uppercase\">Clinique Esth\u00e9tique Marrakech<\/span>\r\n <div class=\"lg:hidden h-[1px] w-6 bg-[#D4AF37]\"><\/div> \r\n <\/div>\r\n\r\n \r\n <h1 class=\"anim-fade-up-1 text-4xl xs:text-[2.5rem] sm:text-5xl lg:text-7xl font-serif font-medium leading-[1.1] text-[#111111]\">\r\n Excellence en <br>\r\n <span class=\"italic gold-gradient-text\">M\u00e9decine Esth\u00e9tique<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"anim-fade-up-2 text-gray-600 text-sm sm:text-base lg:text-lg font-light leading-relaxed max-w-md lg:max-w-lg lg:border-l-2 lg:border-gray-100 lg:pl-6 px-2 lg:px-0\">\r\n Bienvenue \u00e0 M Clinic, votre <strong>clinique esth\u00e9tique \u00e0 Marrakech<\/strong> de r\u00e9f\u00e9rence. Situ\u00e9s au c\u0153ur de M Avenue, nous allions expertise chirurgicale et soins de luxe pour sublimer votre beaut\u00e9 naturelle.\r\n <\/p>\r\n\r\n <div class=\"hidden lg:flex anim-fade-up-3 w-full flex-col sm:flex-row gap-3 sm:gap-5 pt-4\">\r\n <a href=\"#rdv-form\" class=\"group relative px-8 py-4 bg-[#111111] text-white text-xs font-bold uppercase tracking-[0.15em] overflow-hidden transition-all duration-300 hover:shadow-xl hover:bg-[#D4AF37] hover:-translate-y-1\">\r\n <span class=\"relative z-10\">Prendre Rendez-vous<\/span>\r\n <\/a>\r\n \r\n <a href=\"#Pole-s\" class=\"group flex items-center justify-center px-8 py-4 border border-[#111111] text-[#111111] text-xs font-bold uppercase tracking-[0.15em] hover:border-[#D4AF37] hover:text-[#D4AF37] transition-all duration-300\">\r\n <span>Nos Expertises<\/span>\r\n <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-full lg:w-5\/12 relative h-[500px] sm:h-[600px] lg:h-[750px] anim-fade-up-2 lg:animate-none lg:opacity-100 order-2 mt-4 lg:mt-0\">\r\n <div class=\"hidden lg:block absolute top-6 -right-6 w-full h-full border border-[#D4AF37]\/30 z-0 rounded-bl-[80px]\"><\/div>\r\n\r\n <div class=\"video-mask-custom relative z-10 w-full h-full bg-black mx-auto max-w-[90%] lg:max-w-none\">\r\n <div class=\"absolute inset-0 bg-black\/10 z-20 pointer-events-none\"><\/div>\r\n <video \r\n class=\"w-full h-full object-cover transform scale-105\"\r\n autoplay loop muted playsinline\r\n poster=\"https:\/\/via.placeholder.com\/400x800\/111111\/D4AF37?text=M+Clinic\"\r\n >\r\n <source src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-Clinic-Home-page-video-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"absolute bottom-6 left-1\/2 -translate-x-1\/2 lg:translate-x-0 lg:left-8 w-[90%] lg:w-auto z-30 bg-white\/95 backdrop-blur-md p-4 lg:p-6 shadow-xl border-l-4 border-[#D4AF37] lg:max-w-[240px] text-center lg:text-left\" style=\"animation: floatMobile 5s ease-in-out infinite;\">\r\n <p class=\"text-[#111111] font-serif italic text-xs lg:text-sm leading-relaxed\">\r\n \"L'excellence n'est pas un acte, c'est une habitude.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:hidden order-3 w-full flex flex-col gap-4 pt-6 px-4\">\r\n <a href=\"#rdv-form\" class=\"group relative w-full flex items-center justify-center px-6 py-4 bg-[#111111] text-white text-xs font-bold uppercase tracking-[0.1em] overflow-hidden transition-all duration-300 hover:shadow-xl hover:bg-[#D4AF37] rounded-lg\">\r\n <span class=\"relative z-10\">Prendre Rendez-vous<\/span>\r\n <\/a>\r\n \r\n <a href=\"#Pole-s\" class=\"group w-full flex items-center justify-center px-4 py-4 border border-[#111111] text-[#111111] text-xs font-bold uppercase tracking-[0.1em] hover:border-[#D4AF37] hover:text-[#D4AF37] transition-all duration-300 rounded-lg\">\r\n <span>Nos Expertises<\/span>\r\n <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href').substring(1);\r\n const targetElement = document.getElementById(targetId);\r\n \r\n if (targetElement) {\r\n targetElement.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n console.log('Section target not found: ' + targetId);\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-7ba2ff2 e-con-full e-flex e-con e-parent\" data-eae-slider=\"57\" data-id=\"7ba2ff2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99b67ac elementor-widget elementor-widget-html\" data-id=\"99b67ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic - T\u00e9moignages<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'm-black': '#111111',\r\n 'm-gold': '#D4AF37',\r\n 'm-gold-light': '#E5C558',\r\n 'm-gray': '#F9F9F9',\r\n },\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Lato\"', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Hide Scrollbar but allow functionality *\/\r\n .scrollbar-hide::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .scrollbar-hide {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n \r\n \/* Smooth Text Rendering *\/\r\n body {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-m-black overflow-x-hidden\">\r\n\r\n <section class=\"relative py-10 lg:py-20 bg-white border-t border-gray-100\">\r\n \r\n <div class=\"container mx-auto px-6 mb-10 text-center\">\r\n \r\n <div class=\"inline-flex items-center gap-3 bg-white border border-gray-200 shadow-[0_4px_20px_rgba(0,0,0,0.03)] px-5 py-2 rounded-full mb-6 transform hover:scale-105 transition-transform duration-300\">\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <span class=\"font-sans font-bold text-sm tracking-wide text-m-black\">\r\n 4.6\/5 sur Google Avis\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"font-serif text-3xl lg:text-4xl text-m-black mb-3 tracking-tight\">\r\n T\u00e9moignages Patients\r\n <\/h2>\r\n <div class=\"w-16 h-0.5 bg-m-gold mx-auto mb-4\"><\/div>\r\n <p class=\"font-sans text-gray-500 font-light text-base tracking-wide uppercase text-xs lg:text-sm\">\r\n La confiance de nos patients est notre plus belle r\u00e9ussite.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative w-full\">\r\n \r\n <div class=\"absolute left-0 top-0 bottom-0 w-8 lg:w-32 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\r\n <div class=\"absolute right-0 top-0 bottom-0 w-8 lg:w-32 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n <div id=\"reviews-track\" class=\"flex gap-6 overflow-x-auto scrollbar-hide px-6 lg:px-12 cursor-grab active:cursor-grabbing py-4\">\r\n \r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Isma Fedlaoui<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Parfait. On est rapidement et chaleureusement pris en charge. La clinique est impeccable, les chambres spacieuses et propres. Excellente exp\u00e9rience \u00e0 MClinic, merci \u00e0 eux.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Ghnima Zahboun<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Une des meilleures cliniques que j\u2019ai pu visiter. L\u2019organisation est impeccable et l\u2019ambiance rassurante. Merci tout sp\u00e9cialement \u00e0 Asmae pour son suivi attentif. Une exp\u00e9rience que je recommande.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">IK 13<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 16 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Exp\u00e9rience exceptionnelle ! Accueil chaleureux et \u00e9quipe rassurante. 3 500 greffons r\u00e9alis\u00e9s avec professionnalisme et d\u00e9licatesse. Je me suis senti en totale confiance du d\u00e9but \u00e0 la fin.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Douaa Ach<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"The entire staff is incredibly professional, friendly, and supportive. You feel truly cared for from the moment you walk in. A big thank you to Chaimaa \u2014 she\u2019s amazing!\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Mohamed JARAZ<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 16 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Je tiens \u00e0 souligner le professionnalisme et la qualit\u00e9 d\u2019accueil, surtout Madame Asmae qui a su allier comp\u00e9tence, \u00e9coute et bienveillance. Son d\u00e9vouement m\u00e9rite toute notre reconnaissance.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Imane Boufenzi<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Je recommande sans h\u00e9siter pour la qualit\u00e9 des soins. Mme Samira a \u00e9t\u00e9 particuli\u00e8rement aimable et patiente, elle prend le temps d\u2019expliquer chaque d\u00e9tail. Merci pour ce service de qualit\u00e9.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">BRON THIERRY<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 2 jours<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Meilleure clinique de m\u00e9decine et chirurgie esth\u00e9tique de Marrakech pour collaborer avec elle pour nos s\u00e9jours m\u00e9dico-holistiques par l'agence HOLIMED !\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const track = document.getElementById('reviews-track');\r\n \r\n \/\/ 1. CLONE LOGIC for Infinite Loop\r\n const originalContent = track.innerHTML;\r\n track.innerHTML += originalContent;\r\n\r\n \/\/ 2. STATE VARIABLES\r\n let scrollSpeed = 0.5; \/\/ Adjust for speed\r\n let isPaused = false;\r\n let isDragging = false;\r\n let startX;\r\n let scrollLeft;\r\n let animationId;\r\n\r\n \/\/ 3. AUTO SCROLL ANIMATION\r\n function animate() {\r\n if (!isPaused && !isDragging) {\r\n track.scrollLeft += scrollSpeed;\r\n \r\n if (track.scrollLeft >= track.scrollWidth \/ 2) {\r\n track.scrollLeft = 0;\r\n }\r\n }\r\n animationId = requestAnimationFrame(animate);\r\n }\r\n \r\n animationId = requestAnimationFrame(animate);\r\n\r\n \/\/ 4. INTERACTION: PAUSE ON HOVER \/ TOUCH\r\n track.addEventListener('mouseenter', () => isPaused = true);\r\n track.addEventListener('mouseleave', () => isPaused = false);\r\n track.addEventListener('touchstart', () => isPaused = true, {passive: true});\r\n track.addEventListener('touchend', () => {\r\n setTimeout(() => isPaused = false, 1000); \r\n });\r\n\r\n \/\/ 5. DRAG TO SCROLL\r\n track.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n isPaused = true;\r\n track.classList.add('cursor-grabbing');\r\n track.classList.remove('cursor-grab');\r\n startX = e.pageX - track.offsetLeft;\r\n scrollLeft = track.scrollLeft;\r\n });\r\n\r\n track.addEventListener('mouseleave', () => {\r\n isDragging = false;\r\n track.classList.remove('cursor-grabbing');\r\n track.classList.add('cursor-grab');\r\n });\r\n\r\n track.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n isPaused = false;\r\n track.classList.remove('cursor-grabbing');\r\n track.classList.add('cursor-grab');\r\n });\r\n\r\n track.addEventListener('mousemove', (e) => {\r\n if (!isDragging) return;\r\n e.preventDefault();\r\n const x = e.pageX - track.offsetLeft;\r\n const walk = (x - startX) * 2;\r\n track.scrollLeft = scrollLeft - walk;\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9f86d92 e-con-full e-flex e-con e-parent\" data-eae-slider=\"54135\" data-id=\"9f86d92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9bf51 elementor-widget elementor-widget-html\" data-id=\"ab9bf51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Showcase<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"relative py-16 lg:py-24 overflow-hidden animated-bg\" id=\"la-clinique\">\r\n \r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 relative z-10\">\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start\">\r\n \r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col justify-center space-y-8 lg:sticky lg:top-32 order-1\">\r\n \r\n \r\n <div class=\"reveal-text flex items-center space-x-3\">\r\n <div class=\"h-[1px] w-12 bg-[#D4AF37]\"><\/div>\r\n <span class=\"text-[#D4AF37] font-medium tracking-[0.2em] text-xs uppercase\">M Avenue, Marrakech<\/span>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"reveal-text text-4xl md:text-5xl font-serif text-[#111111] leading-tight\">\r\n Votre R\u00e9f\u00e9rence en <br>\r\n <span class=\"italic text-[#D4AF37]\">M\u00e9decine Esth\u00e9tique<\/span> <br>\r\n & Chirurgie au Maroc.\r\n <\/h2>\r\n\r\n \r\n <div class=\"reveal-text space-y-6 text-gray-600 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n Id\u00e9alement situ\u00e9e \u00e0 <strong>Marrakech<\/strong>, M Clinic incarne l'alliance parfaite entre expertise m\u00e9dicale et luxe. Nous sommes sp\u00e9cialis\u00e9s dans le <strong>rajeunissement du visage<\/strong>, le <strong>remodelage de la silhouette<\/strong> et la <strong>greffe capillaire<\/strong>.\r\n <\/p>\r\n <p>\r\n Notre plateau technique de derni\u00e8re g\u00e9n\u00e9ration propose les traitements les plus demand\u00e9s : <strong>injections d'acide hyaluronique<\/strong>, <strong>Botox<\/strong>, <strong>lasers m\u00e9dicaux<\/strong> et soins de la peau avanc\u00e9s, le tout dans un cadre garantissant s\u00e9curit\u00e9 et r\u00e9sultats naturels.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <ul class=\"reveal-text space-y-4 pt-4\">\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Injections & Comblement<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Technologies Laser & Anti-\u00c2ge<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Greffe Capillaire DHI & FUE<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"reveal-text pt-6\">\r\n <a href=\"https:\/\/mclinicmorocco.com\/a-propos-de-nous\/\" class=\"inline-flex items-center text-[#111111] font-bold text-xs uppercase tracking-[0.2em] border-b border-[#111111] pb-1 hover:text-[#D4AF37] hover:border-[#D4AF37] transition-all duration-300 group\">\r\n D\u00e9couvrir la Clinique\r\n <svg class=\"w-4 h-4 ml-3 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"lg:col-span-7 w-full order-2 lg:order-2 mt-8 lg:mt-0\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 auto-rows-[200px]\">\r\n \r\n \r\n <div class=\"col-span-2 row-span-2 relative overflow-hidden rounded-sm group reveal-image\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\" \r\n alt=\"M Clinic M\u00e9decine Esth\u00e9tique Marrakech - Lobby\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-4 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-white text-[10px] uppercase tracking-widest font-bold\">Accueil VIP<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 100ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-2.jpg\" \r\n alt=\"Salle d'attente clinique esth\u00e9tique\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 150ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-1.jpg\" \r\n alt=\"Technologie laser Marrakech\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 200ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-6.jpg\" \r\n alt=\"Salle de soin visage\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 250ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-5.jpg\" \r\n alt=\"Architecture clinique luxe\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-2 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 300ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-4.jpg\" \r\n alt=\"Bloc op\u00e9ratoire chirurgie esth\u00e9tique\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-2 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 350ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-1.png\" \r\n alt=\"M Clinic M Avenue Marrakech\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Elegant Animated Gradient Background *\/\r\n .animated-bg {\r\n background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 25%, #f4f4f4 50%, #fdfbf7 75%, #ffffff 100%);\r\n background-size: 400% 400%;\r\n animation: elegantGradient 15s ease infinite;\r\n }\r\n\r\n @keyframes elegantGradient {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Reveal Text Animation State *\/\r\n .reveal-text {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .reveal-text.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Curtain Reveal Animation *\/\r\n .reveal-image .curtain {\r\n transform: translateY(0%);\r\n }\r\n .reveal-image.active .curtain {\r\n transform: translateY(-100%);\r\n }\r\n<\/style>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ SCROLL REVEAL OBSERVER\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n document.querySelectorAll('.reveal-text').forEach((el, index) => {\r\n el.style.transitionDelay = `${index * 100}ms`;\r\n observer.observe(el);\r\n });\r\n document.querySelectorAll('.reveal-image').forEach(el => observer.observe(el));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4d393d5 e-con-full e-flex e-con e-parent\" data-eae-slider=\"14294\" data-id=\"4d393d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"Pole-s\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e76426b elementor-widget elementor-widget-html\" data-id=\"e76426b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Services<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n },\r\n transitionTimingFunction: {\r\n 'luxury': 'cubic-bezier(0.25, 1, 0.5, 1)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the accordion effect *\/\r\n .service-panel {\r\n transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;\r\n }\r\n \r\n \/* Default state for text content inside panel *\/\r\n .panel-content {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.5s ease 0.1s;\r\n }\r\n \r\n \/* DESKTOP HOVER LOGIC (Only applies on large screens) *\/\r\n @media (min-width: 1024px) {\r\n .service-panel {\r\n flex: 1; \/* Default state desktop *\/\r\n }\r\n .service-panel:hover {\r\n flex: 3; \/* Grow significantly on hover *\/\r\n }\r\n \r\n .service-panel:hover .panel-content {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .service-panel:hover img {\r\n transform: scale(1.1);\r\n filter: grayscale(0%);\r\n }\r\n\r\n .service-panel:hover .panel-overlay {\r\n opacity: 0.4; \/* Lighten overlay on hover *\/\r\n }\r\n }\r\n\r\n \/* MOBILE\/TABLET ADJUSTMENTS - CRITICAL FIXES *\/\r\n @media (max-width: 1023px) {\r\n .service-panel {\r\n flex: none !important; \/* Disable flex scaling on mobile *\/\r\n width: 100% !important;\r\n height: 280px !important; \/* Force explicit height *\/\r\n overflow: hidden;\r\n }\r\n \/* On mobile, images are always color, no grayscale *\/\r\n .service-panel img {\r\n filter: grayscale(0%) !important; \r\n transform: scale(1.05);\r\n }\r\n .panel-overlay {\r\n opacity: 0.6 !important; \/* Ensure text readability without hover *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"bg-white py-24\" id=\"major-services\">\r\n <div class=\"max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold font-bold text-xs uppercase tracking-[0.3em] mb-4 block\">Excellence M\u00e9dicale<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-serif text-dark mb-6\">Nos P\u00f4les d'Expertise<\/h2>\r\n <div class=\"w-20 h-[1px] bg-gold mx-auto\"><\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"flex flex-col lg:flex-row w-full lg:h-[600px] gap-4 lg:gap-1\">\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/chirurgie-esthetique-menu\/\" class=\"service-panel group relative block cursor-pointer\">\r\n \r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/chirurgie-esthetique-visage-corps-marrakech-mclinic.jpeg\" \r\n alt=\"Chirurgie Esth\u00e9tique Visage et Corps Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n \r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">01<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Chirurgie<br>Esth\u00e9tique<\/h3>\r\n \r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n L'art de sculpter la beaut\u00e9. Interventions visage et corps par des experts internationaux.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/medecine-esthetique-menu\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/medecine-esthetique-injections-botox-marrakech.jpeg\" \r\n alt=\"M\u00e9decine Esth\u00e9tique Injections et Botox Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">02<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">M\u00e9decine<br>Esth\u00e9tique<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Injections, comblement et rajeunissement sans chirurgie. R\u00e9sultats naturels et imm\u00e9diats.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/greffe-de-cheveux\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/greffe-cheveux-dhi-fue-marrakech-expert.jpeg\" \r\n alt=\"Greffe de Cheveux DHI FUE Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">03<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Greffe de<br>Cheveux<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Techniques FUE et DHI avanc\u00e9es. Retrouvez densit\u00e9 et confiance avec nos experts capillaires.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/epilation-laser-traitement-peau-marrakech-mclinic.jpeg\" \r\n alt=\"Epilation Laser et Traitement Peau Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">04<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Laser &<br>Technologies<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Plateau technique de pointe. Traitements laser, radiofr\u00e9quence et soins high-tech.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/kinesitherapie-et-amincissement\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/kinesitherapie-amincissement-drainage-marrakech.jpeg\" \r\n alt=\"Kin\u00e9sith\u00e9rapie Amincissement Drainage Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">05<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Kin\u00e9 &<br>Amincissement<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Programmes de r\u00e9\u00e9ducation, drainage et remodelage corporel personnalis\u00e9s.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6971cbe e-con-full e-flex e-con e-parent\" data-eae-slider=\"99265\" data-id=\"6971cbe\" data-element_type=\"container\" data-e-type=\"container\" id=\"rdv-form\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c34989 elementor-widget elementor-widget-html\" data-id=\"1c34989\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Contact<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n \r\n <style>\r\n \/* --- LUXURY FORM OVERRIDES FOR ELEMENTOR --- *\/\r\n \r\n .elementor-luxury-override .elementor-field-group {\r\n margin-bottom: 3.5rem !important; \/* SIGNIFICANTLY INCREASED SPACING *\/\r\n }\r\n\r\n \/* 1. INPUTS & SELECTS (The Underline Look) *\/\r\n .elementor-luxury-override .elementor-field-textual {\r\n background-color: transparent !important;\r\n border-width: 0 0 1px 0 !important; \/* Bottom border only *\/\r\n border-color: #E5E7EB !important; \/* Light Gray *\/\r\n border-radius: 0 !important;\r\n color: #111111 !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 500 !important;\r\n font-size: 16px !important; \/* Slightly larger text *\/\r\n padding: 18px 0 !important; \/* Increased padding inside input *\/\r\n box-shadow: none !important;\r\n transition: border-color 0.3s ease !important;\r\n }\r\n\r\n \/* Focus State (Gold Line) *\/\r\n .elementor-luxury-override .elementor-field-textual:focus {\r\n border-color: #D4AF37 !important;\r\n }\r\n\r\n \/* 2. LABELS (Clean & Light) *\/\r\n .elementor-luxury-override .elementor-field-label {\r\n color: #9CA3AF !important; \/* Gray-400 *\/\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 14px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.1em !important;\r\n margin-bottom: 12px !important; \/* More space between label and input *\/\r\n }\r\n\r\n \/* 3. SUBMIT BUTTON (Luxury Black & Gold) *\/\r\n .elementor-luxury-override .elementor-button {\r\n width: 100% !important;\r\n background-color: #111111 !important;\r\n color: #FFFFFF !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 12px !important; \/* Slightly smaller to fit text *\/\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.1em !important; \/* Reduced spacing to prevent wrap *\/\r\n padding: 24px 30px !important; \/* Generous padding *\/\r\n border-radius: 0 !important; \/* Sharp corners *\/\r\n border: none !important;\r\n transition: all 0.4s ease !important;\r\n box-shadow: 0 10px 30px -10px rgba(0,0,0,0.3) !important;\r\n white-space: nowrap !important; \/* FORCE SINGLE LINE - CRITICAL *\/\r\n margin-top: 1rem !important; \/* Extra space above button *\/\r\n }\r\n\r\n \/* Button Hover *\/\r\n .elementor-luxury-override .elementor-button:hover {\r\n background-color: #D4AF37 !important; \/* Gold *\/\r\n color: #111111 !important; \/* Black Text *\/\r\n transform: translateY(-2px) !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"py-20 lg:py-28 bg-[#FAFAFA]\" id=\"rdv-1\">\r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex flex-col lg:flex-row shadow-2xl rounded-sm overflow-hidden bg-white\">\r\n \r\n \r\n <div class=\"w-full lg:w-5\/12 bg-[#111111] text-white p-10 lg:p-16 flex flex-col justify-center relative overflow-hidden\">\r\n \r\n <div class=\"absolute -top-24 -left-24 w-64 h-64 border border-[#D4AF37]\/20 rounded-full\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-32 h-32 bg-[#D4AF37]\/10 rounded-full blur-3xl\"><\/div>\r\n\r\n <h3 class=\"text-3xl lg:text-4xl font-serif mb-6 relative z-10\">\r\n Commencez votre <br> \r\n <span class=\"text-[#D4AF37] italic\">Transformation<\/span>.\r\n <\/h3>\r\n \r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed mb-8 relative z-10\">\r\n Laissez-nous vos coordonn\u00e9es. Nos conseillers cliniques vous rappelleront en toute confidentialit\u00e9 pour r\u00e9pondre \u00e0 vos questions et organiser votre consultation.\r\n <\/p>\r\n\r\n \r\n <div class=\"space-y-4 relative z-10 mt-auto\">\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/30 flex items-center justify-center text-[#D4AF37]\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs uppercase tracking-wider text-gray-500\">Urgence \/ WhatsApp<\/span>\r\n <a href=\"https:\/\/wa.me\/212728844862\" target=\"_blank\" class=\"text-white text-sm font-medium hover:text-[#D4AF37] transition-colors\">+212 728-844862<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-7\/12 p-10 lg:p-16 bg-white flex flex-col justify-center\">\r\n \r\n \r\n <div class=\"mb-12 text-center lg:text-left\"> \r\n <span class=\"text-[#D4AF37] font-bold text-xs uppercase tracking-[0.2em] mb-3 block\">Contact & Information<\/span>\r\n <h2 class=\"text-3xl lg:text-4xl font-serif text-[#111111]\">Prendre Rendez-vous<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"elementor-luxury-override w-full\">\r\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"9774\" class=\"elementor elementor-9774\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-484cbd2 e-con-full e-flex e-con e-parent\" data-eae-slider=\"54959\" data-id=\"484cbd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35a18e2 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"35a18e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"9774\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"35a18e2\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"58\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Nom Complet\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_e482317 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_e482317]\" id=\"form-field-field_e482317\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Num\u00e9ro de T\u00e9l\u00e9phone (WhatsApp)\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_81e7b8c elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_81e7b8c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tJe suis int\u00e9ress\u00e9(e) par\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_81e7b8c]\" id=\"form-field-field_81e7b8c\" class=\"elementor-field-textual elementor-size-md\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"S\u00e9lectionnez un domaine\">S\u00e9lectionnez un domaine<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chirurgie Esth\u00e9tique\">Chirurgie Esth\u00e9tique<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"M\u00e9decine Esth\u00e9tique (Botox\/Fillers)\">M\u00e9decine Esth\u00e9tique (Botox\/Fillers)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Greffe de Cheveux\">Greffe de Cheveux<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kin\u00e9sith\u00e9rapie & Amincissement\">Kin\u00e9sith\u00e9rapie & Amincissement<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Laser & Peau\">Laser & Peau<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message (Optionnel)\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00catre rappel\u00e9 gratuitement<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n <p class=\"text-center text-[10px] text-gray-400 mt-10\"> \r\n Vos informations sont confidentielles et s\u00e9curis\u00e9es.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-184f4a8 e-con-full e-flex e-con e-parent\" data-eae-slider=\"26719\" data-id=\"184f4a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be0a54 elementor-widget elementor-widget-html\" data-id=\"9be0a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic FAQ<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Animated White\/Cream Background *\/\r\n .faq-animated-bg {\r\n background: linear-gradient(120deg, #ffffff 0%, #fcfbf9 50%, #f7f7f7 100%);\r\n background-size: 200% 200%;\r\n animation: breathe 10s ease infinite;\r\n }\r\n\r\n @keyframes breathe {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Accordion Transition *\/\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;\r\n opacity: 0;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n max-height: 200px; \/* Adjust if content is longer *\/\r\n opacity: 1;\r\n }\r\n\r\n .faq-item.active .icon-plus {\r\n transform: rotate(45deg);\r\n color: #D4AF37;\r\n }\r\n \r\n \/* Link styling for SEO *\/\r\n .seo-link {\r\n color: #D4AF37;\r\n font-weight: 500;\r\n text-decoration: underline;\r\n text-decoration-color: transparent;\r\n transition: all 0.3s ease;\r\n }\r\n .seo-link:hover {\r\n text-decoration-color: #D4AF37;\r\n color: #111111;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"py-24 px-5 sm:px-6 lg:px-8 faq-animated-bg\" id=\"faq\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold font-bold text-xs uppercase tracking-[0.2em] mb-3 block\">Informations & Conseils<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif text-dark mb-6\">Questions Fr\u00e9quentes<\/h2>\r\n <div class=\"w-16 h-[1px] bg-gold mx-auto\"><\/div>\r\n <p class=\"text-gray-500 font-light text-sm mt-6 max-w-lg mx-auto\">\r\n Tout ce que vous devez savoir sur votre parcours de soins \u00e0 Marrakech.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">O\u00f9 est situ\u00e9e M Clinic \u00e0 Marrakech ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Notre clinique est situ\u00e9e au c\u0153ur de <strong>M Avenue<\/strong>, la nouvelle destination lifestyle de luxe \u00e0 Marrakech. Ce quartier s\u00e9curis\u00e9 et prestigieux regroupe des h\u00f4tels 5 \u00e9toiles (CR7, Four Seasons), des restaurants gastronomiques et des boutiques, offrant un cadre id\u00e9al pour votre <a href=\"#medical-tourism\" class=\"seo-link\">s\u00e9jour m\u00e9dical<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Proposez-vous des soins dentaires (Hollywood Smile, Facettes) ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Absolument. Pour toute expertise dentaire, nous vous invitons \u00e0 d\u00e9couvrir notre centre d'excellence d\u00e9di\u00e9, <strong>M Smile<\/strong>. Sp\u00e9cialis\u00e9 en esth\u00e9tique dentaire, implants et le c\u00e9l\u00e8bre <em>Hollywood Smile<\/em>.\r\n <br><br>\r\n Visitez notre site partenaire : <a href=\"https:\/\/msmile.ma\" target=\"_blank\" rel=\"noopener\" class=\"seo-link\">www.msmile.ma<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Quelle technique de greffe de cheveux utilisez-vous ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Nous utilisons exclusivement les techniques <strong>FUE Saphir<\/strong> et <strong>DHI (Direct Hair Implantation)<\/strong>. Ces m\u00e9thodes sans cicatrice garantissent une densit\u00e9 maximale et un r\u00e9sultat 100% naturel. Nos experts analysent votre zone donneuse lors de la <a href=\"#rdv-1\" class=\"seo-link\">consultation initiale<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Comment se d\u00e9roule la prise en charge pour les patients \u00e9trangers ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Nous offrons un service de <strong>conciergerie m\u00e9dicale complet<\/strong> : chauffeur priv\u00e9 depuis l'a\u00e9roport de Marrakech-M\u00e9nara, tarifs pr\u00e9f\u00e9rentiels dans les h\u00f4tels partenaires de M Avenue, et suivi post-op\u00e9ratoire \u00e0 distance une fois de retour chez vous.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function toggleFaq(button) {\r\n const item = button.parentElement;\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all other items (Optional: remove this block if you want multiple open)\r\n document.querySelectorAll('.faq-item').forEach(el => {\r\n el.classList.remove('active');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isActive) {\r\n item.classList.add('active');\r\n } else {\r\n item.classList.remove('active');\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-051744e e-flex e-con-boxed e-con e-parent\" data-eae-slider=\"44312\" data-id=\"051744e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc875a3 elementor-widget elementor-widget-html\" data-id=\"dc875a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"MedicalClinic\",\r\n \"name\": \"Mclinic marrakesh\",\r\n \"image\": \"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-1-1024x464-3.png\",\r\n \"url\": \"https:\/\/mclinicmorocco.com\",\r\n \"telephone\": \"+212669055622\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"M Avenue Marrakech, Av. de la M\u00e9nara\",\r\n \"addressLocality\": \"Marrakech\",\r\n \"postalCode\": \"40000\",\r\n \"addressCountry\": \"MA\"\r\n },\r\n \"geo\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 31.624021,\r\n \"longitude\": -8.016336\r\n },\r\n \"openingHoursSpecification\": [\r\n {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\r\n \"Monday\",\r\n \"Tuesday\",\r\n \"Wednesday\",\r\n \"Thursday\",\r\n \"Friday\",\r\n \"Saturday\"\r\n ],\r\n \"opens\": \"09:00\",\r\n \"closes\": \"20:00\"\r\n }\r\n ],\r\n \"aggregateRating\": {\r\n \"@type\": \"AggregateRating\",\r\n \"ratingValue\": \"4.6\",\r\n \"reviewCount\": \"223\"\r\n },\r\n \"priceRange\": \"$$$\",\r\n \"sameAs\": [\r\n \"https:\/\/www.instagram.com\/mclinic.marrakech\/\",\r\n \"https:\/\/www.tiktok.com\/@mclinic.marrakech\"\r\n ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\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>Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic Clinique Esth\u00e9tique Marrakech Excellence en M\u00e9decine Esth\u00e9tique Bienvenue \u00e0 M Clinic, votre clinique esth\u00e9tique \u00e0 Marrakech de r\u00e9f\u00e9rence. Situ\u00e9s au c\u0153ur de M Avenue, nous allions expertise chirurgicale et soins de luxe pour sublimer votre beaut\u00e9 naturelle. Prendre Rendez-vous Nos Expertises \u00ab\u00a0L’excellence n’est pas un […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic<\/title>\n<meta name=\"description\" content=\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mclinicmorocco.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\" \/>\n<meta property=\"og:description\" content=\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mclinicmorocco.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"M Clinic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T07:43:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mclinicmorocco.com\/\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"name\":\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\",\"isPartOf\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\",\"datePublished\":\"2026-01-01T17:33:44+00:00\",\"dateModified\":\"2026-04-27T07:43:14+00:00\",\"description\":\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\",\"breadcrumb\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mclinicmorocco.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\",\"url\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\",\"contentUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mclinicmorocco.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mclinicmorocco.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mclinicmorocco.com\/#website\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"name\":\"MClinic\",\"description\":\"Clinique esth\u00e9tique avec esth\u00e9ticiennes qualifi\u00e9es et chirurgiens experts.\u202f\",\"publisher\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mclinicmorocco.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mclinicmorocco.com\/#organization\",\"name\":\"MClinic\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png\",\"contentUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png\",\"width\":769,\"height\":349,\"caption\":\"MClinic\"},\"image\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr\",\"https:\/\/www.instagram.com\/m.clinic.official\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mclinicmorocco.com\/en\/","og_locale":"en_GB","og_type":"article","og_title":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","og_description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","og_url":"https:\/\/mclinicmorocco.com\/en\/","og_site_name":"M Clinic","article_publisher":"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr","article_modified_time":"2026-04-27T07:43:14+00:00","og_image":[{"url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mclinicmorocco.com\/","url":"https:\/\/mclinicmorocco.com\/","name":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","isPartOf":{"@id":"https:\/\/mclinicmorocco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mclinicmorocco.com\/#primaryimage"},"image":{"@id":"https:\/\/mclinicmorocco.com\/#primaryimage"},"thumbnailUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","datePublished":"2026-01-01T17:33:44+00:00","dateModified":"2026-04-27T07:43:14+00:00","description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","breadcrumb":{"@id":"https:\/\/mclinicmorocco.com\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mclinicmorocco.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mclinicmorocco.com\/#primaryimage","url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","contentUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/mclinicmorocco.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mclinicmorocco.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/mclinicmorocco.com\/#website","url":"https:\/\/mclinicmorocco.com\/","name":"MClinic","description":"Clinique esth\u00e9tique avec esth\u00e9ticiennes qualifi\u00e9es et chirurgiens experts.\u202f","publisher":{"@id":"https:\/\/mclinicmorocco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mclinicmorocco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/mclinicmorocco.com\/#organization","name":"MClinic","url":"https:\/\/mclinicmorocco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/","url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png","contentUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png","width":769,"height":349,"caption":"MClinic"},"image":{"@id":"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr","https:\/\/www.instagram.com\/m.clinic.official\/"]}]}},"_links":{"self":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":1417,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":39989,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions\/39989"}],"wp:attachment":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n screens: {\r\n 'xs': '375px',\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* --- CORE STYLES --- *\/\r\n body {\r\n font-family: 'Montserrat', sans-serif !important;\r\n color: #111111 !important;\r\n background-color: #ffffff !important;\r\n overflow-x: hidden !important;\r\n }\r\n \r\n h1, h2, h3, h4, .font-serif {\r\n font-family: 'Playfair Display', serif !important;\r\n }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n \r\n \/* 1. Entry Animations *\/\r\n @keyframes fadeInUpSmooth {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* 2. Text Gradient Shine *\/\r\n @keyframes goldShine {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 200% center; }\r\n }\r\n\r\n \/* 3. Mobile Quote Float *\/\r\n @keyframes floatMobile {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* 4. Background Orb Movement (New) *\/\r\n @keyframes floatOrb {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(30px, -50px) scale(1.1); }\r\n 66% { transform: translate(-20px, 20px) scale(0.9); }\r\n }\r\n\r\n \/* Utility Classes for Animation *\/\r\n .anim-fade-up { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important; }\r\n .anim-fade-up-1 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards !important; }\r\n .anim-fade-up-2 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards !important; }\r\n .anim-fade-up-3 { opacity: 0; animation: fadeInUpSmooth 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards !important; }\r\n\r\n .anim-float-slow { animation: floatOrb 15s ease-in-out infinite alternate !important; }\r\n .anim-float-medium { animation: floatOrb 10s ease-in-out infinite alternate-reverse !important; }\r\n \r\n \/* Gradient Text *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(to right, #D4AF37, #AA8C2C, #F3E5AB, #D4AF37) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n background-clip: text !important;\r\n color: transparent !important;\r\n background-size: 200% auto !important;\r\n animation: goldShine 4s linear infinite !important;\r\n }\r\n\r\n \/* --- RESPONSIVE VIDEO MASK --- *\/\r\n .video-mask-custom {\r\n \/* Mobile: Slightly rounded for elegance, but keeping tall ratio *\/\r\n border-radius: 20px !important; \r\n overflow: hidden !important;\r\n box-shadow: 0px 20px 40px rgba(0,0,0,0.15) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .video-mask-custom {\r\n border-radius: 0px 0px 0px 80px !important;\r\n box-shadow: -20px 20px 60px rgba(0,0,0,0.1) !important;\r\n }\r\n }\r\n\r\n \/* Smooth Scroll *\/\r\n html { scroll-behavior: smooth !important; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-[#111111] antialiased\">\r\n\r\n <section class=\"relative flex flex-col items-center pt-8 lg:py-0 min-h-screen overflow-hidden\">\r\n \r\n <div class=\"anim-float-slow absolute top-0 right-0 w-32 h-32 lg:w-64 lg:h-64 bg-[#D4AF37] rounded-full blur-[60px] opacity-15 -z-10\"><\/div>\r\n <div class=\"anim-float-medium absolute bottom-0 left-0 w-40 h-40 lg:w-96 lg:h-96 bg-[#D4AF37] rounded-full blur-[80px] opacity-15 -z-10\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 w-full flex-grow flex items-center\">\r\n <div class=\"flex flex-col lg:flex-row items-center justify-between w-full gap-8 lg:gap-20 pb-20 lg:pb-0\">\r\n \r\n <div class=\"w-full lg:w-1\/2 flex flex-col justify-center items-center lg:items-start text-center lg:text-left space-y-4 lg:space-y-10 z-10 order-1\">\r\n \r\n <div class=\"anim-fade-up flex items-center justify-center lg:justify-start space-x-3\">\r\n <div class=\"h-[1px] w-6 lg:w-12 bg-[#D4AF37]\"><\/div>\r\n \r\n <span class=\"text-[#D4AF37] font-medium tracking-[0.2em] text-[10px] lg:text-xs uppercase\">Clinique Esth\u00e9tique Marrakech<\/span>\r\n <div class=\"lg:hidden h-[1px] w-6 bg-[#D4AF37]\"><\/div> \r\n <\/div>\r\n\r\n \r\n <h1 class=\"anim-fade-up-1 text-4xl xs:text-[2.5rem] sm:text-5xl lg:text-7xl font-serif font-medium leading-[1.1] text-[#111111]\">\r\n Excellence en <br>\r\n <span class=\"italic gold-gradient-text\">M\u00e9decine Esth\u00e9tique<\/span>\r\n <\/h1>\r\n\r\n \r\n <p class=\"anim-fade-up-2 text-gray-600 text-sm sm:text-base lg:text-lg font-light leading-relaxed max-w-md lg:max-w-lg lg:border-l-2 lg:border-gray-100 lg:pl-6 px-2 lg:px-0\">\r\n Bienvenue \u00e0 M Clinic, votre <strong>clinique esth\u00e9tique \u00e0 Marrakech<\/strong> de r\u00e9f\u00e9rence. Situ\u00e9s au c\u0153ur de M Avenue, nous allions expertise chirurgicale et soins de luxe pour sublimer votre beaut\u00e9 naturelle.\r\n <\/p>\r\n\r\n <div class=\"hidden lg:flex anim-fade-up-3 w-full flex-col sm:flex-row gap-3 sm:gap-5 pt-4\">\r\n <a href=\"#rdv-form\" class=\"group relative px-8 py-4 bg-[#111111] text-white text-xs font-bold uppercase tracking-[0.15em] overflow-hidden transition-all duration-300 hover:shadow-xl hover:bg-[#D4AF37] hover:-translate-y-1\">\r\n <span class=\"relative z-10\">Prendre Rendez-vous<\/span>\r\n <\/a>\r\n \r\n <a href=\"#Pole-s\" class=\"group flex items-center justify-center px-8 py-4 border border-[#111111] text-[#111111] text-xs font-bold uppercase tracking-[0.15em] hover:border-[#D4AF37] hover:text-[#D4AF37] transition-all duration-300\">\r\n <span>Nos Expertises<\/span>\r\n <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-full lg:w-5\/12 relative h-[500px] sm:h-[600px] lg:h-[750px] anim-fade-up-2 lg:animate-none lg:opacity-100 order-2 mt-4 lg:mt-0\">\r\n <div class=\"hidden lg:block absolute top-6 -right-6 w-full h-full border border-[#D4AF37]\/30 z-0 rounded-bl-[80px]\"><\/div>\r\n\r\n <div class=\"video-mask-custom relative z-10 w-full h-full bg-black mx-auto max-w-[90%] lg:max-w-none\">\r\n <div class=\"absolute inset-0 bg-black\/10 z-20 pointer-events-none\"><\/div>\r\n <video \r\n class=\"w-full h-full object-cover transform scale-105\"\r\n autoplay loop muted playsinline\r\n poster=\"https:\/\/via.placeholder.com\/400x800\/111111\/D4AF37?text=M+Clinic\"\r\n >\r\n <source src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-Clinic-Home-page-video-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"absolute bottom-6 left-1\/2 -translate-x-1\/2 lg:translate-x-0 lg:left-8 w-[90%] lg:w-auto z-30 bg-white\/95 backdrop-blur-md p-4 lg:p-6 shadow-xl border-l-4 border-[#D4AF37] lg:max-w-[240px] text-center lg:text-left\" style=\"animation: floatMobile 5s ease-in-out infinite;\">\r\n <p class=\"text-[#111111] font-serif italic text-xs lg:text-sm leading-relaxed\">\r\n \"L'excellence n'est pas un acte, c'est une habitude.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:hidden order-3 w-full flex flex-col gap-4 pt-6 px-4\">\r\n <a href=\"#rdv-form\" class=\"group relative w-full flex items-center justify-center px-6 py-4 bg-[#111111] text-white text-xs font-bold uppercase tracking-[0.1em] overflow-hidden transition-all duration-300 hover:shadow-xl hover:bg-[#D4AF37] rounded-lg\">\r\n <span class=\"relative z-10\">Prendre Rendez-vous<\/span>\r\n <\/a>\r\n \r\n <a href=\"#Pole-s\" class=\"group w-full flex items-center justify-center px-4 py-4 border border-[#111111] text-[#111111] text-xs font-bold uppercase tracking-[0.1em] hover:border-[#D4AF37] hover:text-[#D4AF37] transition-all duration-300 rounded-lg\">\r\n <span>Nos Expertises<\/span>\r\n <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href').substring(1);\r\n const targetElement = document.getElementById(targetId);\r\n \r\n if (targetElement) {\r\n targetElement.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n console.log('Section target not found: ' + targetId);\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-7ba2ff2 e-con-full e-flex e-con e-parent\" data-eae-slider=\"57\" data-id=\"7ba2ff2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99b67ac elementor-widget elementor-widget-html\" data-id=\"99b67ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic - T\u00e9moignages<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'm-black': '#111111',\r\n 'm-gold': '#D4AF37',\r\n 'm-gold-light': '#E5C558',\r\n 'm-gray': '#F9F9F9',\r\n },\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Lato\"', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* Hide Scrollbar but allow functionality *\/\r\n .scrollbar-hide::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .scrollbar-hide {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n }\r\n \r\n \/* Smooth Text Rendering *\/\r\n body {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-m-black overflow-x-hidden\">\r\n\r\n <section class=\"relative py-10 lg:py-20 bg-white border-t border-gray-100\">\r\n \r\n <div class=\"container mx-auto px-6 mb-10 text-center\">\r\n \r\n <div class=\"inline-flex items-center gap-3 bg-white border border-gray-200 shadow-[0_4px_20px_rgba(0,0,0,0.03)] px-5 py-2 rounded-full mb-6 transform hover:scale-105 transition-transform duration-300\">\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <span class=\"font-sans font-bold text-sm tracking-wide text-m-black\">\r\n 4.6\/5 sur Google Avis\r\n <\/span>\r\n <\/div>\r\n\r\n <h2 class=\"font-serif text-3xl lg:text-4xl text-m-black mb-3 tracking-tight\">\r\n T\u00e9moignages Patients\r\n <\/h2>\r\n <div class=\"w-16 h-0.5 bg-m-gold mx-auto mb-4\"><\/div>\r\n <p class=\"font-sans text-gray-500 font-light text-base tracking-wide uppercase text-xs lg:text-sm\">\r\n La confiance de nos patients est notre plus belle r\u00e9ussite.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative w-full\">\r\n \r\n <div class=\"absolute left-0 top-0 bottom-0 w-8 lg:w-32 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none\"><\/div>\r\n <div class=\"absolute right-0 top-0 bottom-0 w-8 lg:w-32 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n <div id=\"reviews-track\" class=\"flex gap-6 overflow-x-auto scrollbar-hide px-6 lg:px-12 cursor-grab active:cursor-grabbing py-4\">\r\n \r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Isma Fedlaoui<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Parfait. On est rapidement et chaleureusement pris en charge. La clinique est impeccable, les chambres spacieuses et propres. Excellente exp\u00e9rience \u00e0 MClinic, merci \u00e0 eux.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Ghnima Zahboun<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Une des meilleures cliniques que j\u2019ai pu visiter. L\u2019organisation est impeccable et l\u2019ambiance rassurante. Merci tout sp\u00e9cialement \u00e0 Asmae pour son suivi attentif. Une exp\u00e9rience que je recommande.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">IK 13<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 16 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Exp\u00e9rience exceptionnelle ! Accueil chaleureux et \u00e9quipe rassurante. 3 500 greffons r\u00e9alis\u00e9s avec professionnalisme et d\u00e9licatesse. Je me suis senti en totale confiance du d\u00e9but \u00e0 la fin.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Douaa Ach<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"The entire staff is incredibly professional, friendly, and supportive. You feel truly cared for from the moment you walk in. A big thank you to Chaimaa \u2014 she\u2019s amazing!\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Mohamed JARAZ<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 16 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Je tiens \u00e0 souligner le professionnalisme et la qualit\u00e9 d\u2019accueil, surtout Madame Asmae qui a su allier comp\u00e9tence, \u00e9coute et bienveillance. Son d\u00e9vouement m\u00e9rite toute notre reconnaissance.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">Imane Boufenzi<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 19 semaines<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Je recommande sans h\u00e9siter pour la qualit\u00e9 des soins. Mme Samira a \u00e9t\u00e9 particuli\u00e8rement aimable et patiente, elle prend le temps d\u2019expliquer chaque d\u00e9tail. Merci pour ce service de qualit\u00e9.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card relative flex-shrink-0 w-80 h-72 lg:w-96 lg:h-80 flex flex-col justify-between bg-white border border-gray-100 p-8 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] transition-all duration-300 hover:-translate-y-1\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h4 class=\"font-serif font-bold text-m-black leading-none text-lg\">BRON THIERRY<\/h4>\r\n <span class=\"font-sans text-[10px] text-gray-400 mt-1 block uppercase tracking-wider\">Il y a 2 jours<\/span>\r\n <\/div>\r\n <svg viewBox=\"0 0 24 24\" class=\"w-5 h-5 opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" \/>\r\n <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" \/>\r\n <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.84z\" \/>\r\n <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"flex gap-0.5 mb-4 text-m-gold text-[10px]\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n <p class=\"font-sans text-gray-600 text-sm leading-6 line-clamp-4\">\r\n \"Meilleure clinique de m\u00e9decine et chirurgie esth\u00e9tique de Marrakech pour collaborer avec elle pour nos s\u00e9jours m\u00e9dico-holistiques par l'agence HOLIMED !\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const track = document.getElementById('reviews-track');\r\n \r\n \/\/ 1. CLONE LOGIC for Infinite Loop\r\n const originalContent = track.innerHTML;\r\n track.innerHTML += originalContent;\r\n\r\n \/\/ 2. STATE VARIABLES\r\n let scrollSpeed = 0.5; \/\/ Adjust for speed\r\n let isPaused = false;\r\n let isDragging = false;\r\n let startX;\r\n let scrollLeft;\r\n let animationId;\r\n\r\n \/\/ 3. AUTO SCROLL ANIMATION\r\n function animate() {\r\n if (!isPaused && !isDragging) {\r\n track.scrollLeft += scrollSpeed;\r\n \r\n if (track.scrollLeft >= track.scrollWidth \/ 2) {\r\n track.scrollLeft = 0;\r\n }\r\n }\r\n animationId = requestAnimationFrame(animate);\r\n }\r\n \r\n animationId = requestAnimationFrame(animate);\r\n\r\n \/\/ 4. INTERACTION: PAUSE ON HOVER \/ TOUCH\r\n track.addEventListener('mouseenter', () => isPaused = true);\r\n track.addEventListener('mouseleave', () => isPaused = false);\r\n track.addEventListener('touchstart', () => isPaused = true, {passive: true});\r\n track.addEventListener('touchend', () => {\r\n setTimeout(() => isPaused = false, 1000); \r\n });\r\n\r\n \/\/ 5. DRAG TO SCROLL\r\n track.addEventListener('mousedown', (e) => {\r\n isDragging = true;\r\n isPaused = true;\r\n track.classList.add('cursor-grabbing');\r\n track.classList.remove('cursor-grab');\r\n startX = e.pageX - track.offsetLeft;\r\n scrollLeft = track.scrollLeft;\r\n });\r\n\r\n track.addEventListener('mouseleave', () => {\r\n isDragging = false;\r\n track.classList.remove('cursor-grabbing');\r\n track.classList.add('cursor-grab');\r\n });\r\n\r\n track.addEventListener('mouseup', () => {\r\n isDragging = false;\r\n isPaused = false;\r\n track.classList.remove('cursor-grabbing');\r\n track.classList.add('cursor-grab');\r\n });\r\n\r\n track.addEventListener('mousemove', (e) => {\r\n if (!isDragging) return;\r\n e.preventDefault();\r\n const x = e.pageX - track.offsetLeft;\r\n const walk = (x - startX) * 2;\r\n track.scrollLeft = scrollLeft - walk;\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9f86d92 e-con-full e-flex e-con e-parent\" data-eae-slider=\"54135\" data-id=\"9f86d92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9bf51 elementor-widget elementor-widget-html\" data-id=\"ab9bf51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Showcase<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"relative py-16 lg:py-24 overflow-hidden animated-bg\" id=\"la-clinique\">\r\n \r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 relative z-10\">\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start\">\r\n \r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col justify-center space-y-8 lg:sticky lg:top-32 order-1\">\r\n \r\n \r\n <div class=\"reveal-text flex items-center space-x-3\">\r\n <div class=\"h-[1px] w-12 bg-[#D4AF37]\"><\/div>\r\n <span class=\"text-[#D4AF37] font-medium tracking-[0.2em] text-xs uppercase\">M Avenue, Marrakech<\/span>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"reveal-text text-4xl md:text-5xl font-serif text-[#111111] leading-tight\">\r\n Votre R\u00e9f\u00e9rence en <br>\r\n <span class=\"italic text-[#D4AF37]\">M\u00e9decine Esth\u00e9tique<\/span> <br>\r\n & Chirurgie au Maroc.\r\n <\/h2>\r\n\r\n \r\n <div class=\"reveal-text space-y-6 text-gray-600 font-light text-sm md:text-base leading-relaxed\">\r\n <p>\r\n Id\u00e9alement situ\u00e9e \u00e0 <strong>Marrakech<\/strong>, M Clinic incarne l'alliance parfaite entre expertise m\u00e9dicale et luxe. Nous sommes sp\u00e9cialis\u00e9s dans le <strong>rajeunissement du visage<\/strong>, le <strong>remodelage de la silhouette<\/strong> et la <strong>greffe capillaire<\/strong>.\r\n <\/p>\r\n <p>\r\n Notre plateau technique de derni\u00e8re g\u00e9n\u00e9ration propose les traitements les plus demand\u00e9s : <strong>injections d'acide hyaluronique<\/strong>, <strong>Botox<\/strong>, <strong>lasers m\u00e9dicaux<\/strong> et soins de la peau avanc\u00e9s, le tout dans un cadre garantissant s\u00e9curit\u00e9 et r\u00e9sultats naturels.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <ul class=\"reveal-text space-y-4 pt-4\">\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Injections & Comblement<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Technologies Laser & Anti-\u00c2ge<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 group cursor-default\">\r\n <span class=\"w-2 h-2 bg-[#D4AF37] rounded-full group-hover:scale-150 transition-transform duration-300\"><\/span>\r\n <span class=\"text-sm uppercase tracking-wider text-[#111111] font-medium\">Greffe Capillaire DHI & FUE<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"reveal-text pt-6\">\r\n <a href=\"https:\/\/mclinicmorocco.com\/a-propos-de-nous\/\" class=\"inline-flex items-center text-[#111111] font-bold text-xs uppercase tracking-[0.2em] border-b border-[#111111] pb-1 hover:text-[#D4AF37] hover:border-[#D4AF37] transition-all duration-300 group\">\r\n D\u00e9couvrir la Clinique\r\n <svg class=\"w-4 h-4 ml-3 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"lg:col-span-7 w-full order-2 lg:order-2 mt-8 lg:mt-0\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 auto-rows-[200px]\">\r\n \r\n \r\n <div class=\"col-span-2 row-span-2 relative overflow-hidden rounded-sm group reveal-image\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\" \r\n alt=\"M Clinic M\u00e9decine Esth\u00e9tique Marrakech - Lobby\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-4 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\r\n <span class=\"text-white text-[10px] uppercase tracking-widest font-bold\">Accueil VIP<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 100ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-2.jpg\" \r\n alt=\"Salle d'attente clinique esth\u00e9tique\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 150ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-1.jpg\" \r\n alt=\"Technologie laser Marrakech\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 200ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-6.jpg\" \r\n alt=\"Salle de soin visage\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-1 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 250ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-5.jpg\" \r\n alt=\"Architecture clinique luxe\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-2 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 300ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#D4AF37] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-4.jpg\" \r\n alt=\"Bloc op\u00e9ratoire chirurgie esth\u00e9tique\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n <\/div>\r\n\r\n \r\n <div class=\"col-span-2 row-span-1 relative overflow-hidden rounded-sm group reveal-image\" style=\"transition-delay: 350ms;\">\r\n <div class=\"curtain absolute inset-0 bg-[#111111] z-20 transition-transform duration-700 ease-in-out\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-1.png\" \r\n alt=\"M Clinic M Avenue Marrakech\" \r\n class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Elegant Animated Gradient Background *\/\r\n .animated-bg {\r\n background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 25%, #f4f4f4 50%, #fdfbf7 75%, #ffffff 100%);\r\n background-size: 400% 400%;\r\n animation: elegantGradient 15s ease infinite;\r\n }\r\n\r\n @keyframes elegantGradient {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Reveal Text Animation State *\/\r\n .reveal-text {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .reveal-text.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Curtain Reveal Animation *\/\r\n .reveal-image .curtain {\r\n transform: translateY(0%);\r\n }\r\n .reveal-image.active .curtain {\r\n transform: translateY(-100%);\r\n }\r\n<\/style>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ SCROLL REVEAL OBSERVER\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n document.querySelectorAll('.reveal-text').forEach((el, index) => {\r\n el.style.transitionDelay = `${index * 100}ms`;\r\n observer.observe(el);\r\n });\r\n document.querySelectorAll('.reveal-image').forEach(el => observer.observe(el));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-4d393d5 e-con-full e-flex e-con e-parent\" data-eae-slider=\"14294\" data-id=\"4d393d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"Pole-s\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e76426b elementor-widget elementor-widget-html\" data-id=\"e76426b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Services<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n },\r\n transitionTimingFunction: {\r\n 'luxury': 'cubic-bezier(0.25, 1, 0.5, 1)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the accordion effect *\/\r\n .service-panel {\r\n transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;\r\n }\r\n \r\n \/* Default state for text content inside panel *\/\r\n .panel-content {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.5s ease 0.1s;\r\n }\r\n \r\n \/* DESKTOP HOVER LOGIC (Only applies on large screens) *\/\r\n @media (min-width: 1024px) {\r\n .service-panel {\r\n flex: 1; \/* Default state desktop *\/\r\n }\r\n .service-panel:hover {\r\n flex: 3; \/* Grow significantly on hover *\/\r\n }\r\n \r\n .service-panel:hover .panel-content {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .service-panel:hover img {\r\n transform: scale(1.1);\r\n filter: grayscale(0%);\r\n }\r\n\r\n .service-panel:hover .panel-overlay {\r\n opacity: 0.4; \/* Lighten overlay on hover *\/\r\n }\r\n }\r\n\r\n \/* MOBILE\/TABLET ADJUSTMENTS - CRITICAL FIXES *\/\r\n @media (max-width: 1023px) {\r\n .service-panel {\r\n flex: none !important; \/* Disable flex scaling on mobile *\/\r\n width: 100% !important;\r\n height: 280px !important; \/* Force explicit height *\/\r\n overflow: hidden;\r\n }\r\n \/* On mobile, images are always color, no grayscale *\/\r\n .service-panel img {\r\n filter: grayscale(0%) !important; \r\n transform: scale(1.05);\r\n }\r\n .panel-overlay {\r\n opacity: 0.6 !important; \/* Ensure text readability without hover *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"bg-white py-24\" id=\"major-services\">\r\n <div class=\"max-w-[1600px] mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold font-bold text-xs uppercase tracking-[0.3em] mb-4 block\">Excellence M\u00e9dicale<\/span>\r\n <h2 class=\"text-4xl md:text-6xl font-serif text-dark mb-6\">Nos P\u00f4les d'Expertise<\/h2>\r\n <div class=\"w-20 h-[1px] bg-gold mx-auto\"><\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"flex flex-col lg:flex-row w-full lg:h-[600px] gap-4 lg:gap-1\">\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/chirurgie-esthetique-menu\/\" class=\"service-panel group relative block cursor-pointer\">\r\n \r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/chirurgie-esthetique-visage-corps-marrakech-mclinic.jpeg\" \r\n alt=\"Chirurgie Esth\u00e9tique Visage et Corps Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n \r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">01<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Chirurgie<br>Esth\u00e9tique<\/h3>\r\n \r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n L'art de sculpter la beaut\u00e9. Interventions visage et corps par des experts internationaux.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/medecine-esthetique-menu\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/medecine-esthetique-injections-botox-marrakech.jpeg\" \r\n alt=\"M\u00e9decine Esth\u00e9tique Injections et Botox Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">02<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">M\u00e9decine<br>Esth\u00e9tique<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Injections, comblement et rajeunissement sans chirurgie. R\u00e9sultats naturels et imm\u00e9diats.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/greffe-de-cheveux\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/greffe-cheveux-dhi-fue-marrakech-expert.jpeg\" \r\n alt=\"Greffe de Cheveux DHI FUE Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">03<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Greffe de<br>Cheveux<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Techniques FUE et DHI avanc\u00e9es. Retrouvez densit\u00e9 et confiance avec nos experts capillaires.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/epilation-laser-traitement-peau-marrakech-mclinic.jpeg\" \r\n alt=\"Epilation Laser et Traitement Peau Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">04<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Laser &<br>Technologies<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Plateau technique de pointe. Traitements laser, radiofr\u00e9quence et soins high-tech.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a href=\"https:\/\/mclinicmorocco.com\/kinesitherapie-et-amincissement\/\" class=\"service-panel group relative block cursor-pointer\">\r\n <div class=\"absolute inset-0 w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/kinesitherapie-amincissement-drainage-marrakech.jpeg\" \r\n alt=\"Kin\u00e9sith\u00e9rapie Amincissement Drainage Marrakech\" \r\n class=\"w-full h-full object-cover transition-transform duration-1000 grayscale lg:filter\">\r\n <\/div>\r\n <div class=\"panel-overlay absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent opacity-80 transition-opacity duration-500\"><\/div>\r\n \r\n <div class=\"absolute top-6 left-6 lg:top-8 lg:left-8 z-20\">\r\n <span class=\"text-gold\/50 font-serif text-3xl lg:text-4xl group-hover:text-gold transition-colors\">05<\/span>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full p-6 lg:p-8 z-20 flex flex-col justify-end h-full\">\r\n <h3 class=\"text-2xl lg:text-3xl font-serif text-white mb-2 leading-tight group-hover:text-gold transition-colors\">Kin\u00e9 &<br>Amincissement<\/h3>\r\n \r\n <div class=\"panel-content hidden lg:block\">\r\n <div class=\"h-[1px] w-12 bg-gold my-4\"><\/div>\r\n <p class=\"text-gray-300 text-sm font-light leading-relaxed mb-6 max-w-xs\">\r\n Programmes de r\u00e9\u00e9ducation, drainage et remodelage corporel personnalis\u00e9s.\r\n <\/p>\r\n <span class=\"inline-flex items-center text-white text-xs font-bold uppercase tracking-widest border border-white\/30 px-4 py-2 hover:bg-gold hover:border-gold hover:text-black transition-all\">\r\n D\u00e9couvrir\r\n <\/span>\r\n <\/div>\r\n <div class=\"block lg:hidden mt-2\">\r\n <span class=\"text-gold text-[10px] font-bold uppercase tracking-widest flex items-center\">\r\n En savoir plus <svg class=\"w-3 h-3 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-6971cbe e-con-full e-flex e-con e-parent\" data-eae-slider=\"99265\" data-id=\"6971cbe\" data-element_type=\"container\" data-e-type=\"container\" id=\"rdv-form\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c34989 elementor-widget elementor-widget-html\" data-id=\"1c34989\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic Contact<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n \r\n <style>\r\n \/* --- LUXURY FORM OVERRIDES FOR ELEMENTOR --- *\/\r\n \r\n .elementor-luxury-override .elementor-field-group {\r\n margin-bottom: 3.5rem !important; \/* SIGNIFICANTLY INCREASED SPACING *\/\r\n }\r\n\r\n \/* 1. INPUTS & SELECTS (The Underline Look) *\/\r\n .elementor-luxury-override .elementor-field-textual {\r\n background-color: transparent !important;\r\n border-width: 0 0 1px 0 !important; \/* Bottom border only *\/\r\n border-color: #E5E7EB !important; \/* Light Gray *\/\r\n border-radius: 0 !important;\r\n color: #111111 !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 500 !important;\r\n font-size: 16px !important; \/* Slightly larger text *\/\r\n padding: 18px 0 !important; \/* Increased padding inside input *\/\r\n box-shadow: none !important;\r\n transition: border-color 0.3s ease !important;\r\n }\r\n\r\n \/* Focus State (Gold Line) *\/\r\n .elementor-luxury-override .elementor-field-textual:focus {\r\n border-color: #D4AF37 !important;\r\n }\r\n\r\n \/* 2. LABELS (Clean & Light) *\/\r\n .elementor-luxury-override .elementor-field-label {\r\n color: #9CA3AF !important; \/* Gray-400 *\/\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 14px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.1em !important;\r\n margin-bottom: 12px !important; \/* More space between label and input *\/\r\n }\r\n\r\n \/* 3. SUBMIT BUTTON (Luxury Black & Gold) *\/\r\n .elementor-luxury-override .elementor-button {\r\n width: 100% !important;\r\n background-color: #111111 !important;\r\n color: #FFFFFF !important;\r\n font-family: 'Montserrat', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 12px !important; \/* Slightly smaller to fit text *\/\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.1em !important; \/* Reduced spacing to prevent wrap *\/\r\n padding: 24px 30px !important; \/* Generous padding *\/\r\n border-radius: 0 !important; \/* Sharp corners *\/\r\n border: none !important;\r\n transition: all 0.4s ease !important;\r\n box-shadow: 0 10px 30px -10px rgba(0,0,0,0.3) !important;\r\n white-space: nowrap !important; \/* FORCE SINGLE LINE - CRITICAL *\/\r\n margin-top: 1rem !important; \/* Extra space above button *\/\r\n }\r\n\r\n \/* Button Hover *\/\r\n .elementor-luxury-override .elementor-button:hover {\r\n background-color: #D4AF37 !important; \/* Gold *\/\r\n color: #111111 !important; \/* Black Text *\/\r\n transform: translateY(-2px) !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"py-20 lg:py-28 bg-[#FAFAFA]\" id=\"rdv-1\">\r\n <div class=\"max-w-7xl mx-auto px-5 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex flex-col lg:flex-row shadow-2xl rounded-sm overflow-hidden bg-white\">\r\n \r\n \r\n <div class=\"w-full lg:w-5\/12 bg-[#111111] text-white p-10 lg:p-16 flex flex-col justify-center relative overflow-hidden\">\r\n \r\n <div class=\"absolute -top-24 -left-24 w-64 h-64 border border-[#D4AF37]\/20 rounded-full\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-32 h-32 bg-[#D4AF37]\/10 rounded-full blur-3xl\"><\/div>\r\n\r\n <h3 class=\"text-3xl lg:text-4xl font-serif mb-6 relative z-10\">\r\n Commencez votre <br> \r\n <span class=\"text-[#D4AF37] italic\">Transformation<\/span>.\r\n <\/h3>\r\n \r\n <p class=\"text-gray-400 font-light text-sm leading-relaxed mb-8 relative z-10\">\r\n Laissez-nous vos coordonn\u00e9es. Nos conseillers cliniques vous rappelleront en toute confidentialit\u00e9 pour r\u00e9pondre \u00e0 vos questions et organiser votre consultation.\r\n <\/p>\r\n\r\n \r\n <div class=\"space-y-4 relative z-10 mt-auto\">\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-10 h-10 rounded-full border border-[#D4AF37]\/30 flex items-center justify-center text-[#D4AF37]\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs uppercase tracking-wider text-gray-500\">Urgence \/ WhatsApp<\/span>\r\n <a href=\"https:\/\/wa.me\/212728844862\" target=\"_blank\" class=\"text-white text-sm font-medium hover:text-[#D4AF37] transition-colors\">+212 728-844862<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full lg:w-7\/12 p-10 lg:p-16 bg-white flex flex-col justify-center\">\r\n \r\n \r\n <div class=\"mb-12 text-center lg:text-left\"> \r\n <span class=\"text-[#D4AF37] font-bold text-xs uppercase tracking-[0.2em] mb-3 block\">Contact & Information<\/span>\r\n <h2 class=\"text-3xl lg:text-4xl font-serif text-[#111111]\">Prendre Rendez-vous<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"elementor-luxury-override w-full\">\r\n \t\t<div data-elementor-type=\"container\" data-elementor-id=\"9774\" class=\"elementor elementor-9774\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-484cbd2 e-con-full e-flex e-con e-parent\" data-eae-slider=\"54959\" data-id=\"484cbd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35a18e2 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"35a18e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"9774\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"35a18e2\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"58\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Nom Complet\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_e482317 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_e482317]\" id=\"form-field-field_e482317\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Num\u00e9ro de T\u00e9l\u00e9phone (WhatsApp)\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_81e7b8c elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_81e7b8c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tJe suis int\u00e9ress\u00e9(e) par\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_81e7b8c]\" id=\"form-field-field_81e7b8c\" class=\"elementor-field-textual elementor-size-md\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"S\u00e9lectionnez un domaine\">S\u00e9lectionnez un domaine<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chirurgie Esth\u00e9tique\">Chirurgie Esth\u00e9tique<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"M\u00e9decine Esth\u00e9tique (Botox\/Fillers)\">M\u00e9decine Esth\u00e9tique (Botox\/Fillers)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Greffe de Cheveux\">Greffe de Cheveux<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kin\u00e9sith\u00e9rapie & Amincissement\">Kin\u00e9sith\u00e9rapie & Amincissement<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Laser & Peau\">Laser & Peau<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message (Optionnel)\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00catre rappel\u00e9 gratuitement<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n <p class=\"text-center text-[10px] text-gray-400 mt-10\"> \r\n Vos informations sont confidentielles et s\u00e9curis\u00e9es.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-184f4a8 e-con-full e-flex e-con e-parent\" data-eae-slider=\"26719\" data-id=\"184f4a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be0a54 elementor-widget elementor-widget-html\" data-id=\"9be0a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>M Clinic FAQ<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n important: true, \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n serif: ['\"Playfair Display\"', 'serif'],\r\n sans: ['\"Montserrat\"', 'sans-serif'],\r\n },\r\n colors: {\r\n gold: '#D4AF37',\r\n dark: '#111111',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Animated White\/Cream Background *\/\r\n .faq-animated-bg {\r\n background: linear-gradient(120deg, #ffffff 0%, #fcfbf9 50%, #f7f7f7 100%);\r\n background-size: 200% 200%;\r\n animation: breathe 10s ease infinite;\r\n }\r\n\r\n @keyframes breathe {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Accordion Transition *\/\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;\r\n opacity: 0;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n max-height: 200px; \/* Adjust if content is longer *\/\r\n opacity: 1;\r\n }\r\n\r\n .faq-item.active .icon-plus {\r\n transform: rotate(45deg);\r\n color: #D4AF37;\r\n }\r\n \r\n \/* Link styling for SEO *\/\r\n .seo-link {\r\n color: #D4AF37;\r\n font-weight: 500;\r\n text-decoration: underline;\r\n text-decoration-color: transparent;\r\n transition: all 0.3s ease;\r\n }\r\n .seo-link:hover {\r\n text-decoration-color: #D4AF37;\r\n color: #111111;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"py-24 px-5 sm:px-6 lg:px-8 faq-animated-bg\" id=\"faq\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n \r\n \r\n <div class=\"text-center mb-16\">\r\n <span class=\"text-gold font-bold text-xs uppercase tracking-[0.2em] mb-3 block\">Informations & Conseils<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif text-dark mb-6\">Questions Fr\u00e9quentes<\/h2>\r\n <div class=\"w-16 h-[1px] bg-gold mx-auto\"><\/div>\r\n <p class=\"text-gray-500 font-light text-sm mt-6 max-w-lg mx-auto\">\r\n Tout ce que vous devez savoir sur votre parcours de soins \u00e0 Marrakech.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-4\">\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">O\u00f9 est situ\u00e9e M Clinic \u00e0 Marrakech ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Notre clinique est situ\u00e9e au c\u0153ur de <strong>M Avenue<\/strong>, la nouvelle destination lifestyle de luxe \u00e0 Marrakech. Ce quartier s\u00e9curis\u00e9 et prestigieux regroupe des h\u00f4tels 5 \u00e9toiles (CR7, Four Seasons), des restaurants gastronomiques et des boutiques, offrant un cadre id\u00e9al pour votre <a href=\"#medical-tourism\" class=\"seo-link\">s\u00e9jour m\u00e9dical<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Proposez-vous des soins dentaires (Hollywood Smile, Facettes) ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Absolument. Pour toute expertise dentaire, nous vous invitons \u00e0 d\u00e9couvrir notre centre d'excellence d\u00e9di\u00e9, <strong>M Smile<\/strong>. Sp\u00e9cialis\u00e9 en esth\u00e9tique dentaire, implants et le c\u00e9l\u00e8bre <em>Hollywood Smile<\/em>.\r\n <br><br>\r\n Visitez notre site partenaire : <a href=\"https:\/\/msmile.ma\" target=\"_blank\" rel=\"noopener\" class=\"seo-link\">www.msmile.ma<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Quelle technique de greffe de cheveux utilisez-vous ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Nous utilisons exclusivement les techniques <strong>FUE Saphir<\/strong> et <strong>DHI (Direct Hair Implantation)<\/strong>. Ces m\u00e9thodes sans cicatrice garantissent une densit\u00e9 maximale et un r\u00e9sultat 100% naturel. Nos experts analysent votre zone donneuse lors de la <a href=\"#rdv-1\" class=\"seo-link\">consultation initiale<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-item group bg-white border border-gray-100 hover:border-gold\/30 rounded-sm shadow-sm hover:shadow-md transition-all duration-300\">\r\n <button class=\"w-full text-left p-6 flex justify-between items-center focus:outline-none\" onclick=\"toggleFaq(this)\">\r\n <span class=\"text-dark font-serif text-lg\">Comment se d\u00e9roule la prise en charge pour les patients \u00e9trangers ?<\/span>\r\n <span class=\"icon-plus text-gray-400 text-2xl transition-transform duration-300 font-light\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer px-6 pb-6 text-gray-500 font-light text-sm leading-relaxed\">\r\n <p>\r\n Nous offrons un service de <strong>conciergerie m\u00e9dicale complet<\/strong> : chauffeur priv\u00e9 depuis l'a\u00e9roport de Marrakech-M\u00e9nara, tarifs pr\u00e9f\u00e9rentiels dans les h\u00f4tels partenaires de M Avenue, et suivi post-op\u00e9ratoire \u00e0 distance une fois de retour chez vous.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function toggleFaq(button) {\r\n const item = button.parentElement;\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all other items (Optional: remove this block if you want multiple open)\r\n document.querySelectorAll('.faq-item').forEach(el => {\r\n el.classList.remove('active');\r\n });\r\n\r\n \/\/ Toggle current item\r\n if (!isActive) {\r\n item.classList.add('active');\r\n } else {\r\n item.classList.remove('active');\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-051744e e-flex e-con-boxed e-con e-parent\" data-eae-slider=\"44312\" data-id=\"051744e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc875a3 elementor-widget elementor-widget-html\" data-id=\"dc875a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"MedicalClinic\",\r\n \"name\": \"Mclinic marrakesh\",\r\n \"image\": \"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-1-1024x464-3.png\",\r\n \"url\": \"https:\/\/mclinicmorocco.com\",\r\n \"telephone\": \"+212669055622\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"M Avenue Marrakech, Av. de la M\u00e9nara\",\r\n \"addressLocality\": \"Marrakech\",\r\n \"postalCode\": \"40000\",\r\n \"addressCountry\": \"MA\"\r\n },\r\n \"geo\": {\r\n \"@type\": \"GeoCoordinates\",\r\n \"latitude\": 31.624021,\r\n \"longitude\": -8.016336\r\n },\r\n \"openingHoursSpecification\": [\r\n {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\r\n \"Monday\",\r\n \"Tuesday\",\r\n \"Wednesday\",\r\n \"Thursday\",\r\n \"Friday\",\r\n \"Saturday\"\r\n ],\r\n \"opens\": \"09:00\",\r\n \"closes\": \"20:00\"\r\n }\r\n ],\r\n \"aggregateRating\": {\r\n \"@type\": \"AggregateRating\",\r\n \"ratingValue\": \"4.6\",\r\n \"reviewCount\": \"223\"\r\n },\r\n \"priceRange\": \"$$$\",\r\n \"sameAs\": [\r\n \"https:\/\/www.instagram.com\/mclinic.marrakech\/\",\r\n \"https:\/\/www.tiktok.com\/@mclinic.marrakech\"\r\n ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\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>Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic Clinique Esth\u00e9tique Marrakech Excellence en M\u00e9decine Esth\u00e9tique Bienvenue \u00e0 M Clinic, votre clinique esth\u00e9tique \u00e0 Marrakech de r\u00e9f\u00e9rence. Situ\u00e9s au c\u0153ur de M Avenue, nous allions expertise chirurgicale et soins de luxe pour sublimer votre beaut\u00e9 naturelle. Prendre Rendez-vous Nos Expertises \u00ab\u00a0L’excellence n’est pas un […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic<\/title>\n<meta name=\"description\" content=\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mclinicmorocco.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\" \/>\n<meta property=\"og:description\" content=\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mclinicmorocco.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"M Clinic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T07:43:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mclinicmorocco.com\/\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"name\":\"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic\",\"isPartOf\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\",\"datePublished\":\"2026-01-01T17:33:44+00:00\",\"dateModified\":\"2026-04-27T07:43:14+00:00\",\"description\":\"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.\",\"breadcrumb\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mclinicmorocco.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/mclinicmorocco.com\/#primaryimage\",\"url\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\",\"contentUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mclinicmorocco.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mclinicmorocco.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mclinicmorocco.com\/#website\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"name\":\"MClinic\",\"description\":\"Clinique esth\u00e9tique avec esth\u00e9ticiennes qualifi\u00e9es et chirurgiens experts.\u202f\",\"publisher\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mclinicmorocco.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mclinicmorocco.com\/#organization\",\"name\":\"MClinic\",\"url\":\"https:\/\/mclinicmorocco.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png\",\"contentUrl\":\"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png\",\"width\":769,\"height\":349,\"caption\":\"MClinic\"},\"image\":{\"@id\":\"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr\",\"https:\/\/www.instagram.com\/m.clinic.official\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mclinicmorocco.com\/en\/","og_locale":"en_GB","og_type":"article","og_title":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","og_description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","og_url":"https:\/\/mclinicmorocco.com\/en\/","og_site_name":"M Clinic","article_publisher":"https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr","article_modified_time":"2026-04-27T07:43:14+00:00","og_image":[{"url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mclinicmorocco.com\/","url":"https:\/\/mclinicmorocco.com\/","name":"Clinique Esth\u00e9tique Marrakech | Chirurgie & M\u00e9decine | M Clinic","isPartOf":{"@id":"https:\/\/mclinicmorocco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mclinicmorocco.com\/#primaryimage"},"image":{"@id":"https:\/\/mclinicmorocco.com\/#primaryimage"},"thumbnailUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","datePublished":"2026-01-01T17:33:44+00:00","dateModified":"2026-04-27T07:43:14+00:00","description":"M\u00e9decine et chirurgie esth\u00e9tique \u00e0 Marrakech. Une approche m\u00e9dicale rigoureuse, des soins haut de gamme et des r\u00e9sultats naturels.","breadcrumb":{"@id":"https:\/\/mclinicmorocco.com\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mclinicmorocco.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mclinicmorocco.com\/#primaryimage","url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg","contentUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2026\/01\/M-clinic-Medecine-Esthetique-Marrakech-3.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/mclinicmorocco.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mclinicmorocco.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/mclinicmorocco.com\/#website","url":"https:\/\/mclinicmorocco.com\/","name":"MClinic","description":"Clinique esth\u00e9tique avec esth\u00e9ticiennes qualifi\u00e9es et chirurgiens experts.\u202f","publisher":{"@id":"https:\/\/mclinicmorocco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mclinicmorocco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/mclinicmorocco.com\/#organization","name":"MClinic","url":"https:\/\/mclinicmorocco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/","url":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png","contentUrl":"https:\/\/mclinicmorocco.com\/wp-content\/uploads\/2024\/07\/logo-mclinic-white-v2.png","width":769,"height":349,"caption":"MClinic"},"image":{"@id":"https:\/\/mclinicmorocco.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/mclinic.morocco\/?_rdc=1&_rdr","https:\/\/www.instagram.com\/m.clinic.official\/"]}]}},"_links":{"self":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":1417,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":39989,"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions\/39989"}],"wp:attachment":[{"href":"https:\/\/mclinicmorocco.com\/en\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}