Medico Clinic \u2014 Locations Section<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ELEMENTOR RESET\r\n Neutralises Elementor's column padding that\r\n causes the two white side gaps.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .elementor-widget-html,\r\n .elementor-widget-html .elementor-widget-container {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCOPE: every rule is prefixed with\r\n .mc-locs so nothing leaks into Elementor\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n .mc-locs *,\r\n .mc-locs *::before,\r\n .mc-locs *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* \u2500\u2500 Variables \u2500\u2500 *\/\r\n .mc-locs {\r\n --navy: #023752;\r\n --cyan: #00DFDF;\r\n --cyan-light: #A9FFFD;\r\n --white: #FFFFFF;\r\n --border: rgba(0, 223, 223, 0.18);\r\n --font: 'Inter', sans-serif;\r\n }\r\n\r\n \/* \u2500\u2500 Section wrapper \u2014 full bleed breaks out of Elementor column \u2500\u2500 *\/\r\n .mc-locs {\r\n background: #023752 !important;\r\n background-color: #023752 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow: hidden !important;\r\n padding: 90px 40px 100px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n -webkit-font-smoothing: antialiased;\r\n display: block !important;\r\n }\r\n\r\n \/* top cyan accent line *\/\r\n .mc-locs::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0; left: 0; right: 0;\r\n height: 3px !important;\r\n background: linear-gradient(90deg, transparent 0%, #00DFDF 40%, #A9FFFD 60%, transparent 100%) !important;\r\n z-index: 0;\r\n }\r\n\r\n \/* radial glow *\/\r\n .mc-locs::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -120px; right: -80px;\r\n width: 500px; height: 500px;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(0,223,223,0.07) 0%, transparent 70%) !important;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .mc-locs-inner {\r\n max-width: 1160px !important;\r\n margin: 0 auto !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n .mc-locs-header {\r\n margin-bottom: 52px !important;\r\n }\r\n\r\n .mc-eyebrow {\r\n display: inline-block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.22em !important;\r\n text-transform: uppercase !important;\r\n color: #00DFDF !important;\r\n margin-bottom: 14px !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-title {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: clamp(28px, 4vw, 44px) !important;\r\n font-weight: 800 !important;\r\n color: #FFFFFF !important;\r\n line-height: 1.1 !important;\r\n letter-spacing: -0.02em !important;\r\n margin: 0 0 0 0 !important;\r\n }\r\n\r\n .mc-title span {\r\n color: #00DFDF !important;\r\n }\r\n\r\n .mc-subtitle {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.65) !important;\r\n max-width: 480px !important;\r\n line-height: 1.7 !important;\r\n margin-top: 14px !important;\r\n }\r\n\r\n \/* \u2500\u2500 Journey Strip \u2500\u2500 *\/\r\n .mc-journey {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(0,223,223,0.06) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n border-radius: 60px !important;\r\n padding: 14px 32px !important;\r\n margin-bottom: 48px !important;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n white-space: nowrap !important;\r\n gap: 0 !important;\r\n }\r\n\r\n .mc-journey::-webkit-scrollbar { display: none; }\r\n\r\n .mc-jstop {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .mc-jdot {\r\n width: 10px !important;\r\n height: 10px !important;\r\n min-width: 10px !important;\r\n border-radius: 50% !important;\r\n background: #00DFDF !important;\r\n box-shadow: 0 0 8px rgba(0,223,223,0.6) !important;\r\n display: inline-block !important;\r\n }\r\n\r\n .mc-jlabel {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 700 !important;\r\n color: #FFFFFF !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-jsub {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.4) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n \/* Connector: line + CSS arrowhead \u2014 no emoji, no pseudo-element tricks *\/\r\n .mc-jconn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n flex-shrink: 0 !important;\r\n margin: 0 18px !important;\r\n line-height: 0 !important;\r\n }\r\n\r\n .mc-jline {\r\n display: inline-block !important;\r\n width: 50px !important;\r\n height: 1px !important;\r\n background: rgba(0,223,223,0.35) !important;\r\n vertical-align: middle !important;\r\n }\r\n\r\n .mc-jarrow {\r\n display: inline-block !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n border-top: 5px solid transparent !important;\r\n border-bottom: 5px solid transparent !important;\r\n border-left: 7px solid rgba(0,223,223,0.5) !important;\r\n vertical-align: middle !important;\r\n margin-left: -1px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 Cards Grid \u2500\u2500 *\/\r\n .mc-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr 1fr !important;\r\n gap: 16px !important;\r\n margin-bottom: 40px !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .mc-card {\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n background: rgba(255,255,255,0.04) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n height: 100% !important;\r\n transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .mc-card:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(0,223,223,0.45) !important;\r\n box-shadow: 0 20px 48px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,223,223,0.12) !important;\r\n }\r\n\r\n .mc-card.mc-main {\r\n background: rgba(0,223,223,0.05) !important;\r\n border-color: rgba(0,223,223,0.3) !important;\r\n }\r\n\r\n \/* image area *\/\r\n .mc-card-img {\r\n position: relative !important;\r\n height: 220px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .mc-card-img img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n\r\n transition: transform 0.6s ease !important;\r\n display: block !important;\r\n }\r\n\r\n .mc-card:hover .mc-card-img img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n\r\n .mc-badge {\r\n position: absolute !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n z-index: 2 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 9.5px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 0.16em !important;\r\n text-transform: uppercase !important;\r\n padding: 5px 12px !important;\r\n border-radius: 40px !important;\r\n color: #023752 !important;\r\n background: #00DFDF !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .mc-city {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n z-index: 2 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 800 !important;\r\n color: #FFFFFF !important;\r\n letter-spacing: -0.02em !important;\r\n line-height: 1 !important;\r\n padding: 32px 18px 14px !important;\r\n \/* narrow gradient only behind the city label \u2014 not across the full image *\/\r\n background: linear-gradient(180deg, transparent 0%, rgba(2,55,82,0.82) 100%) !important;\r\n text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;\r\n }\r\n\r\n .mc-main .mc-city { font-size: 26px !important; }\r\n\r\n \/* card body *\/\r\n .mc-card-body {\r\n padding: 22px 22px 26px !important;\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .mc-country {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 10.5px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.16em !important;\r\n text-transform: uppercase !important;\r\n color: #00DFDF !important;\r\n margin-bottom: 14px !important;\r\n display: block !important;\r\n }\r\n\r\n .mc-desc {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13.5px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.7) !important;\r\n line-height: 1.68 !important;\r\n margin-bottom: 20px !important;\r\n flex: 1 !important;\r\n min-height: 110px !important;\r\n }\r\n\r\n \/* Feature list \u2014 fixed bullet alignment *\/\r\n .mc-features {\r\n list-style: none !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 9px !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .mc-features li {\r\n display: flex !important;\r\n align-items: center !important; \/* vertically centers bullet with text *\/\r\n gap: 10px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.65) !important;\r\n line-height: 1.4 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .mc-bullet {\r\n width: 18px !important;\r\n height: 18px !important;\r\n min-width: 18px !important;\r\n border-radius: 50% !important;\r\n background: rgba(0,223,223,0.12) !important;\r\n border: 1px solid rgba(0,223,223,0.3) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .mc-bullet::after {\r\n content: '' !important;\r\n width: 5px !important;\r\n height: 5px !important;\r\n border-radius: 50% !important;\r\n background: #00DFDF !important;\r\n display: block !important;\r\n }\r\n\r\n \/* \u2500\u2500 Bottom Stats Bar \u2500\u2500 *\/\r\n .mc-bottom {\r\n background: rgba(0,223,223,0.06) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n border-radius: 16px !important;\r\n padding: 28px 36px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .mc-stats {\r\n display: flex !important;\r\n gap: 0 !important;\r\n flex: 1 !important;\r\n flex-wrap: wrap !important;\r\n align-items: center !important;\r\n }\r\n\r\n .mc-stat {\r\n flex: 1 !important;\r\n min-width: 120px !important;\r\n text-align: center !important;\r\n padding: 0 24px !important;\r\n }\r\n\r\n .mc-stat + .mc-stat {\r\n border-left: 1px solid rgba(0,223,223,0.15) !important;\r\n }\r\n\r\n .mc-stat-num {\r\n display: block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 34px !important;\r\n font-weight: 800 !important;\r\n color: #00DFDF !important;\r\n letter-spacing: -0.03em !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-stat-label {\r\n display: block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255,255,255,0.45) !important;\r\n letter-spacing: 0.06em !important;\r\n text-transform: uppercase !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .mc-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 15px 30px !important;\r\n border-radius: 8px !important;\r\n background: #00DFDF !important;\r\n color: #023752 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 0.04em !important;\r\n text-decoration: none !important;\r\n transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;\r\n flex-shrink: 0 !important;\r\n white-space: nowrap !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .mc-cta:hover {\r\n background: #A9FFFD !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 24px rgba(0,223,223,0.3) !important;\r\n color: #023752 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .mc-cta svg { transition: transform 0.2s ease; }\r\n .mc-cta:hover svg { transform: translateX(3px); }\r\n\r\n \/* \u2500\u2500 Animations \u2500\u2500 *\/\r\n @keyframes mc-fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .mc-locs-header { animation: mc-fadeUp 0.6s ease both; }\r\n .mc-journey { animation: mc-fadeUp 0.6s 0.1s ease both; }\r\n .mc-card:nth-child(1) { animation: mc-fadeUp 0.6s 0.2s ease both; }\r\n .mc-card:nth-child(2) { animation: mc-fadeUp 0.6s 0.3s ease both; }\r\n .mc-card:nth-child(3) { animation: mc-fadeUp 0.6s 0.4s ease both; }\r\n .mc-bottom { animation: mc-fadeUp 0.6s 0.45s ease both; }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .mc-grid { grid-template-columns: 1fr 1fr !important; }\r\n .mc-main { grid-column: 1 \/ -1 !important; }\r\n .mc-jline { width: 30px !important; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n \/* 1 \u2014 remove top gap, reduce bottom padding *\/\r\n .mc-locs { padding: 40px 16px 50px !important; }\r\n\r\n \/* cards stacked *\/\r\n .mc-grid { grid-template-columns: 1fr !important; }\r\n .mc-main { grid-column: auto !important; }\r\n\r\n \/* 2 \u2014 journey strip: stack vertically, no horizontal scrolling *\/\r\n .mc-journey {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n border-radius: 12px !important;\r\n padding: 18px 20px !important;\r\n gap: 0 !important;\r\n }\r\n .mc-jstop {\r\n padding: 8px 0 !important;\r\n }\r\n \/* connector becomes a short vertical line + no arrow *\/\r\n .mc-jconn {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n margin: 0 0 0 4px !important;\r\n padding-left: 4px !important;\r\n gap: 0 !important;\r\n }\r\n .mc-jline {\r\n width: 1px !important;\r\n height: 18px !important;\r\n background: rgba(0,223,223,0.35) !important;\r\n display: block !important;\r\n }\r\n .mc-jarrow { display: none !important; }\r\n \/* hide subtitle labels on mobile to keep it clean *\/\r\n .mc-jsub { display: none !important; }\r\n\r\n \/* 3 \u2014 stats stacked one under another *\/\r\n .mc-bottom {\r\n flex-direction: column !important;\r\n padding: 22px 20px !important;\r\n }\r\n .mc-stats {\r\n width: 100% !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n .mc-stat {\r\n width: 100% !important;\r\n flex: none !important;\r\n text-align: left !important;\r\n padding: 14px 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n }\r\n .mc-stat + .mc-stat {\r\n border-left: none !important;\r\n border-top: 1px solid rgba(0,223,223,0.12) !important;\r\n }\r\n .mc-stat-num {\r\n font-size: 28px !important;\r\n min-width: 70px !important;\r\n }\r\n .mc-stat-label {\r\n text-align: left !important;\r\n margin-top: 0 !important;\r\n }\r\n .mc-cta { width: 100% !important; justify-content: center !important; margin-top: 8px !important; }\r\n }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"mc-locs\">\r\n <div class=\"mc-locs-inner\">\r\n\r\n \r\n <div class=\"mc-locs-header\">\r\n <span class=\"mc-eyebrow\">Our Locations<\/span>\r\n <h2 class=\"mc-title\">Treated in Istanbul.<br><span>Cared for Back Home.<\/span><\/h2>\r\n <p class=\"mc-subtitle\">We don't stop at your treatment. Our partner aftercare clinics in London and Pennsylvania mean expert follow-up is always close to you.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-journey\">\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">Istanbul<\/span>\r\n <span class=\"mc-jsub\">Treatment<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">You Fly Home<\/span>\r\n <span class=\"mc-jsub\">Stress-free<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">London<\/span>\r\n <span class=\"mc-jsub\">UK Aftercare<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">Pennsylvania<\/span>\r\n <span class=\"mc-jsub\">US Aftercare<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-grid\">\r\n\r\n \r\n <div class=\"mc-card mc-main\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/DSC04824-2-scaled.jpg\" alt=\"Istanbul Clinic\">\r\n <span class=\"mc-badge\">Main Clinic<\/span>\r\n <span class=\"mc-city\">Istanbul<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">T\u00fcrkiye \u2014 Primary Treatment Center<\/span>\r\n <p class=\"mc-desc\">Our flagship clinic in Istanbul is where world-class digital dentistry meets VIP hospitality. From single implants to full-arch restorations, every procedure is performed here by our specialist team.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span>Straumann, Bego & Hiossen implants<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Emax veneers & Monolithic Zirconia crowns<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>3D CAD\/CAM guided precision surgery<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>VIP hotel & private airport transfers<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-card\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/uk-clinic-1-2.jpg\" alt=\"London Aftercare Clinic\">\r\n <span class=\"mc-badge\">Aftercare \u2014 UK<\/span>\r\n <span class=\"mc-city\">London<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">United Kingdom<\/span>\r\n <p class=\"mc-desc\">Back in the UK? Our London partner clinic handles all follow-up appointments, check-ups, and adjustments \u2014 at the same clinical standard as Istanbul.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span>Post-treatment check-ups & X-rays<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Adjustments & emergency consultations<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Full access to your Istanbul treatment records<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-card\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/USA-Clinic-5-1.jpg\" alt=\"Pennsylvania Aftercare Clinic\">\r\n <span class=\"mc-badge\">Aftercare \u2014 US<\/span>\r\n <span class=\"mc-city\">Pennsylvania<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">United States<\/span>\r\n <p class=\"mc-desc\">American patients fly home confident. Our Pennsylvania partner provides local follow-up care for your implants, crowns, and veneers \u2014 as if you never left.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span> Implant aftercare specialists<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Local X-rays & follow-up consultations<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Coordinated care with the Istanbul team<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-bottom\">\r\n <div class=\"mc-stats\">\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">3<\/span>\r\n <span class=\"mc-stat-label\">Locations, 3 Continents<\/span>\r\n <\/div>\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">28K+<\/span>\r\n <span class=\"mc-stat-label\">Patients Treated<\/span>\r\n <\/div>\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">100%<\/span>\r\n <span class=\"mc-stat-label\">Aftercare Coverage UK & US<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"mc-cta\">\r\n Get a FREE Consultation\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\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=\"elementor-element elementor-element-eea9ec0 e-con-full e-flex e-con e-parent\" data-id=\"eea9ec0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce4455f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ce4455f\" 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\r\n\r\n<div id=\"medico-about-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-about-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550 HARD ISOLATION \u2550\u2550 *\/\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550 TOKENS \u2014 light mode \u2550\u2550 *\/\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-dk: #00b8b8;\r\n --cyan-lt: #e8ffff;\r\n --white: #ffffff;\r\n --off-white: #F0FFFE;\r\n --surface: #f4fafa;\r\n --t-dark: #023752;\r\n --t-body: #3a6070;\r\n --t-muted: #7fa8b8;\r\n --border: rgba(0,191,191,.18);\r\n --border-h: rgba(0,191,191,.45);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 14px;\r\n --r-lg: 20px;\r\n}\r\n\r\n\/* \u2550\u2550 ANIMATIONS \u2550\u2550 *\/\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n@keyframes fadeUp {\r\n from { opacity:0; transform:translateY(22px) }\r\n to { opacity:1; transform:none }\r\n}\r\n@keyframes countUp {\r\n from { opacity:0; transform:translateY(10px) }\r\n to { opacity:1; transform:none }\r\n}\r\n@keyframes pulseRing {\r\n 0% { transform:scale(1); opacity:.6 }\r\n 70% { transform:scale(1.35);opacity:0 }\r\n 100% { opacity:0 }\r\n}\r\n@keyframes glowDot {\r\n 0%,100% { box-shadow: 0 0 0 0 rgba(0,223,223,.6) }\r\n 50% { box-shadow: 0 0 0 8px rgba(0,223,223,0) }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION WRAPPER \u2550\u2550 *\/\r\n.about-wrap {\r\n background: var(--white);\r\n font-family: var(--ff-b);\r\n color: var(--t-dark);\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n}\r\n\r\n\/* \u2550\u2550 CERT STRIP \u2550\u2550 *\/\r\n.cert-strip {\r\n background: var(--navy-deep);\r\n padding: 16px 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n.cert-strip-left {\r\n font-family: var(--ff-h);\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,.5);\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n.cert-strip-left span {\r\n color: var(--cyan);\r\n}\r\n.cert-logos {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n}\r\n.cert-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 7px 14px;\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(0,223,223,.2);\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.75);\r\n white-space: nowrap;\r\n transition: background .2s, border-color .2s;\r\n}\r\n.cert-badge:hover {\r\n background: rgba(0,223,223,.08);\r\n border-color: rgba(0,223,223,.4);\r\n}\r\n.cert-badge-dot {\r\n width: 7px; height: 7px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n}\r\n.cert-badge-dot.ada { background: #4fc3f7 }\r\n.cert-badge-dot.moh { background: #ef5350 }\r\n.cert-badge-dot.iso { background: #66bb6a }\r\n.cert-badge-dot.str { background: var(--cyan) }\r\n\r\n\/* \u2550\u2550 MAIN SECTION \u2550\u2550 *\/\r\n.about-section {\r\n padding: 88px 48px 96px;\r\n position: relative;\r\n}\r\n\r\n\/* subtle dot grid *\/\r\n.about-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle, rgba(0,191,191,.1) 1px, transparent 1px);\r\n background-size: 32px 32px;\r\n pointer-events: none;\r\n opacity: .6;\r\n}\r\n\r\n\/* \u2550\u2550 LAYOUT \u2550\u2550 *\/\r\n.about-grid {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550 VIDEO COLUMN \u2550\u2550 *\/\r\n.video-col {\r\n position: relative;\r\n}\r\n\r\n\/* decorative accent shape behind video *\/\r\n.video-accent {\r\n position: absolute;\r\n inset: -20px -20px 20px 20px;\r\n background: linear-gradient(135deg, var(--cyan-lt) 0%, transparent 70%);\r\n border-radius: var(--r-lg);\r\n z-index: 0;\r\n}\r\n\r\n.video-frame-wrap {\r\n position: relative;\r\n z-index: 1;\r\n border-radius: var(--r-lg);\r\n overflow: hidden;\r\n box-shadow:\r\n 0 2px 8px rgba(2,55,82,.08),\r\n 0 8px 32px rgba(2,55,82,.12),\r\n 0 24px 64px rgba(2,55,82,.1);\r\n aspect-ratio: 16 \/ 9;\r\n background: var(--navy-deep);\r\n}\r\n\r\n.video-frame-wrap iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n display: block;\r\n}\r\n\r\n\/* floating stat pill on video *\/\r\n.video-pill {\r\n position: absolute;\r\n bottom: -18px;\r\n right: -18px;\r\n z-index: 3;\r\n background: var(--navy-deep);\r\n border: 1px solid rgba(0,223,223,.25);\r\n border-radius: 60px;\r\n padding: 12px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n box-shadow: 0 8px 32px rgba(2,55,82,.2);\r\n}\r\n.video-pill-dot {\r\n width: 10px; height: 10px;\r\n border-radius: 50%;\r\n background: var(--cyan);\r\n flex-shrink: 0;\r\n animation: glowDot 2s ease-in-out infinite;\r\n}\r\n.video-pill-text {\r\n font-family: var(--ff-b);\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: rgba(255,255,255,.9);\r\n white-space: nowrap;\r\n}\r\n.video-pill-text strong {\r\n color: var(--cyan);\r\n font-size: 13px;\r\n}\r\n\r\n\/* \u2550\u2550 CONTENT COLUMN \u2550\u2550 *\/\r\n.content-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n}\r\n\r\n.eyebrow {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: var(--cyan-dk);\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.eyebrow::before {\r\n content: '';\r\n display: block;\r\n width: 28px; height: 2px;\r\n background: linear-gradient(90deg, var(--cyan-dk), var(--cyan));\r\n border-radius: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.about-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n color: var(--navy-deep);\r\n margin: 0 0 24px;\r\n}\r\n.about-title em {\r\n font-style: normal;\r\n color: var(--cyan-dk);\r\n}\r\n\r\n.about-desc {\r\n font-family: var(--ff-b);\r\n font-size: 15px;\r\n font-weight: 300;\r\n line-height: 1.75;\r\n color: var(--t-body);\r\n margin: 0 0 36px;\r\n max-width: 480px;\r\n}\r\n\r\n\/* \u2550\u2550 STATS ROW \u2550\u2550 *\/\r\n.stats-row {\r\n display: flex;\r\n gap: 0;\r\n margin-bottom: 36px;\r\n border: 1px solid var(--border);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n background: var(--surface);\r\n}\r\n\r\n.stat-item {\r\n flex: 1;\r\n padding: 20px 24px;\r\n position: relative;\r\n transition: background .2s;\r\n}\r\n.stat-item:hover { background: var(--cyan-lt) }\r\n.stat-item + .stat-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 16%; bottom: 16%;\r\n width: 1px;\r\n background: var(--border);\r\n}\r\n\r\n.stat-num {\r\n font-family: var(--ff-h);\r\n font-size: 30px;\r\n font-weight: 800;\r\n letter-spacing: -.03em;\r\n color: var(--navy-deep);\r\n line-height: 1;\r\n margin-bottom: 5px;\r\n}\r\n.stat-num span {\r\n color: var(--cyan-dk);\r\n}\r\n\r\n.stat-label {\r\n font-family: var(--ff-b);\r\n font-size: 11px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: var(--t-muted);\r\n letter-spacing: .02em;\r\n}\r\n\r\n\/* \u2550\u2550 UPSELL LIST \u2550\u2550 *\/\r\n.usp-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 36px;\r\n}\r\n.usp-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--ff-b);\r\n font-size: 13.5px;\r\n font-weight: 400;\r\n color: var(--t-body);\r\n}\r\n.usp-check {\r\n width: 20px; height: 20px;\r\n border-radius: 50%;\r\n background: var(--cyan-lt);\r\n border: 1.5px solid var(--cyan-dk);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.usp-check svg {\r\n width: 10px; height: 10px;\r\n stroke: var(--cyan-dk);\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* \u2550\u2550 CTA ROW \u2550\u2550 *\/\r\n.cta-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n background: var(--navy-deep);\r\n border: none;\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n color: var(--white);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background .22s, transform .2s, box-shadow .22s;\r\n box-shadow: 0 4px 18px rgba(2,55,82,.25);\r\n}\r\n.btn-primary:hover {\r\n background: var(--navy-mid);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(2,55,82,.3);\r\n}\r\n.btn-primary svg {\r\n width: 15px; height: 15px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.btn-primary:hover svg { transform: translateX(3px) }\r\n\r\n.btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n color: var(--navy-deep);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: color .2s, gap .2s;\r\n border: none;\r\n background: none;\r\n padding: 0;\r\n}\r\n.btn-ghost:hover {\r\n color: var(--cyan-dk);\r\n gap: 11px;\r\n}\r\n.btn-ghost svg {\r\n width: 14px; height: 14px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(20px); transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv-l { opacity:0; transform:translateX(-20px);transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv-r { opacity:0; transform:translateX(20px); transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv.in,.rv-l.in,.rv-r.in { opacity:1; transform:none }\r\n.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}\r\n.d4{transition-delay:.28s}.d5{transition-delay:.35s}.d6{transition-delay:.42s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .about-grid { grid-template-columns: 1fr; gap: 48px }\r\n .about-section { padding: 64px 32px 72px }\r\n .cert-strip { padding: 14px 32px }\r\n .video-pill { bottom: -14px; right: -10px }\r\n}\r\n@media (max-width: 600px) {\r\n .about-section { padding: 48px 20px 56px }\r\n .cert-strip { padding: 12px 20px; justify-content: center }\r\n .cert-strip-left { display: none }\r\n .about-title { font-size: 26px }\r\n .stats-row { flex-direction: column }\r\n .stat-item + .stat-item::before { top:0;left:16%;right:16%;bottom:auto;width:auto;height:1px }\r\n .video-pill { display: none }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: .01ms !important;\r\n transition-duration: .01ms !important;\r\n }\r\n .rv, .rv-l, .rv-r { opacity:1 !important; transform:none !important }\r\n}\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n \r\n <div class=\"cert-strip\">\r\n <div class=\"cert-strip-left\">Recognised & Certified \u2014 <span>Istanbul's Leading Dental Clinic<\/span><\/div>\r\n <div class=\"cert-logos\">\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot ada\"><\/div>\r\n ADA Certified\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot moh\"><\/div>\r\n Turkish Ministry of Health\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot iso\"><\/div>\r\n ISO 9001 : 2015\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot str\"><\/div>\r\n Straumann Certified Partner\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-section\">\r\n <div class=\"about-grid\">\r\n\r\n \r\n <div class=\"video-col rv-l\">\r\n <div class=\"video-accent\"><\/div>\r\n <div class=\"video-frame-wrap\">\r\n <iframe\r\n src=\"https:\/\/videopress.com\/embed\/t73MyDUK?cover=1&autoPlay=0&loop=0&muted=0&controls=1&playsinline=0\"\r\n allowfullscreen\r\n allow=\"clipboard-write\"\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n \r\n <div class=\"video-pill\">\r\n <div class=\"video-pill-dot\"><\/div>\r\n <div class=\"video-pill-text\"><strong>28,000+<\/strong> patients treated worldwide<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content-col rv-r d1\">\r\n <p class=\"eyebrow\">About Us<\/p>\r\n <h2 class=\"about-title\">World\u2011Class Dental Care,<br><em>Affordable<\/em> for Every Smile.<\/h2>\r\n <p class=\"about-desc\">\r\n Founded in 2016, Medico Clinic combines cutting-edge technology with globally certified expertise \u2014 all at up to <strong>70% less<\/strong> than UK or US prices. We follow you home with aftercare partners in London, Pennsylvania and Bangkok.\r\n <\/p>\r\n\r\n \r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"28\" data-prefix=\"+\" data-suffix=\"K\">+28K<\/div>\r\n <div class=\"stat-label\">Patients<br>Treated<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"96\" data-suffix=\"%\">96%<\/div>\r\n <div class=\"stat-label\">Patient Satisfaction<br>Rate<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"70\" data-prefix=\"\" data-suffix=\"%\">70%<\/div>\r\n <div class=\"stat-label\">More Affordable<br>vs UK & US<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"usp-list\">\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n In-house CAD\/CAM lab \u2014 same-day restorations available\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n Straumann, Bego & Hiossen implant brands\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n Local aftercare in London, Pennsylvania & Bangkok\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n VIP airport pickup \u00b7 hotel coordination \u00b7 dedicated coordinator\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row\">\r\n <a href=\"https:\/\/medicoclinic.net\/about\/\" class=\"btn-primary\">\r\n More About Us\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"btn-ghost\">\r\n Free Consultation\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); }\r\n });\r\n }, { threshold: .1 });\r\n shadow.querySelectorAll('.rv, .rv-l, .rv-r').forEach(el => rvIO.observe(el));\r\n\r\n \/* \u2500\u2500 Counter animation \u2500\u2500 *\/\r\n const countIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (!e.isIntersecting) return;\r\n const el = e.target;\r\n const target = parseInt(el.dataset.target, 10);\r\n const suffix = el.dataset.suffix || '';\r\n const prefix = el.dataset.prefix !== undefined ? el.dataset.prefix : '';\r\n if (isNaN(target)) return;\r\n countIO.unobserve(el);\r\n const dur = 1600;\r\n const start = performance.now();\r\n \/\/ Display as K for thousands\r\n const isK = target >= 1000;\r\n const display = isK ? Math.round(target \/ 1000) : target;\r\n const from = 0;\r\n (function tick(now) {\r\n const t = Math.min((now - start) \/ dur, 1);\r\n const val = Math.round(from + (display - from) * (1 - Math.pow(1 - t, 3)));\r\n el.textContent = prefix + val + (isK ? 'K' : '') + suffix;\r\n if (t < 1) requestAnimationFrame(tick);\r\n else el.textContent = prefix + display + (isK ? 'K' : '') + suffix;\r\n })(start);\r\n });\r\n }, { threshold: .3 });\r\n shadow.querySelectorAll('.stat-num[data-target]').forEach(el => countIO.observe(el));\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5259621 e-con-full e-flex e-con e-parent\" data-id=\"5259621\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-127e9d8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"127e9d8\" 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\r\n\r\n<div id=\"medico-press-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-press-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const ARTICLES = [\r\n {\r\n pub: 'USA Today',\r\n date: 'July 2025',\r\n headline: 'The Smile Solution: Why More Americans Are Choosing Dental Implants and Flying Abroad to Get Them',\r\n url: 'https:\/\/www.usatoday.com\/story\/special\/contributor-content\/2025\/07\/17\/the-smile-solution-why-more-americans-are-choosing-dental-implants-and-flying-abroad-to-get-them\/85259893007\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/USA-TOday-scaled.jpg'\r\n },\r\n {\r\n pub: 'IBTimes UK',\r\n date: 'March 2025',\r\n headline: 'Medico Clinic: Evolution of Dental Implantology',\r\n url: 'https:\/\/www.ibtimes.co.uk\/medico-clinic-evolution-dental-implantology-1776697',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/IB-Times.jpg'\r\n },\r\n {\r\n pub: 'Digital Journal',\r\n date: 'April 2025',\r\n headline: \"The Real Reason Everyone's Choosing Medico Clinic for the Perfect Hollywood Smile\",\r\n url: 'https:\/\/www.digitaljournal.com\/business\/the-real-reason-everyones-choosing-medico-clinic-for-the-perfect-hollywood-smile\/article',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Digital-Journal.jpg'\r\n },\r\n {\r\n pub: 'OK Magazine',\r\n date: 'January 2026',\r\n headline: 'Why in 2026 Dental Tourism Is No Longer About Cheap Prices',\r\n url: 'https:\/\/okmagazine.com\/p\/why-in-2026-dental-tourism-is-no-longer-about-cheap-prices\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/OK-Magazine.jpg'\r\n },\r\n {\r\n pub: 'ADNKronos',\r\n date: 'May 2025',\r\n headline: 'Turismo Dentale: Nuove Prospettive di Continuit\u00e0 Assistenziale in Italia',\r\n url: 'https:\/\/www.adnkronos.com\/Archivio\/salute\/turismo-dentale-nuove-prospettive-di-continuita-assistenziale-in-italia_6FW2tkrJgOv8PpzxdEBlsp',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Adnkrnoos.jpg'\r\n },\r\n {\r\n pub: 'IL Foglio',\r\n date: 'April 2025',\r\n headline: 'Turismo Dentale di Qualit\u00e0: Medico Clinic e il Modello Istanbul\u2013Italia',\r\n url: 'https:\/\/www.ilfoglio.it',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/IL-Foglio.jpg'\r\n },\r\n {\r\n pub: 'La Repubblica',\r\n date: 'May 2025',\r\n headline: 'Sorrisi Perfetti a Istanbul: Il Fenomeno del Turismo Dentale Made in Turkey',\r\n url: 'https:\/\/www.cocooners.com\/blog\/una-storia-personale-di-impianti-dentali-con-all-on-4-e-all-on-6-per-senior-attivi\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/La-Repbblica.png'\r\n },\r\n {\r\n pub: 'ComoZero',\r\n date: 'June 2025',\r\n headline: 'Un sorriso Hollywood per senior attivi: corone in zirconio e faccette dentali',\r\n url: 'https:\/\/comozero.it\/attualita\/un-sorriso-hollywood-per-senior-attivi-corone-in-zirconio-e-faccette-dentali\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Comozero.png'\r\n },\r\n {\r\n pub: 'La Testata',\r\n date: 'August 2025',\r\n headline: 'Dalla scansione al sorriso: come la chirurgia guidata 3D nelle cliniche italiane sta rivoluzionando la precisione degli impianti',\r\n url: 'https:\/\/www.latestata.it\/news\/dalla-scansione-al-sorriso-come-la-chirurgia-guidata-3d-nelle-cliniche-italiane-sta-rivoluzionando-la-precisione-degli-impianti\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Latestata.png'\r\n },\r\n {\r\n pub: 'MSN',\r\n date: 'March 2025',\r\n headline: 'Medico Clinic: Istanbul\\'s Leading Dental Tourism Destination Featured on MSN',\r\n url: null,\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/MSN-scaled.jpg'\r\n }\r\n ];\r\n\r\n const FALLBACKS = [\r\n 'linear-gradient(145deg,#012a40 0%,#01374f 60%,#003d55 100%)',\r\n 'linear-gradient(145deg,#022535 0%,#01304a 60%,#023550 100%)',\r\n 'linear-gradient(145deg,#01263c 0%,#013248 60%,#023a55 100%)',\r\n 'linear-gradient(145deg,#011f34 0%,#012a44 60%,#022f4a 100%)',\r\n 'linear-gradient(145deg,#012030 0%,#022840 60%,#023050 100%)',\r\n 'linear-gradient(145deg,#01253a 0%,#012f48 60%,#023558 100%)',\r\n 'linear-gradient(145deg,#011d30 0%,#012840 60%,#023050 100%)',\r\n 'linear-gradient(145deg,#012235 0%,#012c45 60%,#023355 100%)',\r\n 'linear-gradient(145deg,#012840 0%,#013350 60%,#023a5a 100%)',\r\n 'linear-gradient(145deg,#011a2e 0%,#012438 60%,#022c45 100%)',\r\n ];\r\n\r\n const cardsHTML = ARTICLES.map((a, i) => {\r\n const tag = a.url ? 'a' : 'div';\r\n const attrs = a.url ? `href=\"${a.url}\" target=\"_blank\" rel=\"noopener\"` : '';\r\n const cta = a.url\r\n ? `<span class=\"card-cta\">Read Article <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>`\r\n : `<span class=\"card-no-link\">As featured in MSN<\/span>`;\r\n return `\r\n <${tag} class=\"press-card${a.url ? '' : ' no-link'}\" ${attrs} draggable=\"false\">\r\n <div class=\"card-img\" style=\"background:${FALLBACKS[i % FALLBACKS.length]}\">\r\n <img decoding=\"async\" src=\"${a.img}\" alt=\"${a.pub} article screenshot\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n <div class=\"card-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-top\">\r\n <span class=\"card-badge\">Press Feature<\/span>\r\n <div class=\"card-pub-name\">${a.pub}<\/div>\r\n <p class=\"card-headline\">${a.headline}<\/p>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <span class=\"card-date\">${a.date}<\/span>\r\n ${cta}\r\n <\/div>\r\n <\/div>\r\n <\/${tag}>`;\r\n }).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.40);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.44);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 16px;\r\n --card-h: 186px;\r\n}\r\n\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n@keyframes glowOrb {\r\n 0%,100% { opacity:.4; transform:scale(1) }\r\n 50% { opacity:.75; transform:scale(1.18) }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.press-wrap {\r\n background: var(--navy-deep);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0 96px;\r\n}\r\n.press-wrap::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.025) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {\r\n position: absolute; border-radius: 50%; pointer-events: none;\r\n}\r\n.orb-1 {\r\n top: -140px; right: -80px; width: 520px; height: 520px;\r\n background: radial-gradient(circle, rgba(0,223,223,.07) 0%, transparent 65%);\r\n animation: glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom: -100px; left: -100px; width: 400px; height: 400px;\r\n background: radial-gradient(circle, rgba(0,223,223,.05) 0%, transparent 65%);\r\n animation: glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n\/* shimmer line \u2014 sits ABOVE the inner content with deliberate gap below *\/\r\n.shimmer-line {\r\n position: relative;\r\n z-index: 2;\r\n height: 1px;\r\n margin: 0 48px 56px; \/* \u2190 bottom margin creates gap to header *\/\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(0,223,223,.35) 30%,\r\n rgba(169,255,253,.55) 50%,\r\n rgba(0,223,223,.35) 70%,\r\n transparent\r\n );\r\n background-size: 200% auto;\r\n animation: shimmer 4s linear infinite;\r\n}\r\n\r\n\/* \u2550\u2550 INNER \u2550\u2550 *\/\r\n.inner {\r\n position: relative; z-index: 2;\r\n max-width: 1200px; margin: 0 auto; padding: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.press-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 44px;\r\n flex-wrap: wrap;\r\n}\r\n.eyebrow {\r\n font-size: 9.5px; font-weight: 600;\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: var(--cyan); margin-bottom: 12px;\r\n display: flex; align-items: center; gap: 8px;\r\n}\r\n.eyebrow::before {\r\n content: ''; width: 28px; height: 1.5px;\r\n background: var(--cyan); flex-shrink: 0;\r\n}\r\n.press-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(26px, 3.2vw, 40px);\r\n font-weight: 800; letter-spacing: -.025em;\r\n line-height: 1.15; color: var(--white);\r\n margin: 0 0 12px;\r\n}\r\n.press-title em { font-style: normal; color: var(--cyan); }\r\n.press-desc {\r\n font-size: 14px; font-weight: 300;\r\n line-height: 1.72; color: var(--t-body); max-width: 480px;\r\n}\r\n\r\n\/* \u2550\u2550 NAV \u2550\u2550 *\/\r\n.carousel-nav {\r\n display: flex; align-items: center; gap: 10px;\r\n flex-shrink: 0; align-self: flex-end;\r\n}\r\n.nav-btn {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: rgba(0,223,223,.05);\r\n color: var(--cyan); cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background .2s, border-color .2s, transform .18s;\r\n}\r\n.nav-btn:hover { background: rgba(0,223,223,.14); border-color: var(--border-h); transform: scale(1.08); }\r\n.nav-btn:active { transform: scale(.93); }\r\n.nav-btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.nav-dots { display: flex; gap: 6px; align-items: center; }\r\n.nav-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: rgba(0,223,223,.28);\r\n border: none; padding: 0; cursor: pointer;\r\n transition: background .25s, width .25s;\r\n}\r\n.nav-dot.active { background: var(--cyan); width: 22px; border-radius: 3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL TRACK \u2550\u2550 *\/\r\n.carousel-wrap {\r\n overflow: hidden;\r\n mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);\r\n}\r\n.carousel-track {\r\n display: flex;\r\n gap: 20px;\r\n padding: 8px 2px 24px;\r\n transition: transform .58s var(--ease);\r\n will-change: transform;\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.carousel-track.dragging { cursor: grabbing; transition: none; }\r\n\r\n\/* \u2550\u2550 CARD \u2550\u2550 *\/\r\n.press-card {\r\n flex: 0 0 calc(50% - 10px);\r\n height: var(--card-h);\r\n display: flex;\r\n align-items: stretch;\r\n background: rgba(0,223,223,.04);\r\n border: 1px solid rgba(0,223,223,.2);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n text-decoration: none;\r\n color: inherit;\r\n position: relative;\r\n transition: background .25s, border-color .25s, transform .3s var(--ease), box-shadow .3s;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.press-card:hover {\r\n background: rgba(0,223,223,.07);\r\n border-color: rgba(0,223,223,.48);\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\/* left cyan accent bar *\/\r\n.press-card::before {\r\n content: '';\r\n position: absolute; left: 0; top: 0; bottom: 0; width: 3px;\r\n background: linear-gradient(180deg, var(--cyan), var(--cyan-lt));\r\n border-radius: 3px 0 0 3px;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: IMAGE \u2500\u2500 *\/\r\n.card-img {\r\n width: 155px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid var(--border);\r\n}\r\n.card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.press-card:hover .card-img img { transform: scale(1.05); }\r\n.card-img-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(90deg, transparent 60%, rgba(1,36,58,.5) 100%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: BODY \u2500\u2500 *\/\r\n.card-body {\r\n padding: 20px 22px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.card-top {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n}\r\n\r\n.card-badge {\r\n display: inline-flex; align-items: center; gap: 5px;\r\n font-size: 8.5px; font-weight: 700;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n color: var(--cyan);\r\n background: rgba(0,223,223,.1);\r\n border: 1px solid rgba(0,223,223,.22);\r\n border-radius: 20px; padding: 3px 10px;\r\n width: fit-content;\r\n}\r\n.card-badge::before {\r\n content: ''; width: 5px; height: 5px;\r\n border-radius: 50%; background: var(--cyan); flex-shrink: 0;\r\n}\r\n\r\n\/* Publication name \u2014 sits between badge and headline *\/\r\n.card-pub-name {\r\n font-family: var(--ff-h);\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: -.01em;\r\n line-height: 1.1;\r\n color: var(--white);\r\n}\r\n\r\n.card-headline {\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--t-body);\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 12px;\r\n border-top: 1px solid rgba(0,223,223,.1);\r\n margin-top: 10px;\r\n}\r\n.card-date {\r\n font-size: 10.5px; font-weight: 400; color: var(--t-muted);\r\n}\r\n.card-cta {\r\n display: inline-flex; align-items: center; gap: 5px;\r\n font-size: 10.5px; font-weight: 600;\r\n letter-spacing: .09em; text-transform: uppercase;\r\n color: var(--cyan); opacity: .8;\r\n transition: opacity .2s, gap .2s;\r\n}\r\n.press-card:hover .card-cta { opacity: 1; gap: 9px; }\r\n.card-cta svg {\r\n width: 12px; height: 12px;\r\n stroke: currentColor; fill: none;\r\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.press-card:hover .card-cta svg { transform: translateX(3px); }\r\n\r\n\/* MSN \u2014 no outbound link *\/\r\n.press-card.no-link { cursor: default; }\r\n.press-card.no-link:hover {\r\n transform: none;\r\n box-shadow: none;\r\n border-color: rgba(0,223,223,.2);\r\n background: rgba(0,223,223,.04);\r\n}\r\n.press-card.no-link::before { opacity: .4; }\r\n.card-no-link {\r\n font-size: 10.5px; font-weight: 400;\r\n font-style: italic;\r\n color: var(--t-muted);\r\n letter-spacing: .02em;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(20px); transition:opacity .6s var(--ease),transform .6s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1 { transition-delay:.08s; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .press-card { flex: 0 0 72vw; }\r\n .inner { padding: 0 24px; }\r\n .shimmer-line { margin: 0 24px 48px; }\r\n}\r\n@media (max-width: 600px) {\r\n .press-wrap { padding: 56px 0 64px; }\r\n .inner { padding: 0 16px; }\r\n .shimmer-line { margin: 0 16px 40px; }\r\n .press-card { flex: 0 0 88vw; height: auto; min-height: 160px; }\r\n .card-img { width: 120px; }\r\n .card-body { padding: 16px 16px; }\r\n .press-title { font-size: 24px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }\r\n .rv { opacity:1 !important; transform:none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"press-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n \r\n <div class=\"shimmer-line\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n <div class=\"press-header rv\">\r\n <div>\r\n <p class=\"eyebrow\">Press & Media<\/p>\r\n <h2 class=\"press-title\">Medico <em>In Press<\/em><\/h2>\r\n <p class=\"press-desc\">Recognised by international health and business publications across the US, UK, and Europe.<\/p>\r\n <\/div>\r\n <div class=\"carousel-nav\">\r\n <button class=\"nav-btn\" id=\"pressPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"pressDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"pressNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap rv d1\">\r\n <div class=\"carousel-track\" id=\"pressTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => rvIO.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#pressTrack');\r\n const prevBtn = shadow.querySelector('#pressPrev');\r\n const nextBtn = shadow.querySelector('#pressNext');\r\n const dotsEl = shadow.querySelector('#pressDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.press-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .58s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n track.querySelectorAll('.press-card').forEach(card => {\r\n card.addEventListener('click', e => { if (dragMoved) { e.preventDefault(); dragMoved = false; } });\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt); rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ce9d51 e-con-full e-flex e-con e-parent\" data-id=\"2ce9d51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aba91be elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aba91be\" 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\r\n\r\n<div id=\"medico-tx-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n \/* \u2500\u2500 1. Mount Shadow Root \u2500\u2500 *\/\r\n const host = document.getElementById('medico-tx-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 2. Inject everything into shadow \u2500\u2500 *\/\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HARD RESET \u2014 nothing from Elementor leaks in\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TOKENS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.74);\r\n --t-muted: rgba(255,255,255,.44);\r\n --border: rgba(0,223,223,.16);\r\n --border-h: rgba(0,223,223,.38);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes tickerX {\r\n 0% { transform: translateX(0) }\r\n 100% { transform: translateX(-50%) }\r\n}\r\n@keyframes glowOrb {\r\n 0%,100% { opacity:.5; transform:scale(1) }\r\n 50% { opacity:.9; transform:scale(1.2) }\r\n}\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WRAPPER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mc-wrap {\r\n font-family: var(--ff-b);\r\n background: var(--navy-deep);\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n font-size: 14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mc-section {\r\n position: relative;\r\n padding: 80px 0;\r\n overflow: hidden;\r\n background: var(--navy-deep);\r\n}\r\n.mc-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.025) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n\r\n.orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n}\r\n.orb-1 {\r\n top: -120px; right: -100px;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(0,223,223,.09) 0%, transparent 65%);\r\n animation: glowOrb 10s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom: -80px; left: -120px;\r\n width: 400px; height: 400px;\r\n background: radial-gradient(circle, rgba(0,223,223,.06) 0%, transparent 65%);\r\n animation: glowOrb 14s ease-in-out 4s infinite;\r\n}\r\n\r\n.sec-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sec-head {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 48px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.sec-label {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .26em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n margin: 0 0 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.sec-label::before {\r\n content: '';\r\n display: block;\r\n width: 28px;\r\n height: 1.5px;\r\n background: var(--cyan);\r\n flex-shrink: 0;\r\n}\r\n\r\n.sec-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(26px, 3.2vw, 38px);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n color: var(--white);\r\n margin: 0;\r\n}\r\n.sec-title em {\r\n font-style: normal;\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTROLS ROW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.controls-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.btn-all {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 11px 22px;\r\n background: rgba(0,223,223,.08);\r\n border: 1px solid var(--border);\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background .2s, border-color .2s, transform .2s;\r\n white-space: nowrap;\r\n}\r\n.btn-all:hover {\r\n background: rgba(0,223,223,.15);\r\n border-color: var(--border-h);\r\n transform: translateY(-2px);\r\n}\r\n.btn-all svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n.carousel-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.cc-btn {\r\n width: 42px; height: 42px;\r\n border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: rgba(0,223,223,.05);\r\n color: var(--cyan);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background .2s, border-color .2s, transform .18s;\r\n}\r\n.cc-btn:hover {\r\n background: rgba(0,223,223,.14);\r\n border-color: var(--border-h);\r\n transform: scale(1.08);\r\n}\r\n.cc-btn:active { transform: scale(.94) }\r\n.cc-btn svg {\r\n width: 17px; height: 17px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.cc-dots {\r\n display: flex;\r\n gap: 5px;\r\n align-items: center;\r\n}\r\n.cc-dot {\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: rgba(0,223,223,.28);\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n transition: background .25s, width .25s;\r\n}\r\n.cc-dot.active {\r\n background: var(--cyan);\r\n width: 20px;\r\n border-radius: 3px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CAROUSEL TRACK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tx-track-wrap {\r\n overflow: hidden;\r\n border-radius: 4px;\r\n}\r\n\r\n.tx-track {\r\n display: flex;\r\n gap: 20px;\r\n padding: 6px 2px 18px;\r\n transition: transform .55s var(--ease);\r\n will-change: transform;\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.tx-track.dragging {\r\n cursor: grabbing;\r\n transition: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TREATMENT CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tx-card {\r\n flex: 0 0 calc(33.333% - 14px);\r\n background: rgba(255,255,255,.035);\r\n border: 1px solid var(--border);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n transition: border-color .25s, box-shadow .25s, transform .3s var(--ease);\r\n position: relative;\r\n}\r\n.tx-card:hover {\r\n border-color: var(--border-h);\r\n box-shadow: 0 16px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(0,223,223,.08);\r\n transform: translateY(-5px);\r\n}\r\n\r\n.tx-img {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.tx-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.tx-card:hover .tx-img img {\r\n transform: scale(1.06);\r\n}\r\n.tx-img-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(1,36,58,.88) 100%);\r\n}\r\n\r\n.tx-badge {\r\n position: absolute;\r\n top: 12px; left: 12px;\r\n background: var(--navy-deep);\r\n border: 1px solid var(--cyan);\r\n border-radius: 20px;\r\n padding: 4px 11px;\r\n font-family: var(--ff-b);\r\n font-size: 9px;\r\n font-weight: 600;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n}\r\n\r\n.tx-body {\r\n padding: 20px 22px 24px;\r\n}\r\n\r\n.tx-name {\r\n font-family: var(--ff-h);\r\n font-size: 17px;\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n line-height: 1.2;\r\n margin: 0 0 9px;\r\n color: var(--white);\r\n}\r\n\r\n.tx-desc {\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.65;\r\n color: var(--t-body);\r\n margin: 0 0 18px;\r\n min-height: 44px;\r\n}\r\n\r\n.tx-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: var(--ff-b);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n letter-spacing: .09em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n text-decoration: none;\r\n transition: gap .2s;\r\n}\r\n.tx-link:hover { gap: 10px }\r\n.tx-link svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.tx-link:hover svg { transform: translateX(3px) }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SHIMMER DIVIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sec-divider {\r\n height: 1px;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(0,223,223,.32) 30%,\r\n rgba(169,255,253,.55) 50%,\r\n rgba(0,223,223,.32) 70%,\r\n transparent\r\n );\r\n background-size: 200% auto;\r\n animation: shimmer 4s linear infinite;\r\n margin: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BRANDS SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.brands-section {\r\n padding: 56px 0 64px;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.brands-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.02) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n\r\n.brands-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n.brands-label {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .26em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n margin: 0 0 9px;\r\n display: block;\r\n}\r\n.brands-heading {\r\n font-family: var(--ff-h);\r\n font-size: clamp(20px, 2.4vw, 28px);\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n line-height: 1.18;\r\n color: var(--white);\r\n margin: 0;\r\n}\r\n.brands-heading em {\r\n font-style: normal;\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2500\u2500 Infinite ticker \u2500\u2500 *\/\r\n.brands-track-wrap {\r\n position: relative;\r\n z-index: 2;\r\n overflow: hidden;\r\n mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\r\n}\r\n\r\n.brands-track {\r\n display: flex;\r\n width: max-content;\r\n animation: tickerX 28s linear infinite;\r\n}\r\n.brands-track:hover { animation-play-state: paused }\r\n\r\n.brand-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 52px;\r\n height: 84px;\r\n flex-shrink: 0;\r\n position: relative;\r\n}\r\n.brand-item::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 22%; bottom: 22%;\r\n width: 1px;\r\n background: var(--border);\r\n}\r\n\r\n.brand-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n opacity: .55;\r\n filter: brightness(1.5) grayscale(.2);\r\n transition: opacity .3s, filter .3s, transform .3s;\r\n white-space: nowrap;\r\n}\r\n.brand-logo:hover {\r\n opacity: 1;\r\n filter: brightness(1) grayscale(0);\r\n transform: scale(1.06);\r\n}\r\n\r\n.brand-logo img {\r\n height: 30px;\r\n width: auto;\r\n object-fit: contain;\r\n max-width: 130px;\r\n display: block;\r\n}\r\n\r\n.brand-name {\r\n font-family: var(--ff-h);\r\n font-size: 20px;\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n color: var(--white);\r\n line-height: 1.1;\r\n}\r\n.brand-sub {\r\n font-family: var(--ff-b);\r\n font-size: 8.5px;\r\n font-weight: 500;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: var(--t-muted);\r\n margin-top: 3px;\r\n display: block;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.rv {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n transition: opacity .6s var(--ease), transform .6s var(--ease);\r\n}\r\n.rv.in { opacity: 1; transform: none }\r\n.d1 { transition-delay: .07s }\r\n.d2 { transition-delay: .14s }\r\n.d3 { transition-delay: .21s }\r\n.d4 { transition-delay: .28s }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1100px) {\r\n .tx-card { flex: 0 0 calc(50% - 10px) }\r\n}\r\n@media (max-width: 680px) {\r\n .mc-section { padding: 56px 0 }\r\n .sec-inner { padding: 0 20px }\r\n .sec-head { margin-bottom: 28px }\r\n .sec-title { font-size: 24px }\r\n .tx-card { flex: 0 0 80vw }\r\n .sec-divider { margin: 0 20px }\r\n .brands-section{ padding: 40px 0 }\r\n .brand-item { padding: 0 36px }\r\n .controls-row { gap: 10px }\r\n .btn-all { display: none }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: .01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: .01ms !important;\r\n }\r\n .rv { opacity: 1 !important; transform: none !important }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mc-wrap\">\r\n<section class=\"mc-section\" id=\"mc-treatments\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"sec-inner\">\r\n\r\n <div class=\"sec-head rv\">\r\n <div>\r\n <p class=\"sec-label\">Our Treatments<\/p>\r\n <h2 class=\"sec-title\">Comprehensive care <em>tailored<\/em><br>for every smile<\/h2>\r\n <\/div>\r\n <div class=\"controls-row\">\r\n <a href=\"https:\/\/medicoclinic.net\/treatments\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n All Treatments\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"carousel-controls\">\r\n <button class=\"cc-btn\" id=\"txPrev\" aria-label=\"Previous treatment\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"cc-dots\" id=\"txDots\"><\/div>\r\n <button class=\"cc-btn\" id=\"txNext\" aria-label=\"Next treatment\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tx-track-wrap rv d2\">\r\n <div class=\"tx-track\" id=\"txTrack\">\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/dental-implants-dentist-discussing-a-treatment-pl-2023-11-27-05-35-23-utc-scaled.jpg\" alt=\"Dental Implants\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Most Popular<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Implants<\/div>\r\n <div class=\"tx-desc\">Permanent teeth replacement using Straumann, Bego & Hiossen brands. Looks and feels completely natural.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-implants\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/a-closeup-shot-of-a-smiling-woman-showing-her-clea-2026-03-26-05-33-05-utc-scaled.jpg\" alt=\"Smile Makeover\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Top Choice<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Smile Makeover<\/div>\r\n <div class=\"tx-desc\">A comprehensive cosmetic transformation combining veneers, whitening, and gum contouring for a flawless result.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/smile-makeover\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/top-view-of-dentist-with-veneers-palette-stock-pho-2026-03-19-10-37-11-utc-scaled.jpg\" alt=\"Dental Veneers\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Veneers<\/div>\r\n <div class=\"tx-desc\">Ultra-thin Emax porcelain or zirconia shells bonded to your teeth. Correct colour, shape and alignment in one visit.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-veneers\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/5135236b-0712-4ad8-95ec-be581db63381-2026-04-10-scaled.jpeg\" alt=\"All-on-4\/6 Implants\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Full Arch<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">All-on-4 \/ All-on-6<\/div>\r\n <div class=\"tx-desc\">Full arch restoration on just 4 or 6 implants. Fixed, permanent teeth in a single trip. Ideal for multiple missing teeth.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/all-on-4-implants\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/dental-implant-model-in-modern-clinic-showing-tee-2023-11-27-04-55-39-utc-scaled.jpg\" alt=\"Dental Crowns\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Crowns<\/div>\r\n <div class=\"tx-desc\">CAD\/CAM milled monolithic zirconia crowns. Restore damaged or weakened teeth with strength and precision.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-crowns\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/surgeon-with-special-forceps-and-extracted-tooth-i-2026-01-08-06-34-27-utc-scaled.jpg\" alt=\"Surgical Dentistry\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Surgical Dentistry<\/div>\r\n <div class=\"tx-desc\">Sinus lifts, bone grafting, complex extractions and gum surgery \u2014 handled by specialist surgeons on-site.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/surgical-dentistry\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"sec-divider\"><\/div>\r\n\r\n\r\n<section class=\"brands-section\" id=\"mc-brands\">\r\n <div class=\"brands-header rv\">\r\n <span class=\"brands-label\">Trusted Brands<\/span>\r\n <h2 class=\"brands-heading\">Premium implant brands \u2014 <em>exceptional savings<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"brands-track-wrap\">\r\n <div class=\"brands-track\">\r\n\r\n \r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">BEGO<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde9\ud83c\uddea Germany<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Straumann<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde8\ud83c\udded Switzerland \u00b7 #1 Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Hiossen<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:17px\">Anthogyr<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddeb\ud83c\uddf7 Straumann Group \u00b7 France<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:16px\">BioHorizons<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:15px\">Straumann n!ce<\/span>\r\n <span class=\"brand-sub\">Zirconia \u00b7 \ud83c\udde8\ud83c\udded Switzerland<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">BEGO<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde9\ud83c\uddea Germany<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Straumann<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde8\ud83c\udded Switzerland \u00b7 #1 Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Hiossen<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:17px\">Anthogyr<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddeb\ud83c\uddf7 Straumann Group \u00b7 France<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:16px\">BioHorizons<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:15px\">Straumann n!ce<\/span>\r\n <span class=\"brand-sub\">Zirconia \u00b7 \ud83c\udde8\ud83c\udded Switzerland<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 3. JavaScript \u2014 all queries scoped to shadow \u2500\u2500 *\/\r\n\r\n \/\/ Scroll reveal\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); }\r\n });\r\n }, { threshold: .1 });\r\n shadow.querySelectorAll('.rv').forEach(el => rvIO.observe(el));\r\n\r\n \/\/ Carousel\r\n (function () {\r\n const track = shadow.querySelector('#txTrack');\r\n const prevBtn = shadow.querySelector('#txPrev');\r\n const nextBtn = shadow.querySelector('#txNext');\r\n const dotsEl = shadow.querySelector('#txDots');\r\n if (!track || !prevBtn || !nextBtn || !dotsEl) return;\r\n\r\n const cards = track.querySelectorAll('.tx-card');\r\n const total = cards.length;\r\n let current = 0, isDragging = false, startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount() {\r\n const w = track.parentElement.offsetWidth;\r\n const gap = 20;\r\n const cardW = cards[0].offsetWidth + gap;\r\n return Math.max(1, Math.round(w \/ cardW));\r\n }\r\n\r\n function maxIndex() { return Math.max(0, total - visibleCount()); }\r\n\r\n function buildDots() {\r\n dotsEl.innerHTML = '';\r\n const pages = maxIndex() + 1;\r\n for (let i = 0; i < pages; i++) {\r\n const d = document.createElement('button');\r\n d.className = 'cc-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n\r\n function updateDots() {\r\n dotsEl.querySelectorAll('.cc-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n\r\n function getOffset(i) {\r\n const gap = 20;\r\n const cardW = cards[0].offsetWidth + gap;\r\n return -i * cardW;\r\n }\r\n\r\n function goTo(i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .55s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n \/\/ Drag\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging');\r\n track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/\/ Touch\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/\/ Resize\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots();\r\n goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a45e503 e-con-full e-flex e-con e-parent\" data-id=\"a45e503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54709ea elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"54709ea\" 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\r\n\r\n<div id=\"medico-why-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-why-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const CARDS = [\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n title: '10 Board-Certified Specialists',\r\n desc: 'Implantologists, prosthodontists, cosmetic dentists and surgeons \u2014 all under one roof in Istanbul.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>`,\r\n title: 'Globally Trusted Implant Brands',\r\n desc: 'Straumann, Bego & Hiossen \u2014 the same brands your local dentist quotes at 2\u20133\u00d7 the price.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M7 8h10M7 12h6\"\/><\/svg>`,\r\n title: 'In-House CAD\/CAM Lab',\r\n desc: 'Same-day zirconia crowns and precision-milled restorations. No third-party delays, no extra markup.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20\"\/><\/svg>`,\r\n title: 'Aftercare on 4 Continents',\r\n desc: 'Partner clinics in London, Pennsylvania & Bangkok. Your file follows you home. You\\'re never on your own.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>`,\r\n title: '96% Patient Satisfaction',\r\n desc: 'Verified by independent surveys across 40+ patient nationalities. Real results, not marketing claims.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>`,\r\n title: 'Full VIP Concierge Experience',\r\n desc: 'Airport pickup, luxury hotel, dedicated coordinator. Every detail handled from landing to departure.'\r\n }\r\n ];\r\n\r\n const cardsHTML = CARDS.map((c, i) => `\r\n <div class=\"feat-card rv-up\" style=\"transition-delay:${i * 0.07}s\">\r\n <div class=\"feat-icon-wrap\">\r\n <div class=\"feat-icon\">${c.icon}<\/div>\r\n <div class=\"feat-icon-glow\"><\/div>\r\n <\/div>\r\n <div class=\"feat-title\">${c.title}<\/div>\r\n <div class=\"feat-desc\">${c.desc}<\/div>\r\n <div class=\"feat-line\"><\/div>\r\n <\/div>\r\n `).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.8;transform:scale(1.16)}\r\n}\r\n@keyframes glowPulse {\r\n 0%,100%{opacity:.5;transform:scale(1)} 50%{opacity:1;transform:scale(1.3)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.why-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 92px 0 100px;\r\n}\r\n.why-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {position:absolute;border-radius:50%;pointer-events:none;}\r\n.orb-1{top:-160px;right:-80px;width:560px;height:560px;\r\n background:radial-gradient(circle,rgba(0,223,223,.08) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;}\r\n.orb-2{bottom:-120px;left:-100px;width:460px;height:460px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.sec-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:52px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width: 560px; }\r\n.eyebrow {\r\n font-size:9.5px;font-weight:600;\r\n letter-spacing:.28em;text-transform:uppercase;\r\n color:var(--cyan);margin-bottom:12px;\r\n display:flex;align-items:center;gap:8px;\r\n}\r\n.eyebrow::before{content:'';width:28px;height:1.5px;background:var(--cyan);flex-shrink:0;}\r\n.sec-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(28px,3.2vw,42px);\r\n font-weight:800;letter-spacing:-.025em;\r\n line-height:1.13;color:var(--white);\r\n margin:0 0 12px;\r\n}\r\n.sec-title em{font-style:normal;color:var(--cyan);}\r\n.sec-desc {\r\n font-size:14.5px;font-weight:300;\r\n line-height:1.72;color:var(--t-body);\r\n}\r\n\r\n\/* carousel nav \u2014 standalone row above cards *\/\r\n.carousel-nav-row {\r\n display:flex;align-items:center;justify-content:flex-start;\r\n gap:10px;margin-bottom:20px;\r\n}\r\n\r\n\/* carousel nav *\/\r\n.carousel-nav {\r\n display:flex;align-items:center;\r\n gap:10px;flex-shrink:0;align-self:flex-end;\r\n}\r\n.nav-btn {\r\n width:44px;height:44px;border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan);cursor:pointer;\r\n display:flex;align-items:center;justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover{background:rgba(0,223,223,.14);border-color:var(--border-h);transform:scale(1.08);}\r\n.nav-btn:active{transform:scale(.93);}\r\n.nav-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\r\n.nav-dots{display:flex;gap:6px;align-items:center;}\r\n.nav-dot{\r\n width:6px;height:6px;border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none;padding:0;cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active{background:var(--cyan);width:22px;border-radius:3px;}\r\n\r\n\/* \u2550\u2550 TEAM PHOTO \u2550\u2550 *\/\r\n.team-photo-wrap {\r\n position:relative;\r\n margin-bottom:56px;\r\n border-radius:20px;\r\n overflow:hidden;\r\n height:380px;\r\n background: linear-gradient(135deg, var(--navy-mid) 0%, var(--navy-dp) 100%);\r\n}\r\n.team-photo-wrap img {\r\n width:100%;height:100%;\r\n object-fit:cover;\r\n object-position:center 30%;\r\n display:block;\r\n transition:transform .8s var(--ease);\r\n}\r\n.team-photo-wrap:hover img{transform:scale(1.03);}\r\n\r\n\/* gradient overlay \u2014 bottom fade *\/\r\n.team-photo-wrap::after {\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(\r\n 180deg,\r\n rgba(1,36,58,.05) 0%,\r\n transparent 30%,\r\n transparent 60%,\r\n rgba(1,36,58,.65) 100%\r\n );\r\n pointer-events:none;\r\n}\r\n\/* cyan border glow *\/\r\n.team-photo-wrap::before {\r\n content:'';position:absolute;inset:-1px;\r\n border-radius:21px;\r\n background:linear-gradient(160deg,rgba(0,223,223,.25) 0%,transparent 45%,rgba(0,223,223,.1) 100%);\r\n z-index:-1;\r\n}\r\n\r\n\/* floating label inside photo *\/\r\n.team-label {\r\n position:absolute;bottom:24px;left:32px;\r\n z-index:2;\r\n display:flex;align-items:center;gap:14px;\r\n}\r\n.team-label-dot{\r\n width:9px;height:9px;border-radius:50%;\r\n background:var(--cyan);flex-shrink:0;\r\n box-shadow:0 0 0 3px rgba(0,223,223,.25);\r\n}\r\n.team-label-text{\r\n font-family:var(--ff-h);\r\n font-size:15px;font-weight:800;\r\n letter-spacing:-.01em;color:var(--white);\r\n text-shadow:0 2px 12px rgba(0,0,0,.4);\r\n}\r\n.team-label-text span{color:var(--cyan);}\r\n\r\n.team-stat-pills {\r\n position:absolute;bottom:24px;right:32px;\r\n z-index:2;display:flex;gap:10px;\r\n}\r\n.team-stat-pill {\r\n background:rgba(1,36,58,.8);\r\n backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n border:1px solid rgba(0,223,223,.22);\r\n border-radius:40px;padding:8px 18px;\r\n display:flex;flex-direction:column;align-items:center;\r\n gap:1px;\r\n}\r\n.pill-num{\r\n font-family:var(--ff-h);\r\n font-size:18px;font-weight:800;\r\n letter-spacing:-.02em;line-height:1;\r\n color:var(--white);\r\n}\r\n.pill-num span{color:var(--cyan);}\r\n.pill-lbl{\r\n font-size:9px;font-weight:500;\r\n letter-spacing:.1em;text-transform:uppercase;\r\n color:var(--t-muted);white-space:nowrap;\r\n}\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-wrap {\r\n overflow:hidden;\r\n mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%);\r\n -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%);\r\n margin-bottom:52px;\r\n}\r\n.carousel-track {\r\n display:flex;\r\n gap:20px;\r\n padding:8px 2px 20px;\r\n transition:transform .58s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none;\r\n -webkit-user-select:none;\r\n}\r\n.carousel-track.dragging{cursor:grabbing;transition:none;}\r\n\r\n\/* \u2550\u2550 FEATURE CARD \u2550\u2550 *\/\r\n.feat-card {\r\n flex:0 0 calc(33.333% - 14px);\r\n padding:36px 28px 32px;\r\n background:rgba(255,255,255,.025);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:background .28s,border-color .28s,transform .32s var(--ease),box-shadow .32s;\r\n display:flex;flex-direction:column;gap:16px;\r\n}\r\n.feat-card:hover {\r\n background:rgba(0,223,223,.06);\r\n border-color:var(--border-h);\r\n transform:translateY(-6px);\r\n box-shadow:0 20px 56px rgba(0,0,0,.35),0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\/* top cyan accent *\/\r\n.feat-card::before {\r\n content:'';\r\n position:absolute;top:0;left:0;right:0;height:2px;\r\n background:linear-gradient(90deg,transparent,var(--cyan),transparent);\r\n opacity:0;transition:opacity .28s;\r\n}\r\n.feat-card:hover::before{opacity:1;}\r\n\r\n\/* icon *\/\r\n.feat-icon-wrap {\r\n position:relative;width:fit-content;\r\n}\r\n.feat-icon {\r\n width:64px;height:64px;\r\n border-radius:16px;\r\n background:rgba(0,223,223,.08);\r\n border:1.5px solid rgba(0,223,223,.22);\r\n display:flex;align-items:center;justify-content:center;\r\n position:relative;z-index:1;\r\n transition:background .28s,border-color .28s;\r\n}\r\n.feat-card:hover .feat-icon{\r\n background:rgba(0,223,223,.16);\r\n border-color:rgba(0,223,223,.45);\r\n}\r\n.feat-icon svg {\r\n width:30px;height:30px;\r\n stroke:var(--cyan);fill:none;\r\n stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n.feat-icon-glow {\r\n position:absolute;top:50%;left:50%;\r\n transform:translate(-50%,-50%);\r\n width:64px;height:64px;\r\n border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,223,223,.18) 0%,transparent 70%);\r\n opacity:0;\r\n animation:glowPulse 3s ease-in-out infinite;\r\n transition:opacity .28s;\r\n}\r\n.feat-card:hover .feat-icon-glow{opacity:1;}\r\n\r\n.feat-title {\r\n font-family:var(--ff-h);\r\n font-size:16px;font-weight:800;\r\n letter-spacing:-.018em;line-height:1.22;\r\n color:var(--white);\r\n}\r\n.feat-desc {\r\n font-size:13.5px;font-weight:300;\r\n line-height:1.65;color:var(--t-body);\r\n flex:1;\r\n}\r\n.feat-line {\r\n width:32px;height:2px;border-radius:2px;\r\n background:linear-gradient(90deg,var(--cyan),var(--cyan-lt));\r\n opacity:.5;\r\n transition:width .3s var(--ease),opacity .3s;\r\n}\r\n.feat-card:hover .feat-line{width:56px;opacity:1;}\r\n\r\n\/* \u2550\u2550 CTA ROW \u2550\u2550 *\/\r\n.cta-row {\r\n display:flex;align-items:center;justify-content:center;\r\n flex-direction:column;gap:14px;\r\n text-align:center;\r\n}\r\n.cta-hint {\r\n font-size:12.5px;font-weight:300;\r\n color:var(--t-muted);letter-spacing:.02em;\r\n}\r\n.btn-primary {\r\n display:inline-flex;align-items:center;gap:9px;\r\n padding:16px 36px;\r\n background:var(--cyan);\r\n border:none;border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:14px;font-weight:600;letter-spacing:.05em;\r\n color:var(--navy-dp);\r\n text-decoration:none;cursor:pointer;\r\n transition:background .2s,transform .22s,box-shadow .22s;\r\n box-shadow:0 6px 28px rgba(0,223,223,.32);\r\n}\r\n.btn-primary:hover{\r\n background:var(--cyan-lt);\r\n transform:translateY(-2px);\r\n box-shadow:0 12px 36px rgba(0,223,223,.42);\r\n}\r\n.btn-primary svg{\r\n width:16px;height:16px;\r\n stroke:currentColor;fill:none;\r\n stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\r\n transition:transform .2s;\r\n}\r\n.btn-primary:hover svg{transform:translateX(4px);}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv-up {\r\n opacity:0;transform:translateY(22px);\r\n transition:opacity .65s var(--ease),transform .65s var(--ease);\r\n}\r\n.rv-up.in{opacity:1;transform:none;}\r\n.rv-fade{opacity:0;transition:opacity .7s var(--ease);}\r\n.rv-fade.in{opacity:1;}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n .feat-card{flex:0 0 calc(50% - 10px);}\r\n .inner{padding:0 32px;}\r\n .team-photo-wrap{height:300px;}\r\n}\r\n@media(max-width:640px){\r\n .why-wrap{padding:60px 0 72px;}\r\n .inner{padding:0 20px;}\r\n .feat-card{flex:0 0 80vw;padding:28px 22px 26px;}\r\n .feat-icon{width:56px;height:56px;}\r\n .feat-icon svg{width:26px;height:26px;}\r\n .team-photo-wrap{height:240px;}\r\n .team-stat-pills{display:none;}\r\n .sec-title{font-size:26px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv-up,.rv-fade{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"why-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"sec-header rv-fade\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Why Choose Us<\/p>\r\n <h2 class=\"sec-title\">Exceptional Quality<br>and <em>Affordability<\/em><\/h2>\r\n <p class=\"sec-desc\">28,000+ patients. 10 specialists. Aftercare in London, Pennsylvania & Bangkok.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"team-photo-wrap rv-fade\">\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/DSC04821-2-scaled.jpg\"\r\n alt=\"Medico Clinic medical team \u2014 10 specialist doctors in Istanbul\"\r\n loading=\"lazy\"\r\n onerror=\"this.style.opacity='0'\"\r\n >\r\n <div class=\"team-label\">\r\n <\/div>\r\n <div class=\"team-stat-pills\">\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">28<span>K+<\/span><\/div>\r\n <div class=\"pill-lbl\">Patients Treated<\/div>\r\n <\/div>\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">96<span>%<\/span><\/div>\r\n <div class=\"pill-lbl\">Satisfaction Rate<\/div>\r\n <\/div>\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">70<span>%<\/span><\/div>\r\n <div class=\"pill-lbl\">More Affordable<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-nav-row rv-fade\">\r\n <button class=\"nav-btn\" id=\"whyPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"whyDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"whyNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track\" id=\"whyTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row rv-fade\">\r\n <p class=\"cta-hint\">No commitment. Free treatment plan and cost estimate.<\/p>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"btn-primary\">\r\n Get a FREE Consultation\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv-up, .rv-fade').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#whyTrack');\r\n const prevBtn = shadow.querySelector('#whyPrev');\r\n const nextBtn = shadow.querySelector('#whyNext');\r\n const dotsEl = shadow.querySelector('#whyDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.feat-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .58s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n goTo(current + (Math.abs(e.clientX - startX) > 60 ? (e.clientX - startX < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51ebe0c e-flex e-con-boxed e-con e-child\" data-id=\"51ebe0c\" 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<div class=\"elementor-element elementor-element-1a7b17c e-con-full e-flex e-con e-child\" data-id=\"1a7b17c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03a7009 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"03a7009\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">PATIENT JOURNEY<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0da2802 elementor-widget elementor-widget-heading\" data-id=\"0da2802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Journey with Medico Clinic<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-123d303 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"123d303\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Embark on a carefully crafted journey where your comfort, safety, and satisfaction come first. From a detailed online consultation to personalized treatment and dedicated post-care, every step with Medico Clinic is designed to provide a world-class experience.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8052833 e-con-full e-flex e-con e-child\" data-id=\"8052833\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b47e51 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"1b47e51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"d464756"},{"slide_title":"Slide #2","_id":"b32dfb1"},{"slide_title":"Slide #3","_id":"1002d11"},{"slide_title":"Slide #4","_id":"a306be6"},{"slide_title":"Slide #5","_id":"2daead2"},{"slide_title":"Slide #6","_id":"db50d33"},{"slide_title":"Slide #7","_id":"fa5739a"}],"slides_to_show":"1","slides_to_show_tablet":"1","slides_to_show_mobile":"1","autoplay":"yes","autoplay_speed":5000,"pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"offset_sides":"none","arrows":"yes","pagination":"bullets","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d830dc8 e-con-full e-flex e-con e-child\" data-id=\"d830dc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2278edc e-con-full e-flex e-con e-child\" data-id=\"2278edc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71be091 elementor-widget elementor-widget-image\" data-id=\"71be091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1200x800.webp\" class=\"attachment-large size-large wp-image-8938\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ac9f61 e-con-full e-flex e-con e-child\" data-id=\"5ac9f61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b44000 elementor-widget elementor-widget-heading\" data-id=\"2b44000\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">#1 -Online Consultation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f4ea8d elementor-widget elementor-widget-text-editor\" data-id=\"1f4ea8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Begin your journey with a detailed online consultation from the comfort of your home. Our dedicated team of multilingual medical consultants is here to assist you to ensure that language is never a barrier to understanding your unique needs.<\/p>\t\t\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\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e911cb e-flex e-con-boxed e-con e-child\" data-id=\"6e911cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5a5cc05 e-con-full e-flex e-con e-child\" data-id=\"5a5cc05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ec18a elementor-widget elementor-widget-image\" data-id=\"60ec18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"801\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1200x801.webp\" class=\"attachment-large size-large wp-image-8939\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1200x801.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-500x334.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1536x1025.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4ccbb9 e-con-full e-flex e-con e-child\" data-id=\"f4ccbb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-927c580 elementor-widget elementor-widget-heading\" data-id=\"927c580\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#2- Arrival and Transfer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9daf2ff elementor-widget elementor-widget-text-editor\" data-id=\"9daf2ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Upon arrival in T\u00fcrkiye, experience a warm welcome from our professional team, who will assist you with a smooth, secure transfer to your accommodation. Choose from a selection of luxurious hotels carefully curated to provide you with the comfort and relaxation you deserve.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67d5d6d e-flex e-con-boxed e-con e-child\" data-id=\"67d5d6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-39e8e78 e-con-full e-flex e-con e-child\" data-id=\"39e8e78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ecf962 elementor-widget elementor-widget-image\" data-id=\"4ecf962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"917\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1200x917.webp\" class=\"attachment-large size-large wp-image-8943\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1200x917.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-500x382.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-300x229.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-768x587.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1536x1174.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d7adab e-con-full e-flex e-con e-child\" data-id=\"2d7adab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-874fafc elementor-widget elementor-widget-heading\" data-id=\"874fafc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#3- Accommodation <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb96862 elementor-widget elementor-widget-text-editor\" data-id=\"bb96862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your accommodation has been selected with your comfort in mind, providing a serene and sophisticated environment for your stay. Each hotel is equipped with amenities designed to make you feel at ease, allowing you to relax and rejuvenate.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e71879b e-flex e-con-boxed e-con e-child\" data-id=\"e71879b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-42a60c3 e-con-full e-flex e-con e-child\" data-id=\"42a60c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-add5241 elementor-widget elementor-widget-image\" data-id=\"add5241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1200x800.webp\" class=\"attachment-large size-large wp-image-8944\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbb70a2 e-con-full e-flex e-con e-child\" data-id=\"fbb70a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d829bf1 elementor-widget elementor-widget-heading\" data-id=\"d829bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">#4 - Clinical Consultation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2774f8 elementor-widget elementor-widget-text-editor\" data-id=\"e2774f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our dentists take the time to understand your specific goals, reviewing every detail of your customized treatment plan. With a deep commitment to precision and care, they are here to answer any remaining questions and ensure you are fully prepared and comfortable with the next steps.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"5\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a11bf73 e-flex e-con-boxed e-con e-child\" data-id=\"a11bf73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37045ce e-con-full e-flex e-con e-child\" data-id=\"37045ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052c832 elementor-widget elementor-widget-image\" data-id=\"052c832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1200x800.webp\" class=\"attachment-large size-large wp-image-8942\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02a6066 e-con-full e-flex e-con e-child\" data-id=\"02a6066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a405a elementor-widget elementor-widget-heading\" data-id=\"d2a405a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#5 - The Procedure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6761976 elementor-widget elementor-widget-text-editor\" data-id=\"6761976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your treatment is conducted by highly skilled surgeons and medical professionals who use the latest technology and advanced surgical techniques to ensure optimal results.\u00a0<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"6\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f441ca8 e-flex e-con-boxed e-con e-child\" data-id=\"f441ca8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1795030 e-con-full e-flex e-con e-child\" data-id=\"1795030\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04c148 elementor-widget elementor-widget-image\" data-id=\"a04c148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1200x800.webp\" class=\"attachment-large size-large wp-image-8941\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52bd67c e-con-full e-flex e-con e-child\" data-id=\"52bd67c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15bae9c elementor-widget elementor-widget-heading\" data-id=\"15bae9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#6 - Check-Up<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71d1186 elementor-widget elementor-widget-text-editor\" data-id=\"71d1186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Following your treatment, our team performs a thorough post-procedure check-up to ensure your comfort and satisfaction. Our experienced doctors carefully monitor your progress and address any questions or concerns.\u00a0<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"7\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2390229 e-flex e-con-boxed e-con e-child\" data-id=\"2390229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f06c9c8 e-con-full e-flex e-con e-child\" data-id=\"f06c9c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b8b82 elementor-widget elementor-widget-image\" data-id=\"c3b8b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1200x800.webp\" class=\"attachment-large size-large wp-image-8940\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af7d773 e-con-full e-flex e-con e-child\" data-id=\"af7d773\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1288b7e elementor-widget elementor-widget-heading\" data-id=\"1288b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#7- Departure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d00b7a elementor-widget elementor-widget-text-editor\" data-id=\"1d00b7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As your journey concludes, depart with a renewed sense of confidence, knowing your experience was led by professionals who prioritize your care and comfort at every step. From your initial consultation to your final check-up, Medico Clinic is committed to delivering a seamless, exceptional experience.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ab680a e-con-full e-flex e-con e-parent\" data-id=\"3ab680a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79ccb21 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"79ccb21\" 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\r\n\r\n<div id=\"medico-testi-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-testi-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 ADD \/ EDIT VIDEOS HERE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n id : VideoPress video ID (the part after \/v\/ in the share URL)\r\n name : Patient first name + last initial\r\n country : Patient's country (shown as flag text)\r\n treatment : Treatment they received\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const VIDEOS = [\r\n {\r\n id: '0TTfTQo6',\r\n name: 'Leo. F',\r\n country: 'United Kingdom',\r\n flag: '\ud83c\uddec\ud83c\udde7',\r\n treatment: 'Full mouth implants'\r\n },\r\n \/* \u2500\u2500 SLOT 2 \u2014 replace VIDEOPRESS_ID_2 \u2500\u2500 *\/\r\n {\r\n id: '505KqnB9',\r\n name: 'Stanley. S',\r\n country: 'United States',\r\n flag: '\ud83c\uddfa\ud83c\uddf8',\r\n treatment: 'Hollywood Smile'\r\n },\r\n \/* \u2500\u2500 SLOT 3 \u2014 replace VIDEOPRESS_ID_3 \u2500\u2500 *\/\r\n {\r\n id: 'qco41exi',\r\n name: 'Wolfe. M',\r\n country: 'Australia',\r\n flag: '\ud83c\udde6\ud83c\uddfa',\r\n treatment: 'Full Mouth Crown'\r\n },\r\n \/* \u2500\u2500 SLOT 4 \u2014 replace VIDEOPRESS_ID_4 \u2500\u2500 *\/\r\n {\r\n id: 'UMHQcN8E',\r\n name: 'Anna',\r\n country: 'Sweden',\r\n flag: '\ud83c\uddf8\ud83c\uddea',\r\n treatment: 'Smile Makeover'\r\n },\r\n \/* \u2500\u2500 SLOT 5 \u2014 replace VIDEOPRESS_ID_5 \u2500\u2500 *\/\r\n {\r\n id: 'fLgKcNvX',\r\n name: 'Islam. S & Ehab. S',\r\n country: 'Canada',\r\n flag: '\ud83c\udde8\ud83c\udde6',\r\n treatment: 'Hollywood Smile'\r\n }\r\n ];\r\n\r\n const cardsHTML = VIDEOS.map((v, i) => {\r\n const isPlaceholder = v.id.startsWith('VIDEOPRESS_ID_');\r\n return `\r\n <div class=\"reel-card${isPlaceholder ? ' placeholder' : ''}\" data-index=\"${i}\">\r\n <div class=\"reel-frame\">\r\n ${isPlaceholder\r\n ? `<div class=\"reel-placeholder\">\r\n <div class=\"placeholder-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10,8 16,12 10,16\"\/><\/svg>\r\n <\/div>\r\n <p class=\"placeholder-text\">Add VideoPress ID<\/p>\r\n <\/div>`\r\n : `<iframe\r\n src=\"https:\/\/videopress.com\/embed\/${v.id}?cover=1&autoPlay=0&loop=0&muted=0&controls=1&playsinline=1\"\r\n allowfullscreen\r\n allow=\"clipboard-write\"\r\n loading=\"lazy\"\r\n title=\"${v.name} \u2014 ${v.treatment} testimonial\"\r\n ><\/iframe>`\r\n }\r\n \r\n <div class=\"reel-info\">\r\n <div class=\"reel-badge\">${v.treatment}<\/div>\r\n <div class=\"reel-patient\">\r\n <span class=\"reel-flag\">${v.flag}<\/span>\r\n <span class=\"reel-name\">${v.name} \u00b7 ${v.country}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>`;\r\n }).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --reel-w: 300px; \/* card width \u2014 adjust if needed *\/\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.14)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.testi-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.testi-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.022) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {position:absolute;border-radius:50%;pointer-events:none;}\r\n.orb-1 {\r\n top:-160px; right:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; left:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n\/* shimmer line top *\/\r\n.shimmer-line {\r\n position:relative; z-index:2;\r\n height:1px; margin:0 48px 56px;\r\n background:linear-gradient(90deg,transparent,rgba(0,223,223,.35) 30%,rgba(169,255,253,.55) 50%,rgba(0,223,223,.35) 70%,transparent);\r\n background-size:200% auto;\r\n animation:shimmer 4s linear infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.testi-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width: 600px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.testi-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white);\r\n margin:0;\r\n}\r\n.testi-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* header right *\/\r\n.header-right {\r\n display:flex; align-items:center; gap:14px;\r\n flex-shrink:0; align-self:flex-end;\r\n}\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border);\r\n border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n\r\n\/* nav buttons *\/\r\n.nav-row {\r\n display:flex; align-items:center; gap:10px;\r\n}\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer {\r\n overflow:hidden;\r\n}\r\n.carousel-track {\r\n display:flex;\r\n gap:18px;\r\n padding:8px 2px 24px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 REEL CARD \u2550\u2550 *\/\r\n.reel-card {\r\n flex: 0 0 var(--reel-w);\r\n \/* 9:16 ratio *\/\r\n aspect-ratio: 9 \/ 16;\r\n position:relative;\r\n border-radius:18px;\r\n overflow:hidden;\r\n background:var(--navy-mid);\r\n border:1px solid var(--border);\r\n transition:border-color .28s, transform .32s var(--ease), box-shadow .32s;\r\n}\r\n.reel-card:hover {\r\n border-color:var(--border-h);\r\n transform:translateY(-5px) scale(1.01);\r\n box-shadow:0 24px 64px rgba(0,0,0,.45), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* iframe fills the card *\/\r\n.reel-frame {\r\n position:relative; width:100%; height:100%;\r\n}\r\n.reel-frame iframe {\r\n position:absolute; inset:0;\r\n width:100%; height:100%;\r\n border:none; display:block;\r\n border-radius:17px;\r\n}\r\n\r\n\/* gradient overlay at bottom for info text *\/\r\n.reel-info {\r\n position:absolute; bottom:0; left:0; right:0;\r\n padding:48px 16px 18px;\r\n background:linear-gradient(180deg,transparent 0%,rgba(1,20,35,.88) 100%);\r\n z-index:3;\r\n pointer-events:none;\r\n display:flex; flex-direction:column; gap:8px;\r\n}\r\n\r\n.reel-badge {\r\n display:inline-flex; width:fit-content;\r\n align-items:center;\r\n padding:3px 10px;\r\n background:rgba(0,223,223,.15);\r\n border:1px solid rgba(0,223,223,.3);\r\n border-radius:20px;\r\n font-family:var(--ff-b);\r\n font-size:9px; font-weight:600;\r\n letter-spacing:.14em; text-transform:uppercase;\r\n color:var(--cyan);\r\n}\r\n\r\n.reel-patient {\r\n display:flex; align-items:center; gap:7px;\r\n}\r\n.reel-flag { font-size:16px; line-height:1; }\r\n.reel-name {\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:500;\r\n color:rgba(255,255,255,.88);\r\n}\r\n\r\n\/* placeholder card *\/\r\n.reel-card.placeholder {\r\n border-style:dashed;\r\n border-color:rgba(0,223,223,.18);\r\n}\r\n.reel-placeholder {\r\n width:100%; height:100%;\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center;\r\n gap:12px;\r\n}\r\n.placeholder-icon svg {\r\n width:48px; height:48px;\r\n stroke:rgba(0,223,223,.3); fill:none;\r\n stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n.placeholder-text {\r\n font-size:11px; font-weight:400;\r\n color:rgba(0,223,223,.3);\r\n letter-spacing:.08em;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.06s} .d2{transition-delay:.12s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n :host { --reel-w: 260px; }\r\n .inner { padding:0 32px; }\r\n .shimmer-line { margin:0 32px 48px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --reel-w: 72vw; }\r\n .testi-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .shimmer-line { margin:0 20px 40px; }\r\n .testi-title { font-size:24px; }\r\n .header-right { gap:10px; }\r\n .btn-all { padding:10px 16px; font-size:11px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"testi-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"shimmer-line\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"testi-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Testimonials<\/p>\r\n <h2 class=\"testi-title\">Real stories of <em>exceptional care<\/em><br>and transformative smiles<\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"https:\/\/medicoclinic.net\/gallery\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n <span>All Testimonials<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"testiPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"testiDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"testiNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"testiTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#testiTrack');\r\n const prevBtn = shadow.querySelector('#testiPrev');\r\n const nextBtn = shadow.querySelector('#testiNext');\r\n const dotsEl = shadow.querySelector('#testiDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.reel-card');\r\n const GAP = 18;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n \/* drag *\/\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/* touch *\/\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc3457 e-con-full e-flex e-con e-parent\" data-id=\"acc3457\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a02b049 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a02b049\" 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\r\n\r\n<div id=\"medico-ba-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-ba-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const CASES = [\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/DSC09197-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/DSC09198-400x500.webp',\r\n treatment: 'Dental Veneers',\r\n flag: '\ud83c\uddee\ud83c\uddf9',\r\n country: 'Italy'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-328-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-328-1-400x500.webp',\r\n treatment: 'Hollywood Smile',\r\n flag: '\ud83c\uddf8\ud83c\uddea',\r\n country: 'Sweden'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-329-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-329-1-400x500.webp',\r\n treatment: 'Full Mouth Crown',\r\n flag: '\ud83c\udde6\ud83c\uddfa',\r\n country: 'Australia'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-330-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-330-1-400x500.webp',\r\n treatment: 'All-on-6 Implants',\r\n flag: '\ud83c\uddec\ud83c\udde7',\r\n country: 'United Kingdom'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-352-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-352-1-400x500.webp',\r\n treatment: 'Hollywood Smile',\r\n flag: '\ud83c\uddfa\ud83c\uddf8',\r\n country: 'United States'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/BF-356-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/BF-356-1-400x500.webp',\r\n treatment: 'Full Mouth Implants',\r\n flag: '\ud83c\udde8\ud83c\udde6',\r\n country: 'Canada'\r\n }\r\n ];\r\n\r\n const cardsHTML = CASES.map((c, i) => `\r\n <div class=\"ba-card\">\r\n\r\n \r\n <div class=\"ba-photo ba-before\">\r\n <img decoding=\"async\" src=\"${c.before}\" alt=\"Before \u2014 ${c.treatment}\" loading=\"lazy\" onerror=\"this.style.opacity='0'\">\r\n <span class=\"photo-label before-label\">Before<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-divider\"><div class=\"divider-line\"><\/div><\/div>\r\n\r\n \r\n <div class=\"ba-photo ba-after\">\r\n <img decoding=\"async\" src=\"${c.after}\" alt=\"After \u2014 ${c.treatment}\" loading=\"lazy\" onerror=\"this.style.opacity='0'\">\r\n <span class=\"photo-label after-label\">After<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-footer\">\r\n <span class=\"ba-treatment\">${c.treatment}<\/span>\r\n <span class=\"ba-patient\">${c.flag} ${c.country}<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n `).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --card-w: 260px; \/* 4 cards on desktop \u2014 matches 4:5 portrait proportion *\/\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.15)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.ba-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.ba-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb { position:absolute; border-radius:50%; pointer-events:none; }\r\n.orb-1 {\r\n top:-160px; left:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; right:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.ba-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width:580px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.ba-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white);\r\n margin:0;\r\n}\r\n.ba-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* nav *\/\r\n.header-right { display:flex; align-items:center; gap:14px; flex-shrink:0; align-self:flex-end; }\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border);\r\n border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-row { display:flex; align-items:center; gap:10px; }\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer { overflow:hidden; }\r\n.carousel-track {\r\n display:flex;\r\n gap:16px;\r\n padding:8px 2px 20px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n align-items: flex-start;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 CARD \u2550\u2550 *\/\r\n.ba-card {\r\n flex: 0 0 var(--card-w);\r\n background: rgba(255,255,255,.025);\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n transition: border-color .28s, transform .32s var(--ease), box-shadow .32s;\r\n}\r\n.ba-card:hover {\r\n border-color: var(--border-h);\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* \u2500\u2500 PHOTO HALVES \u2014 strict 4:5 ratio \u2500\u2500 *\/\r\n.ba-photo {\r\n position: relative;\r\n width: 100%;\r\n \/* 4:5 = 125% padding trick *\/\r\n padding-bottom: 125%;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n background: var(--navy-mid);\r\n}\r\n.ba-photo img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.ba-card:hover .ba-photo img { transform: scale(1.03); }\r\n\r\n\/* label badges *\/\r\n.photo-label {\r\n position: absolute;\r\n top: 12px; left: 12px;\r\n z-index: 2;\r\n font-family: var(--ff-b);\r\n font-size: 9px; font-weight: 700;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n padding: 4px 11px;\r\n border-radius: 20px;\r\n pointer-events: none;\r\n}\r\n.before-label {\r\n background: rgba(1,36,58,.75);\r\n border: 1px solid rgba(255,255,255,.2);\r\n color: rgba(255,255,255,.8);\r\n}\r\n.after-label {\r\n background: rgba(0,223,223,.2);\r\n border: 1px solid rgba(0,223,223,.5);\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n.ba-divider {\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n background: rgba(1,28,44,.95);\r\n border-top: 1px solid rgba(0,223,223,.22);\r\n border-bottom: 1px solid rgba(0,223,223,.22);\r\n flex-shrink: 0;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n.divider-line {\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(0,223,223,.5) 50%, transparent);\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.ba-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 13px 16px;\r\n background: rgba(0,0,0,.18);\r\n border-top: 1px solid var(--border);\r\n flex-shrink: 0;\r\n}\r\n.ba-treatment {\r\n font-family: var(--ff-h);\r\n font-size: 12px; font-weight: 800;\r\n letter-spacing: -.01em;\r\n color: var(--white);\r\n}\r\n.ba-patient {\r\n font-size: 11px; font-weight: 400;\r\n color: var(--t-muted);\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.07s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n :host { --card-w: 220px; }\r\n .inner { padding:0 32px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --card-w: 68vw; }\r\n .ba-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .ba-title { font-size:24px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ba-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"ba-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Before & After<\/p>\r\n <h2 class=\"ba-title\">Real results from <em>real patients<\/em><\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"https:\/\/medicoclinic.net\/before-after\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n All Results\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"baPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"baDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"baNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"baTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#baTrack');\r\n const prevBtn = shadow.querySelector('#baPrev');\r\n const nextBtn = shadow.querySelector('#baNext');\r\n const dotsEl = shadow.querySelector('#baDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.ba-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f67592d e-con-full e-flex e-con e-parent\" data-id=\"f67592d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccc382c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ccc382c\" 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\r\n\r\n<div id=\"medico-blog-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-blog-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 Config \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n POSTS_COUNT : how many posts to fetch and show\r\n API_BASE : your WordPress site root (no trailing slash)\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const POSTS_COUNT = 6;\r\n const API_BASE = 'https:\/\/medicoclinic.net';\r\n const API_URL = `${API_BASE}\/wp-json\/wp\/v2\/posts?per_page=${POSTS_COUNT}&_embed&orderby=date&order=desc`;\r\n\r\n \/* \u2500\u2500 Helpers \u2500\u2500 *\/\r\n function stripHtml (html) {\r\n const d = document.createElement('div');\r\n d.innerHTML = html;\r\n return (d.textContent || d.innerText || '').replace(\/\\s+\/g, ' ').trim();\r\n }\r\n function truncate (str, n) {\r\n return str.length > n ? str.slice(0, n).trimEnd() + '\u2026' : str;\r\n }\r\n function formatDate (iso) {\r\n const d = new Date(iso);\r\n return d.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' });\r\n }\r\n function getFeaturedImg (post) {\r\n try {\r\n return post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large?.source_url\r\n || post._embedded['wp:featuredmedia'][0].media_details.sizes.medium?.source_url\r\n || post._embedded['wp:featuredmedia'][0].source_url;\r\n } catch { return ''; }\r\n }\r\n function getCategory (post) {\r\n try { return post._embedded['wp:term'][0][0].name; } catch { return 'Dental Insights'; }\r\n }\r\n function readingTime (content) {\r\n const words = stripHtml(content).split(\/\\s+\/).length;\r\n return Math.max(1, Math.round(words \/ 200)) + ' min read';\r\n }\r\n\r\n \/* \u2500\u2500 Skeleton HTML (shown while loading) \u2500\u2500 *\/\r\n function skeletonHTML () {\r\n return Array(3).fill(0).map(() => `\r\n <div class=\"blog-card skeleton\">\r\n <div class=\"card-img sk-block\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"sk-line sk-short\"><\/div>\r\n <div class=\"sk-line sk-full\" style=\"margin-top:12px\"><\/div>\r\n <div class=\"sk-line sk-full\"><\/div>\r\n <div class=\"sk-line sk-mid\"><\/div>\r\n <div class=\"sk-line sk-short\" style=\"margin-top:20px\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/* \u2500\u2500 Card HTML \u2500\u2500 *\/\r\n function cardHTML (post) {\r\n const img = getFeaturedImg(post);\r\n const cat = getCategory(post);\r\n const title = stripHtml(post.title.rendered);\r\n const excerpt = truncate(stripHtml(post.excerpt.rendered), 110);\r\n const date = formatDate(post.date);\r\n const readTime = readingTime(post.content.rendered);\r\n const url = post.link;\r\n\r\n return `\r\n <a class=\"blog-card\" href=\"${url}\" target=\"_blank\" rel=\"noopener\" draggable=\"false\">\r\n <div class=\"card-img${img ? '' : ' no-img'}\">\r\n ${img ? `<img decoding=\"async\" src=\"${img}\" alt=\"${title}\" loading=\"lazy\">` : `<div class=\"img-fallback\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-3-3v6M3 7v13l4-2 4 2 4-2 4 2V7M3 7V5a2 2 0 012-2h14a2 2 0 012 2v2M3 7h18\"\/><\/svg><\/div>`}\r\n <span class=\"card-cat\">${cat}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3 class=\"card-title\">${title}<\/h3>\r\n <p class=\"card-excerpt\">${excerpt}<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-date\">${date}<\/span>\r\n <span class=\"card-rt\">${readTime}<\/span>\r\n <\/div>\r\n <span class=\"card-cta\">\r\n Read More\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>`;\r\n }\r\n\r\n \/* \u2500\u2500 Error state \u2500\u2500 *\/\r\n function errorHTML () {\r\n return `<div class=\"fetch-error\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <p>Could not load posts. <a href=\"${API_BASE}\/blog\/\" target=\"_blank\">View all posts \u2192<\/a><\/p>\r\n <\/div>`;\r\n }\r\n\r\n \/* \u2500\u2500 Shell HTML (rendered immediately) \u2500\u2500 *\/\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --card-w: 340px;\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.15)}\r\n}\r\n@keyframes skShimmer {\r\n 0% { background-position: -600px 0 }\r\n 100%{ background-position: 600px 0 }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.blog-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.blog-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb { position:absolute; border-radius:50%; pointer-events:none; }\r\n.orb-1 {\r\n top:-160px; right:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; left:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.blog-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width:580px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.blog-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white); margin:0;\r\n}\r\n.blog-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* header right *\/\r\n.header-right { display:flex; align-items:center; gap:14px; flex-shrink:0; align-self:flex-end; }\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border); border-radius:40px;\r\n font-family:var(--ff-b); font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n\r\n\/* nav *\/\r\n.nav-row { display:flex; align-items:center; gap:10px; }\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border); background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28); border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer { overflow:hidden; }\r\n.carousel-track {\r\n display:flex; gap:20px;\r\n padding:8px 2px 20px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform; cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n align-items:stretch;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 BLOG CARD \u2550\u2550 *\/\r\n.blog-card {\r\n flex: 0 0 var(--card-w);\r\n display:flex; flex-direction:column;\r\n background:rgba(255,255,255,.028);\r\n border:1px solid var(--border);\r\n border-radius:16px; overflow:hidden;\r\n text-decoration:none; color:inherit;\r\n transition:background .25s,border-color .25s,transform .32s var(--ease),box-shadow .32s;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n.blog-card:hover {\r\n background:rgba(0,223,223,.055);\r\n border-color:var(--border-h);\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 56px rgba(0,0,0,.38), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* image *\/\r\n.card-img {\r\n position:relative; height:210px; overflow:hidden;\r\n background:var(--navy-mid); flex-shrink:0;\r\n}\r\n.card-img img {\r\n width:100%; height:100%; object-fit:cover;\r\n display:block; transition:transform .65s var(--ease);\r\n}\r\n.blog-card:hover .card-img img { transform:scale(1.05); }\r\n\r\n.img-fallback {\r\n width:100%; height:100%;\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.img-fallback svg {\r\n width:48px; height:48px;\r\n stroke:rgba(0,223,223,.25); fill:none;\r\n stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n\r\n\/* gradient overlay on image *\/\r\n.card-img::after {\r\n content:''; position:absolute; inset:0;\r\n background:linear-gradient(180deg,transparent 50%,rgba(1,36,58,.55) 100%);\r\n pointer-events:none;\r\n}\r\n\r\n\/* category badge *\/\r\n.card-cat {\r\n position:absolute; top:14px; left:14px; z-index:2;\r\n font-family:var(--ff-b); font-size:8.5px; font-weight:700;\r\n letter-spacing:.18em; text-transform:uppercase;\r\n padding:4px 11px; border-radius:20px;\r\n background:rgba(0,223,223,.18); border:1px solid rgba(0,223,223,.38);\r\n color:var(--cyan);\r\n}\r\n\r\n\/* body *\/\r\n.card-body {\r\n padding:20px 22px 22px;\r\n display:flex; flex-direction:column;\r\n flex:1;\r\n}\r\n.card-title {\r\n font-family:var(--ff-h);\r\n font-size:15.5px; font-weight:800;\r\n letter-spacing:-.018em; line-height:1.3;\r\n color:var(--white); margin:0 0 10px;\r\n display:-webkit-box;\r\n -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\r\n}\r\n.card-excerpt {\r\n font-size:13px; font-weight:300;\r\n line-height:1.65; color:var(--t-body);\r\n margin:0 0 16px; flex:1;\r\n display:-webkit-box;\r\n -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;\r\n}\r\n.card-footer {\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding-top:12px; border-top:1px solid rgba(0,223,223,.1);\r\n margin-bottom:14px;\r\n}\r\n.card-date { font-size:10.5px; font-weight:400; color:var(--t-muted); }\r\n.card-rt { font-size:10.5px; font-weight:400; color:var(--t-muted); }\r\n\r\n.card-cta {\r\n display:inline-flex; align-items:center; gap:5px;\r\n font-size:11px; font-weight:600;\r\n letter-spacing:.09em; text-transform:uppercase;\r\n color:var(--cyan); opacity:.8;\r\n transition:opacity .2s,gap .2s;\r\n}\r\n.blog-card:hover .card-cta { opacity:1; gap:9px; }\r\n.card-cta svg {\r\n width:12px; height:12px;\r\n stroke:currentColor; fill:none;\r\n stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;\r\n transition:transform .2s;\r\n}\r\n.blog-card:hover .card-cta svg { transform:translateX(3px); }\r\n\r\n\/* \u2550\u2550 SKELETON \u2550\u2550 *\/\r\n.blog-card.skeleton { pointer-events:none; }\r\n.sk-block, .sk-line {\r\n background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(0,223,223,.06) 50%,rgba(255,255,255,.04) 75%);\r\n background-size:600px 100%;\r\n animation:skShimmer 1.6s linear infinite;\r\n border-radius:6px;\r\n}\r\n.sk-block { width:100%; height:210px; border-radius:0; }\r\n.sk-line { height:12px; margin-bottom:10px; }\r\n.sk-full { width:100%; }\r\n.sk-mid { width:70%; }\r\n.sk-short { width:40%; }\r\n\r\n\/* \u2550\u2550 ERROR \u2550\u2550 *\/\r\n.fetch-error {\r\n padding:40px; text-align:center;\r\n display:flex; flex-direction:column; align-items:center; gap:14px;\r\n color:var(--t-muted);\r\n}\r\n.fetch-error svg {\r\n width:40px; height:40px;\r\n stroke:rgba(0,223,223,.35); fill:none;\r\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n.fetch-error p { font-size:14px; font-weight:300; }\r\n.fetch-error a { color:var(--cyan); text-decoration:none; }\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.07s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n :host { --card-w: 290px; }\r\n .inner { padding:0 32px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --card-w: 82vw; }\r\n .blog-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .blog-title { font-size:24px; }\r\n .card-img { height:180px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"blog-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"blog-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Blog<\/p>\r\n <h2 class=\"blog-title\">Latest <em>dental insights<\/em><br>and oral health advice<\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"${API_BASE}\/blog\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n View All Posts\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"blogPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"blogDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"blogNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"blogTrack\">\r\n ${skeletonHTML()}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Fetch Posts \u2500\u2500 *\/\r\n fetch(API_URL)\r\n .then(r => { if (!r.ok) throw new Error(r.status); return r.json(); })\r\n .then(posts => {\r\n const track = shadow.querySelector('#blogTrack');\r\n if (!track) return;\r\n if (!posts.length) { track.innerHTML = errorHTML(); return; }\r\n track.innerHTML = posts.map(cardHTML).join('');\r\n initCarousel();\r\n })\r\n .catch(() => {\r\n const track = shadow.querySelector('#blogTrack');\r\n if (track) track.innerHTML = errorHTML();\r\n });\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n function initCarousel () {\r\n const track = shadow.querySelector('#blogTrack');\r\n const prevBtn = shadow.querySelector('#blogPrev');\r\n const nextBtn = shadow.querySelector('#blogNext');\r\n const dotsEl = shadow.querySelector('#blogDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.blog-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/* prevent link navigation on drag *\/\r\n track.querySelectorAll('.blog-card').forEach(card => {\r\n card.addEventListener('click', e => { if (dragMoved) { e.preventDefault(); dragMoved = false; } });\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2585342 e-flex e-con-boxed e-con e-child\" data-id=\"2585342\" data-element_type=\"container\" data-e-type=\"container\" id=\"formlanding\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-52f5a5c e-con-full e-flex e-con e-child\" data-id=\"52f5a5c\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact-form\">\n\t\t<div class=\"elementor-element elementor-element-09c062f e-con-full e-flex e-con e-child\" data-id=\"09c062f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5964173 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5964173\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Contact US<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e205d elementor-widget elementor-widget-heading\" data-id=\"b2e205d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Your <span style=\"color: #05BBB5\">FREE<\/span> Dental Report<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-222b393 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"222b393\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Submit your info and get a quote personalized to your needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b769c1 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"9b769c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-9b769c1{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46703f8 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"46703f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-46703f8{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d026d00 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"d026d00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-d026d00{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796c2a2 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"796c2a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n \n <div class='fluentform ff-inherit-theme-style fluentform_wrapper_12'><form data-form_id=\"12\" id=\"fluentform_12\" class=\"frm-fluent-form fluent_form_12 ff-el-form-top ff_form_instance_12_4 ff-form-loading ff_has_v3_recptcha ff_has_v3_recptcha ff_has_v3_recptcha ff_has_v3_recptcha ffs_inherit_theme\" data-form_instance=\"ff_form_instance_12_4\" method=\"POST\" data-recptcha_key=\"6LecxHYqAAAAAHCSDbro9qjP0Nk2edm5OHmfiLFb\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Main Lead Form FR<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7502' \/><input type=\"hidden\" id=\"_fluentform_12_fluentformnonce\" name=\"_fluentform_12_fluentformnonce\" value=\"6e6a41167a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/7502\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_names_first_name_' id='label_ff_12_4_names_first_name_' >Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_12_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Name Surname\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_phone' id='label_ff_12_4_phone' aria-label=\"Phone\/Mobile\">Phone\/Mobile<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Phone Number\" data-name=\"phone\" id=\"ff_12_4_phone\" inputmode=\"tel\" aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_email' id='label_ff_12_4_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_12_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_12_4_description' id='label_ff_12_4_description' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_12_4_description\" name=\"description\" id=\"ff_12_4_description\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"1\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><input type=\"hidden\" name=\"utm_source\" value=\"\" data-name=\"utm_source\" ><input type=\"hidden\" name=\"utm_medium\" value=\"\" data-name=\"utm_medium\" ><input type=\"hidden\" name=\"utm_campaign\" value=\"\" data-name=\"utm_campaign\" ><input type=\"hidden\" name=\"utm_term\" value=\"\" data-name=\"utm_term\" ><input type=\"hidden\" name=\"utm_content\" value=\"\" data-name=\"utm_content\" ><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_no_style\" aria-label=\"Submit\">Submit<\/button><\/div><\/fieldset><\/form><div id='fluentform_12_errors' class='ff-errors-in-stack ff_form_instance_12_4 ff-form-loading_errors ff_form_instance_12_4_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_12_4 = {\"id\":\"12\",\"ajaxUrl\":\"https:\\\/\\\/medicoclinic.net\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_12_4\",\"form_id_selector\":\"fluentform_12\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"g-recaptcha-response\":[]},\"debounce_time\":300};\n <\/script>\n <\/div>\n\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef4f7c fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"1ef4f7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-1ef4f7c{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6063ed6 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"6063ed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-6063ed6{display:none !important}<\/style>\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<div class=\"elementor-element elementor-element-9add2a4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9add2a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t<div class=\"elementor-element elementor-element-2e40c05 e-con-full e-flex e-con e-child\" data-id=\"2e40c05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7011a2 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a7011a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">FAQS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce3dd4 elementor-widget elementor-widget-heading\" data-id=\"2ce3dd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything you need to know about our treatments<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34d8357 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"34d8357\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Find quick answers to common questions about our dental treatments, procedures, and patient care in our FAQ section.<\/p>\t\t\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 class=\"elementor-element elementor-element-caf21fa elementor-widget elementor-widget-elementskit-accordion\" data-id=\"caf21fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-6a02653361cd9\">\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-0-caf21fa\">\n <a href=\"#collapse-1bcea4f6a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-1bcea4f6a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-1bcea4f6a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">What types of dental treatments do you offer?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-1bcea4f6a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>We provide a comprehensive range of dental treatments, including preventive care, cosmetic dentistry, restorative treatments, and oral surgery. Our services include dental implants, veneers, crowns, teeth whitening, orthodontics, and full smile makeovers, among others. Each treatment is tailored to meet your unique needs and help you achieve a healthier, more confident smile.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-1-caf21fa\">\n <a href=\"#collapse-d6917196a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-d6917196a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-d6917196a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">Are your treatments affordable compared to other countries?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-d6917196a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Yes, Medico Clinic offers top-quality dental treatments at up to 70% more affordable rates than in many other countries, without compromising on quality. We partner with globally trusted brands to ensure high standards in materials and technology, delivering excellent results at competitive prices.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-2-caf21fa\">\n <a href=\"#collapse-a8e28ec6a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a8e28ec6a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-a8e28ec6a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">How do I know which dental treatment is right for me?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-a8e28ec6a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Our expert team will guide you through a detailed consultation and diagnostic process, using advanced technology to assess your dental health. Based on this assessment, we\u2019ll recommend the most suitable treatment options that align with your goals, whether it\u2019s improving function, aesthetics, or overall oral health.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-3-caf21fa\">\n <a href=\"#collapse-946ae256a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-946ae256a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-946ae256a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">Do you use high-quality materials for dental treatments?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-946ae256a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Absolutely. We only use top-grade materials from renowned global brands, ensuring durability, comfort, and a natural look for each treatment. Our focus on quality materials guarantees that your dental work will stand the test of time, giving you lasting results you can trust.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-4-caf21fa\">\n <a href=\"#collapse-33567a56a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-33567a56a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-33567a56a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">How long does it take to complete dental treatments?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-33567a56a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-4-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Treatment duration depends on the specific procedure and your unique needs. Some treatments, like Hollywood Smile, can be completed in a single visit, while others, like dental implants or orthodontics, may require multiple visits over a few months. Our team will provide a clear timeline during your initial consultation to help you plan accordingly.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\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>Medico Clinic \u2014 Locations Section Our Locations Treated in Istanbul.Cared for Back Home. We don’t stop at your treatment. Our partner aftercare clinics in London and Pennsylvania mean expert follow-up is always close to you. Istanbul Treatment You Fly Home Stress-free London UK Aftercare Pennsylvania US Aftercare Main Clinic Istanbul T\u00fcrkiye \u2014 Primary Treatment Center […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7502","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/comments?post=7502"}],"version-history":[{"count":244,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502\/revisions"}],"predecessor-version":[{"id":14254,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502\/revisions\/14254"}],"wp:attachment":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/media?parent=7502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMedico Clinic \u2014 Locations Section<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ELEMENTOR RESET\r\n Neutralises Elementor's column padding that\r\n causes the two white side gaps.\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .elementor-widget-html,\r\n .elementor-widget-html .elementor-widget-container {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCOPE: every rule is prefixed with\r\n .mc-locs so nothing leaks into Elementor\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n .mc-locs *,\r\n .mc-locs *::before,\r\n .mc-locs *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* \u2500\u2500 Variables \u2500\u2500 *\/\r\n .mc-locs {\r\n --navy: #023752;\r\n --cyan: #00DFDF;\r\n --cyan-light: #A9FFFD;\r\n --white: #FFFFFF;\r\n --border: rgba(0, 223, 223, 0.18);\r\n --font: 'Inter', sans-serif;\r\n }\r\n\r\n \/* \u2500\u2500 Section wrapper \u2014 full bleed breaks out of Elementor column \u2500\u2500 *\/\r\n .mc-locs {\r\n background: #023752 !important;\r\n background-color: #023752 !important;\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n overflow: hidden !important;\r\n padding: 90px 40px 100px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n -webkit-font-smoothing: antialiased;\r\n display: block !important;\r\n }\r\n\r\n \/* top cyan accent line *\/\r\n .mc-locs::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0; left: 0; right: 0;\r\n height: 3px !important;\r\n background: linear-gradient(90deg, transparent 0%, #00DFDF 40%, #A9FFFD 60%, transparent 100%) !important;\r\n z-index: 0;\r\n }\r\n\r\n \/* radial glow *\/\r\n .mc-locs::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -120px; right: -80px;\r\n width: 500px; height: 500px;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(0,223,223,0.07) 0%, transparent 70%) !important;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .mc-locs-inner {\r\n max-width: 1160px !important;\r\n margin: 0 auto !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n .mc-locs-header {\r\n margin-bottom: 52px !important;\r\n }\r\n\r\n .mc-eyebrow {\r\n display: inline-block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.22em !important;\r\n text-transform: uppercase !important;\r\n color: #00DFDF !important;\r\n margin-bottom: 14px !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-title {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: clamp(28px, 4vw, 44px) !important;\r\n font-weight: 800 !important;\r\n color: #FFFFFF !important;\r\n line-height: 1.1 !important;\r\n letter-spacing: -0.02em !important;\r\n margin: 0 0 0 0 !important;\r\n }\r\n\r\n .mc-title span {\r\n color: #00DFDF !important;\r\n }\r\n\r\n .mc-subtitle {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.65) !important;\r\n max-width: 480px !important;\r\n line-height: 1.7 !important;\r\n margin-top: 14px !important;\r\n }\r\n\r\n \/* \u2500\u2500 Journey Strip \u2500\u2500 *\/\r\n .mc-journey {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(0,223,223,0.06) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n border-radius: 60px !important;\r\n padding: 14px 32px !important;\r\n margin-bottom: 48px !important;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n white-space: nowrap !important;\r\n gap: 0 !important;\r\n }\r\n\r\n .mc-journey::-webkit-scrollbar { display: none; }\r\n\r\n .mc-jstop {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .mc-jdot {\r\n width: 10px !important;\r\n height: 10px !important;\r\n min-width: 10px !important;\r\n border-radius: 50% !important;\r\n background: #00DFDF !important;\r\n box-shadow: 0 0 8px rgba(0,223,223,0.6) !important;\r\n display: inline-block !important;\r\n }\r\n\r\n .mc-jlabel {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 700 !important;\r\n color: #FFFFFF !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-jsub {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.4) !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n \/* Connector: line + CSS arrowhead \u2014 no emoji, no pseudo-element tricks *\/\r\n .mc-jconn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n flex-shrink: 0 !important;\r\n margin: 0 18px !important;\r\n line-height: 0 !important;\r\n }\r\n\r\n .mc-jline {\r\n display: inline-block !important;\r\n width: 50px !important;\r\n height: 1px !important;\r\n background: rgba(0,223,223,0.35) !important;\r\n vertical-align: middle !important;\r\n }\r\n\r\n .mc-jarrow {\r\n display: inline-block !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n border-top: 5px solid transparent !important;\r\n border-bottom: 5px solid transparent !important;\r\n border-left: 7px solid rgba(0,223,223,0.5) !important;\r\n vertical-align: middle !important;\r\n margin-left: -1px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 Cards Grid \u2500\u2500 *\/\r\n .mc-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr 1fr !important;\r\n gap: 16px !important;\r\n margin-bottom: 40px !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .mc-card {\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n background: rgba(255,255,255,0.04) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n height: 100% !important;\r\n transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .mc-card:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(0,223,223,0.45) !important;\r\n box-shadow: 0 20px 48px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,223,223,0.12) !important;\r\n }\r\n\r\n .mc-card.mc-main {\r\n background: rgba(0,223,223,0.05) !important;\r\n border-color: rgba(0,223,223,0.3) !important;\r\n }\r\n\r\n \/* image area *\/\r\n .mc-card-img {\r\n position: relative !important;\r\n height: 220px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .mc-card-img img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n\r\n transition: transform 0.6s ease !important;\r\n display: block !important;\r\n }\r\n\r\n .mc-card:hover .mc-card-img img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n\r\n .mc-badge {\r\n position: absolute !important;\r\n top: 14px !important;\r\n right: 14px !important;\r\n z-index: 2 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 9.5px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 0.16em !important;\r\n text-transform: uppercase !important;\r\n padding: 5px 12px !important;\r\n border-radius: 40px !important;\r\n color: #023752 !important;\r\n background: #00DFDF !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .mc-city {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n z-index: 2 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 800 !important;\r\n color: #FFFFFF !important;\r\n letter-spacing: -0.02em !important;\r\n line-height: 1 !important;\r\n padding: 32px 18px 14px !important;\r\n \/* narrow gradient only behind the city label \u2014 not across the full image *\/\r\n background: linear-gradient(180deg, transparent 0%, rgba(2,55,82,0.82) 100%) !important;\r\n text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;\r\n }\r\n\r\n .mc-main .mc-city { font-size: 26px !important; }\r\n\r\n \/* card body *\/\r\n .mc-card-body {\r\n padding: 22px 22px 26px !important;\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .mc-country {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 10.5px !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 0.16em !important;\r\n text-transform: uppercase !important;\r\n color: #00DFDF !important;\r\n margin-bottom: 14px !important;\r\n display: block !important;\r\n }\r\n\r\n .mc-desc {\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13.5px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.7) !important;\r\n line-height: 1.68 !important;\r\n margin-bottom: 20px !important;\r\n flex: 1 !important;\r\n min-height: 110px !important;\r\n }\r\n\r\n \/* Feature list \u2014 fixed bullet alignment *\/\r\n .mc-features {\r\n list-style: none !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 9px !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .mc-features li {\r\n display: flex !important;\r\n align-items: center !important; \/* vertically centers bullet with text *\/\r\n gap: 10px !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n color: rgba(255,255,255,0.65) !important;\r\n line-height: 1.4 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .mc-bullet {\r\n width: 18px !important;\r\n height: 18px !important;\r\n min-width: 18px !important;\r\n border-radius: 50% !important;\r\n background: rgba(0,223,223,0.12) !important;\r\n border: 1px solid rgba(0,223,223,0.3) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .mc-bullet::after {\r\n content: '' !important;\r\n width: 5px !important;\r\n height: 5px !important;\r\n border-radius: 50% !important;\r\n background: #00DFDF !important;\r\n display: block !important;\r\n }\r\n\r\n \/* \u2500\u2500 Bottom Stats Bar \u2500\u2500 *\/\r\n .mc-bottom {\r\n background: rgba(0,223,223,0.06) !important;\r\n border: 1px solid rgba(0,223,223,0.18) !important;\r\n border-radius: 16px !important;\r\n padding: 28px 36px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 20px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .mc-stats {\r\n display: flex !important;\r\n gap: 0 !important;\r\n flex: 1 !important;\r\n flex-wrap: wrap !important;\r\n align-items: center !important;\r\n }\r\n\r\n .mc-stat {\r\n flex: 1 !important;\r\n min-width: 120px !important;\r\n text-align: center !important;\r\n padding: 0 24px !important;\r\n }\r\n\r\n .mc-stat + .mc-stat {\r\n border-left: 1px solid rgba(0,223,223,0.15) !important;\r\n }\r\n\r\n .mc-stat-num {\r\n display: block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 34px !important;\r\n font-weight: 800 !important;\r\n color: #00DFDF !important;\r\n letter-spacing: -0.03em !important;\r\n line-height: 1 !important;\r\n }\r\n\r\n .mc-stat-label {\r\n display: block !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 500 !important;\r\n color: rgba(255,255,255,0.45) !important;\r\n letter-spacing: 0.06em !important;\r\n text-transform: uppercase !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .mc-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 15px 30px !important;\r\n border-radius: 8px !important;\r\n background: #00DFDF !important;\r\n color: #023752 !important;\r\n font-family: 'Inter', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 0.04em !important;\r\n text-decoration: none !important;\r\n transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;\r\n flex-shrink: 0 !important;\r\n white-space: nowrap !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .mc-cta:hover {\r\n background: #A9FFFD !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 24px rgba(0,223,223,0.3) !important;\r\n color: #023752 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .mc-cta svg { transition: transform 0.2s ease; }\r\n .mc-cta:hover svg { transform: translateX(3px); }\r\n\r\n \/* \u2500\u2500 Animations \u2500\u2500 *\/\r\n @keyframes mc-fadeUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .mc-locs-header { animation: mc-fadeUp 0.6s ease both; }\r\n .mc-journey { animation: mc-fadeUp 0.6s 0.1s ease both; }\r\n .mc-card:nth-child(1) { animation: mc-fadeUp 0.6s 0.2s ease both; }\r\n .mc-card:nth-child(2) { animation: mc-fadeUp 0.6s 0.3s ease both; }\r\n .mc-card:nth-child(3) { animation: mc-fadeUp 0.6s 0.4s ease both; }\r\n .mc-bottom { animation: mc-fadeUp 0.6s 0.45s ease both; }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .mc-grid { grid-template-columns: 1fr 1fr !important; }\r\n .mc-main { grid-column: 1 \/ -1 !important; }\r\n .mc-jline { width: 30px !important; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n \/* 1 \u2014 remove top gap, reduce bottom padding *\/\r\n .mc-locs { padding: 40px 16px 50px !important; }\r\n\r\n \/* cards stacked *\/\r\n .mc-grid { grid-template-columns: 1fr !important; }\r\n .mc-main { grid-column: auto !important; }\r\n\r\n \/* 2 \u2014 journey strip: stack vertically, no horizontal scrolling *\/\r\n .mc-journey {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n border-radius: 12px !important;\r\n padding: 18px 20px !important;\r\n gap: 0 !important;\r\n }\r\n .mc-jstop {\r\n padding: 8px 0 !important;\r\n }\r\n \/* connector becomes a short vertical line + no arrow *\/\r\n .mc-jconn {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n margin: 0 0 0 4px !important;\r\n padding-left: 4px !important;\r\n gap: 0 !important;\r\n }\r\n .mc-jline {\r\n width: 1px !important;\r\n height: 18px !important;\r\n background: rgba(0,223,223,0.35) !important;\r\n display: block !important;\r\n }\r\n .mc-jarrow { display: none !important; }\r\n \/* hide subtitle labels on mobile to keep it clean *\/\r\n .mc-jsub { display: none !important; }\r\n\r\n \/* 3 \u2014 stats stacked one under another *\/\r\n .mc-bottom {\r\n flex-direction: column !important;\r\n padding: 22px 20px !important;\r\n }\r\n .mc-stats {\r\n width: 100% !important;\r\n flex-direction: column !important;\r\n gap: 0 !important;\r\n }\r\n .mc-stat {\r\n width: 100% !important;\r\n flex: none !important;\r\n text-align: left !important;\r\n padding: 14px 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 16px !important;\r\n }\r\n .mc-stat + .mc-stat {\r\n border-left: none !important;\r\n border-top: 1px solid rgba(0,223,223,0.12) !important;\r\n }\r\n .mc-stat-num {\r\n font-size: 28px !important;\r\n min-width: 70px !important;\r\n }\r\n .mc-stat-label {\r\n text-align: left !important;\r\n margin-top: 0 !important;\r\n }\r\n .mc-cta { width: 100% !important; justify-content: center !important; margin-top: 8px !important; }\r\n }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"mc-locs\">\r\n <div class=\"mc-locs-inner\">\r\n\r\n \r\n <div class=\"mc-locs-header\">\r\n <span class=\"mc-eyebrow\">Our Locations<\/span>\r\n <h2 class=\"mc-title\">Treated in Istanbul.<br><span>Cared for Back Home.<\/span><\/h2>\r\n <p class=\"mc-subtitle\">We don't stop at your treatment. Our partner aftercare clinics in London and Pennsylvania mean expert follow-up is always close to you.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-journey\">\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">Istanbul<\/span>\r\n <span class=\"mc-jsub\">Treatment<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">You Fly Home<\/span>\r\n <span class=\"mc-jsub\">Stress-free<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">London<\/span>\r\n <span class=\"mc-jsub\">UK Aftercare<\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jconn\">\r\n <span class=\"mc-jline\"><\/span>\r\n <span class=\"mc-jarrow\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"mc-jstop\">\r\n <span class=\"mc-jdot\"><\/span>\r\n <span class=\"mc-jlabel\">Pennsylvania<\/span>\r\n <span class=\"mc-jsub\">US Aftercare<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-grid\">\r\n\r\n \r\n <div class=\"mc-card mc-main\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/DSC04824-2-scaled.jpg\" alt=\"Istanbul Clinic\">\r\n <span class=\"mc-badge\">Main Clinic<\/span>\r\n <span class=\"mc-city\">Istanbul<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">T\u00fcrkiye \u2014 Primary Treatment Center<\/span>\r\n <p class=\"mc-desc\">Our flagship clinic in Istanbul is where world-class digital dentistry meets VIP hospitality. From single implants to full-arch restorations, every procedure is performed here by our specialist team.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span>Straumann, Bego & Hiossen implants<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Emax veneers & Monolithic Zirconia crowns<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>3D CAD\/CAM guided precision surgery<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>VIP hotel & private airport transfers<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-card\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/uk-clinic-1-2.jpg\" alt=\"London Aftercare Clinic\">\r\n <span class=\"mc-badge\">Aftercare \u2014 UK<\/span>\r\n <span class=\"mc-city\">London<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">United Kingdom<\/span>\r\n <p class=\"mc-desc\">Back in the UK? Our London partner clinic handles all follow-up appointments, check-ups, and adjustments \u2014 at the same clinical standard as Istanbul.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span>Post-treatment check-ups & X-rays<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Adjustments & emergency consultations<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Full access to your Istanbul treatment records<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-card\">\r\n <div class=\"mc-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/USA-Clinic-5-1.jpg\" alt=\"Pennsylvania Aftercare Clinic\">\r\n <span class=\"mc-badge\">Aftercare \u2014 US<\/span>\r\n <span class=\"mc-city\">Pennsylvania<\/span>\r\n <\/div>\r\n <div class=\"mc-card-body\">\r\n <span class=\"mc-country\">United States<\/span>\r\n <p class=\"mc-desc\">American patients fly home confident. Our Pennsylvania partner provides local follow-up care for your implants, crowns, and veneers \u2014 as if you never left.<\/p>\r\n <ul class=\"mc-features\">\r\n <li><span class=\"mc-bullet\"><\/span> Implant aftercare specialists<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Local X-rays & follow-up consultations<\/li>\r\n <li><span class=\"mc-bullet\"><\/span>Coordinated care with the Istanbul team<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mc-bottom\">\r\n <div class=\"mc-stats\">\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">3<\/span>\r\n <span class=\"mc-stat-label\">Locations, 3 Continents<\/span>\r\n <\/div>\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">28K+<\/span>\r\n <span class=\"mc-stat-label\">Patients Treated<\/span>\r\n <\/div>\r\n <div class=\"mc-stat\">\r\n <span class=\"mc-stat-num\">100%<\/span>\r\n <span class=\"mc-stat-label\">Aftercare Coverage UK & US<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"mc-cta\">\r\n Get a FREE Consultation\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\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=\"elementor-element elementor-element-eea9ec0 e-con-full e-flex e-con e-parent\" data-id=\"eea9ec0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce4455f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ce4455f\" 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\r\n\r\n<div id=\"medico-about-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-about-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550 HARD ISOLATION \u2550\u2550 *\/\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550 TOKENS \u2014 light mode \u2550\u2550 *\/\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-dk: #00b8b8;\r\n --cyan-lt: #e8ffff;\r\n --white: #ffffff;\r\n --off-white: #F0FFFE;\r\n --surface: #f4fafa;\r\n --t-dark: #023752;\r\n --t-body: #3a6070;\r\n --t-muted: #7fa8b8;\r\n --border: rgba(0,191,191,.18);\r\n --border-h: rgba(0,191,191,.45);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 14px;\r\n --r-lg: 20px;\r\n}\r\n\r\n\/* \u2550\u2550 ANIMATIONS \u2550\u2550 *\/\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n@keyframes fadeUp {\r\n from { opacity:0; transform:translateY(22px) }\r\n to { opacity:1; transform:none }\r\n}\r\n@keyframes countUp {\r\n from { opacity:0; transform:translateY(10px) }\r\n to { opacity:1; transform:none }\r\n}\r\n@keyframes pulseRing {\r\n 0% { transform:scale(1); opacity:.6 }\r\n 70% { transform:scale(1.35);opacity:0 }\r\n 100% { opacity:0 }\r\n}\r\n@keyframes glowDot {\r\n 0%,100% { box-shadow: 0 0 0 0 rgba(0,223,223,.6) }\r\n 50% { box-shadow: 0 0 0 8px rgba(0,223,223,0) }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION WRAPPER \u2550\u2550 *\/\r\n.about-wrap {\r\n background: var(--white);\r\n font-family: var(--ff-b);\r\n color: var(--t-dark);\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n}\r\n\r\n\/* \u2550\u2550 CERT STRIP \u2550\u2550 *\/\r\n.cert-strip {\r\n background: var(--navy-deep);\r\n padding: 16px 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n.cert-strip-left {\r\n font-family: var(--ff-h);\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,.5);\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n.cert-strip-left span {\r\n color: var(--cyan);\r\n}\r\n.cert-logos {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n}\r\n.cert-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 7px 14px;\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(0,223,223,.2);\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.75);\r\n white-space: nowrap;\r\n transition: background .2s, border-color .2s;\r\n}\r\n.cert-badge:hover {\r\n background: rgba(0,223,223,.08);\r\n border-color: rgba(0,223,223,.4);\r\n}\r\n.cert-badge-dot {\r\n width: 7px; height: 7px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n}\r\n.cert-badge-dot.ada { background: #4fc3f7 }\r\n.cert-badge-dot.moh { background: #ef5350 }\r\n.cert-badge-dot.iso { background: #66bb6a }\r\n.cert-badge-dot.str { background: var(--cyan) }\r\n\r\n\/* \u2550\u2550 MAIN SECTION \u2550\u2550 *\/\r\n.about-section {\r\n padding: 88px 48px 96px;\r\n position: relative;\r\n}\r\n\r\n\/* subtle dot grid *\/\r\n.about-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle, rgba(0,191,191,.1) 1px, transparent 1px);\r\n background-size: 32px 32px;\r\n pointer-events: none;\r\n opacity: .6;\r\n}\r\n\r\n\/* \u2550\u2550 LAYOUT \u2550\u2550 *\/\r\n.about-grid {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550 VIDEO COLUMN \u2550\u2550 *\/\r\n.video-col {\r\n position: relative;\r\n}\r\n\r\n\/* decorative accent shape behind video *\/\r\n.video-accent {\r\n position: absolute;\r\n inset: -20px -20px 20px 20px;\r\n background: linear-gradient(135deg, var(--cyan-lt) 0%, transparent 70%);\r\n border-radius: var(--r-lg);\r\n z-index: 0;\r\n}\r\n\r\n.video-frame-wrap {\r\n position: relative;\r\n z-index: 1;\r\n border-radius: var(--r-lg);\r\n overflow: hidden;\r\n box-shadow:\r\n 0 2px 8px rgba(2,55,82,.08),\r\n 0 8px 32px rgba(2,55,82,.12),\r\n 0 24px 64px rgba(2,55,82,.1);\r\n aspect-ratio: 16 \/ 9;\r\n background: var(--navy-deep);\r\n}\r\n\r\n.video-frame-wrap iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n display: block;\r\n}\r\n\r\n\/* floating stat pill on video *\/\r\n.video-pill {\r\n position: absolute;\r\n bottom: -18px;\r\n right: -18px;\r\n z-index: 3;\r\n background: var(--navy-deep);\r\n border: 1px solid rgba(0,223,223,.25);\r\n border-radius: 60px;\r\n padding: 12px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n box-shadow: 0 8px 32px rgba(2,55,82,.2);\r\n}\r\n.video-pill-dot {\r\n width: 10px; height: 10px;\r\n border-radius: 50%;\r\n background: var(--cyan);\r\n flex-shrink: 0;\r\n animation: glowDot 2s ease-in-out infinite;\r\n}\r\n.video-pill-text {\r\n font-family: var(--ff-b);\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: rgba(255,255,255,.9);\r\n white-space: nowrap;\r\n}\r\n.video-pill-text strong {\r\n color: var(--cyan);\r\n font-size: 13px;\r\n}\r\n\r\n\/* \u2550\u2550 CONTENT COLUMN \u2550\u2550 *\/\r\n.content-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n}\r\n\r\n.eyebrow {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: var(--cyan-dk);\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.eyebrow::before {\r\n content: '';\r\n display: block;\r\n width: 28px; height: 2px;\r\n background: linear-gradient(90deg, var(--cyan-dk), var(--cyan));\r\n border-radius: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.about-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n color: var(--navy-deep);\r\n margin: 0 0 24px;\r\n}\r\n.about-title em {\r\n font-style: normal;\r\n color: var(--cyan-dk);\r\n}\r\n\r\n.about-desc {\r\n font-family: var(--ff-b);\r\n font-size: 15px;\r\n font-weight: 300;\r\n line-height: 1.75;\r\n color: var(--t-body);\r\n margin: 0 0 36px;\r\n max-width: 480px;\r\n}\r\n\r\n\/* \u2550\u2550 STATS ROW \u2550\u2550 *\/\r\n.stats-row {\r\n display: flex;\r\n gap: 0;\r\n margin-bottom: 36px;\r\n border: 1px solid var(--border);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n background: var(--surface);\r\n}\r\n\r\n.stat-item {\r\n flex: 1;\r\n padding: 20px 24px;\r\n position: relative;\r\n transition: background .2s;\r\n}\r\n.stat-item:hover { background: var(--cyan-lt) }\r\n.stat-item + .stat-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 16%; bottom: 16%;\r\n width: 1px;\r\n background: var(--border);\r\n}\r\n\r\n.stat-num {\r\n font-family: var(--ff-h);\r\n font-size: 30px;\r\n font-weight: 800;\r\n letter-spacing: -.03em;\r\n color: var(--navy-deep);\r\n line-height: 1;\r\n margin-bottom: 5px;\r\n}\r\n.stat-num span {\r\n color: var(--cyan-dk);\r\n}\r\n\r\n.stat-label {\r\n font-family: var(--ff-b);\r\n font-size: 11px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: var(--t-muted);\r\n letter-spacing: .02em;\r\n}\r\n\r\n\/* \u2550\u2550 UPSELL LIST \u2550\u2550 *\/\r\n.usp-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 36px;\r\n}\r\n.usp-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: var(--ff-b);\r\n font-size: 13.5px;\r\n font-weight: 400;\r\n color: var(--t-body);\r\n}\r\n.usp-check {\r\n width: 20px; height: 20px;\r\n border-radius: 50%;\r\n background: var(--cyan-lt);\r\n border: 1.5px solid var(--cyan-dk);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.usp-check svg {\r\n width: 10px; height: 10px;\r\n stroke: var(--cyan-dk);\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* \u2550\u2550 CTA ROW \u2550\u2550 *\/\r\n.cta-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 28px;\r\n background: var(--navy-deep);\r\n border: none;\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n color: var(--white);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background .22s, transform .2s, box-shadow .22s;\r\n box-shadow: 0 4px 18px rgba(2,55,82,.25);\r\n}\r\n.btn-primary:hover {\r\n background: var(--navy-mid);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(2,55,82,.3);\r\n}\r\n.btn-primary svg {\r\n width: 15px; height: 15px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.btn-primary:hover svg { transform: translateX(3px) }\r\n\r\n.btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .06em;\r\n color: var(--navy-deep);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: color .2s, gap .2s;\r\n border: none;\r\n background: none;\r\n padding: 0;\r\n}\r\n.btn-ghost:hover {\r\n color: var(--cyan-dk);\r\n gap: 11px;\r\n}\r\n.btn-ghost svg {\r\n width: 14px; height: 14px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(20px); transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv-l { opacity:0; transform:translateX(-20px);transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv-r { opacity:0; transform:translateX(20px); transition:opacity .65s var(--ease),transform .65s var(--ease) }\r\n.rv.in,.rv-l.in,.rv-r.in { opacity:1; transform:none }\r\n.d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}\r\n.d4{transition-delay:.28s}.d5{transition-delay:.35s}.d6{transition-delay:.42s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .about-grid { grid-template-columns: 1fr; gap: 48px }\r\n .about-section { padding: 64px 32px 72px }\r\n .cert-strip { padding: 14px 32px }\r\n .video-pill { bottom: -14px; right: -10px }\r\n}\r\n@media (max-width: 600px) {\r\n .about-section { padding: 48px 20px 56px }\r\n .cert-strip { padding: 12px 20px; justify-content: center }\r\n .cert-strip-left { display: none }\r\n .about-title { font-size: 26px }\r\n .stats-row { flex-direction: column }\r\n .stat-item + .stat-item::before { top:0;left:16%;right:16%;bottom:auto;width:auto;height:1px }\r\n .video-pill { display: none }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: .01ms !important;\r\n transition-duration: .01ms !important;\r\n }\r\n .rv, .rv-l, .rv-r { opacity:1 !important; transform:none !important }\r\n}\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n \r\n <div class=\"cert-strip\">\r\n <div class=\"cert-strip-left\">Recognised & Certified \u2014 <span>Istanbul's Leading Dental Clinic<\/span><\/div>\r\n <div class=\"cert-logos\">\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot ada\"><\/div>\r\n ADA Certified\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot moh\"><\/div>\r\n Turkish Ministry of Health\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot iso\"><\/div>\r\n ISO 9001 : 2015\r\n <\/div>\r\n <div class=\"cert-badge\">\r\n <div class=\"cert-badge-dot str\"><\/div>\r\n Straumann Certified Partner\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-section\">\r\n <div class=\"about-grid\">\r\n\r\n \r\n <div class=\"video-col rv-l\">\r\n <div class=\"video-accent\"><\/div>\r\n <div class=\"video-frame-wrap\">\r\n <iframe\r\n src=\"https:\/\/videopress.com\/embed\/t73MyDUK?cover=1&autoPlay=0&loop=0&muted=0&controls=1&playsinline=0\"\r\n allowfullscreen\r\n allow=\"clipboard-write\"\r\n loading=\"lazy\"\r\n ><\/iframe>\r\n <\/div>\r\n \r\n <div class=\"video-pill\">\r\n <div class=\"video-pill-dot\"><\/div>\r\n <div class=\"video-pill-text\"><strong>28,000+<\/strong> patients treated worldwide<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content-col rv-r d1\">\r\n <p class=\"eyebrow\">About Us<\/p>\r\n <h2 class=\"about-title\">World\u2011Class Dental Care,<br><em>Affordable<\/em> for Every Smile.<\/h2>\r\n <p class=\"about-desc\">\r\n Founded in 2016, Medico Clinic combines cutting-edge technology with globally certified expertise \u2014 all at up to <strong>70% less<\/strong> than UK or US prices. We follow you home with aftercare partners in London, Pennsylvania and Bangkok.\r\n <\/p>\r\n\r\n \r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"28\" data-prefix=\"+\" data-suffix=\"K\">+28K<\/div>\r\n <div class=\"stat-label\">Patients<br>Treated<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"96\" data-suffix=\"%\">96%<\/div>\r\n <div class=\"stat-label\">Patient Satisfaction<br>Rate<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"70\" data-prefix=\"\" data-suffix=\"%\">70%<\/div>\r\n <div class=\"stat-label\">More Affordable<br>vs UK & US<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"usp-list\">\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n In-house CAD\/CAM lab \u2014 same-day restorations available\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n Straumann, Bego & Hiossen implant brands\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n Local aftercare in London, Pennsylvania & Bangkok\r\n <\/div>\r\n <div class=\"usp-item\">\r\n <div class=\"usp-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\r\n VIP airport pickup \u00b7 hotel coordination \u00b7 dedicated coordinator\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row\">\r\n <a href=\"https:\/\/medicoclinic.net\/about\/\" class=\"btn-primary\">\r\n More About Us\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"btn-ghost\">\r\n Free Consultation\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); }\r\n });\r\n }, { threshold: .1 });\r\n shadow.querySelectorAll('.rv, .rv-l, .rv-r').forEach(el => rvIO.observe(el));\r\n\r\n \/* \u2500\u2500 Counter animation \u2500\u2500 *\/\r\n const countIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (!e.isIntersecting) return;\r\n const el = e.target;\r\n const target = parseInt(el.dataset.target, 10);\r\n const suffix = el.dataset.suffix || '';\r\n const prefix = el.dataset.prefix !== undefined ? el.dataset.prefix : '';\r\n if (isNaN(target)) return;\r\n countIO.unobserve(el);\r\n const dur = 1600;\r\n const start = performance.now();\r\n \/\/ Display as K for thousands\r\n const isK = target >= 1000;\r\n const display = isK ? Math.round(target \/ 1000) : target;\r\n const from = 0;\r\n (function tick(now) {\r\n const t = Math.min((now - start) \/ dur, 1);\r\n const val = Math.round(from + (display - from) * (1 - Math.pow(1 - t, 3)));\r\n el.textContent = prefix + val + (isK ? 'K' : '') + suffix;\r\n if (t < 1) requestAnimationFrame(tick);\r\n else el.textContent = prefix + display + (isK ? 'K' : '') + suffix;\r\n })(start);\r\n });\r\n }, { threshold: .3 });\r\n shadow.querySelectorAll('.stat-num[data-target]').forEach(el => countIO.observe(el));\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5259621 e-con-full e-flex e-con e-parent\" data-id=\"5259621\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-127e9d8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"127e9d8\" 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\r\n\r\n<div id=\"medico-press-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-press-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const ARTICLES = [\r\n {\r\n pub: 'USA Today',\r\n date: 'July 2025',\r\n headline: 'The Smile Solution: Why More Americans Are Choosing Dental Implants and Flying Abroad to Get Them',\r\n url: 'https:\/\/www.usatoday.com\/story\/special\/contributor-content\/2025\/07\/17\/the-smile-solution-why-more-americans-are-choosing-dental-implants-and-flying-abroad-to-get-them\/85259893007\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/USA-TOday-scaled.jpg'\r\n },\r\n {\r\n pub: 'IBTimes UK',\r\n date: 'March 2025',\r\n headline: 'Medico Clinic: Evolution of Dental Implantology',\r\n url: 'https:\/\/www.ibtimes.co.uk\/medico-clinic-evolution-dental-implantology-1776697',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/IB-Times.jpg'\r\n },\r\n {\r\n pub: 'Digital Journal',\r\n date: 'April 2025',\r\n headline: \"The Real Reason Everyone's Choosing Medico Clinic for the Perfect Hollywood Smile\",\r\n url: 'https:\/\/www.digitaljournal.com\/business\/the-real-reason-everyones-choosing-medico-clinic-for-the-perfect-hollywood-smile\/article',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Digital-Journal.jpg'\r\n },\r\n {\r\n pub: 'OK Magazine',\r\n date: 'January 2026',\r\n headline: 'Why in 2026 Dental Tourism Is No Longer About Cheap Prices',\r\n url: 'https:\/\/okmagazine.com\/p\/why-in-2026-dental-tourism-is-no-longer-about-cheap-prices\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/OK-Magazine.jpg'\r\n },\r\n {\r\n pub: 'ADNKronos',\r\n date: 'May 2025',\r\n headline: 'Turismo Dentale: Nuove Prospettive di Continuit\u00e0 Assistenziale in Italia',\r\n url: 'https:\/\/www.adnkronos.com\/Archivio\/salute\/turismo-dentale-nuove-prospettive-di-continuita-assistenziale-in-italia_6FW2tkrJgOv8PpzxdEBlsp',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Adnkrnoos.jpg'\r\n },\r\n {\r\n pub: 'IL Foglio',\r\n date: 'April 2025',\r\n headline: 'Turismo Dentale di Qualit\u00e0: Medico Clinic e il Modello Istanbul\u2013Italia',\r\n url: 'https:\/\/www.ilfoglio.it',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/IL-Foglio.jpg'\r\n },\r\n {\r\n pub: 'La Repubblica',\r\n date: 'May 2025',\r\n headline: 'Sorrisi Perfetti a Istanbul: Il Fenomeno del Turismo Dentale Made in Turkey',\r\n url: 'https:\/\/www.cocooners.com\/blog\/una-storia-personale-di-impianti-dentali-con-all-on-4-e-all-on-6-per-senior-attivi\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/La-Repbblica.png'\r\n },\r\n {\r\n pub: 'ComoZero',\r\n date: 'June 2025',\r\n headline: 'Un sorriso Hollywood per senior attivi: corone in zirconio e faccette dentali',\r\n url: 'https:\/\/comozero.it\/attualita\/un-sorriso-hollywood-per-senior-attivi-corone-in-zirconio-e-faccette-dentali\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Comozero.png'\r\n },\r\n {\r\n pub: 'La Testata',\r\n date: 'August 2025',\r\n headline: 'Dalla scansione al sorriso: come la chirurgia guidata 3D nelle cliniche italiane sta rivoluzionando la precisione degli impianti',\r\n url: 'https:\/\/www.latestata.it\/news\/dalla-scansione-al-sorriso-come-la-chirurgia-guidata-3d-nelle-cliniche-italiane-sta-rivoluzionando-la-precisione-degli-impianti\/',\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/Latestata.png'\r\n },\r\n {\r\n pub: 'MSN',\r\n date: 'March 2025',\r\n headline: 'Medico Clinic: Istanbul\\'s Leading Dental Tourism Destination Featured on MSN',\r\n url: null,\r\n img: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/05\/MSN-scaled.jpg'\r\n }\r\n ];\r\n\r\n const FALLBACKS = [\r\n 'linear-gradient(145deg,#012a40 0%,#01374f 60%,#003d55 100%)',\r\n 'linear-gradient(145deg,#022535 0%,#01304a 60%,#023550 100%)',\r\n 'linear-gradient(145deg,#01263c 0%,#013248 60%,#023a55 100%)',\r\n 'linear-gradient(145deg,#011f34 0%,#012a44 60%,#022f4a 100%)',\r\n 'linear-gradient(145deg,#012030 0%,#022840 60%,#023050 100%)',\r\n 'linear-gradient(145deg,#01253a 0%,#012f48 60%,#023558 100%)',\r\n 'linear-gradient(145deg,#011d30 0%,#012840 60%,#023050 100%)',\r\n 'linear-gradient(145deg,#012235 0%,#012c45 60%,#023355 100%)',\r\n 'linear-gradient(145deg,#012840 0%,#013350 60%,#023a5a 100%)',\r\n 'linear-gradient(145deg,#011a2e 0%,#012438 60%,#022c45 100%)',\r\n ];\r\n\r\n const cardsHTML = ARTICLES.map((a, i) => {\r\n const tag = a.url ? 'a' : 'div';\r\n const attrs = a.url ? `href=\"${a.url}\" target=\"_blank\" rel=\"noopener\"` : '';\r\n const cta = a.url\r\n ? `<span class=\"card-cta\">Read Article <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>`\r\n : `<span class=\"card-no-link\">As featured in MSN<\/span>`;\r\n return `\r\n <${tag} class=\"press-card${a.url ? '' : ' no-link'}\" ${attrs} draggable=\"false\">\r\n <div class=\"card-img\" style=\"background:${FALLBACKS[i % FALLBACKS.length]}\">\r\n <img decoding=\"async\" src=\"${a.img}\" alt=\"${a.pub} article screenshot\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n <div class=\"card-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-top\">\r\n <span class=\"card-badge\">Press Feature<\/span>\r\n <div class=\"card-pub-name\">${a.pub}<\/div>\r\n <p class=\"card-headline\">${a.headline}<\/p>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <span class=\"card-date\">${a.date}<\/span>\r\n ${cta}\r\n <\/div>\r\n <\/div>\r\n <\/${tag}>`;\r\n }).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.40);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.44);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 16px;\r\n --card-h: 186px;\r\n}\r\n\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n@keyframes glowOrb {\r\n 0%,100% { opacity:.4; transform:scale(1) }\r\n 50% { opacity:.75; transform:scale(1.18) }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.press-wrap {\r\n background: var(--navy-deep);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0 96px;\r\n}\r\n.press-wrap::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.025) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {\r\n position: absolute; border-radius: 50%; pointer-events: none;\r\n}\r\n.orb-1 {\r\n top: -140px; right: -80px; width: 520px; height: 520px;\r\n background: radial-gradient(circle, rgba(0,223,223,.07) 0%, transparent 65%);\r\n animation: glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom: -100px; left: -100px; width: 400px; height: 400px;\r\n background: radial-gradient(circle, rgba(0,223,223,.05) 0%, transparent 65%);\r\n animation: glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n\/* shimmer line \u2014 sits ABOVE the inner content with deliberate gap below *\/\r\n.shimmer-line {\r\n position: relative;\r\n z-index: 2;\r\n height: 1px;\r\n margin: 0 48px 56px; \/* \u2190 bottom margin creates gap to header *\/\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(0,223,223,.35) 30%,\r\n rgba(169,255,253,.55) 50%,\r\n rgba(0,223,223,.35) 70%,\r\n transparent\r\n );\r\n background-size: 200% auto;\r\n animation: shimmer 4s linear infinite;\r\n}\r\n\r\n\/* \u2550\u2550 INNER \u2550\u2550 *\/\r\n.inner {\r\n position: relative; z-index: 2;\r\n max-width: 1200px; margin: 0 auto; padding: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.press-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 44px;\r\n flex-wrap: wrap;\r\n}\r\n.eyebrow {\r\n font-size: 9.5px; font-weight: 600;\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: var(--cyan); margin-bottom: 12px;\r\n display: flex; align-items: center; gap: 8px;\r\n}\r\n.eyebrow::before {\r\n content: ''; width: 28px; height: 1.5px;\r\n background: var(--cyan); flex-shrink: 0;\r\n}\r\n.press-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(26px, 3.2vw, 40px);\r\n font-weight: 800; letter-spacing: -.025em;\r\n line-height: 1.15; color: var(--white);\r\n margin: 0 0 12px;\r\n}\r\n.press-title em { font-style: normal; color: var(--cyan); }\r\n.press-desc {\r\n font-size: 14px; font-weight: 300;\r\n line-height: 1.72; color: var(--t-body); max-width: 480px;\r\n}\r\n\r\n\/* \u2550\u2550 NAV \u2550\u2550 *\/\r\n.carousel-nav {\r\n display: flex; align-items: center; gap: 10px;\r\n flex-shrink: 0; align-self: flex-end;\r\n}\r\n.nav-btn {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: rgba(0,223,223,.05);\r\n color: var(--cyan); cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background .2s, border-color .2s, transform .18s;\r\n}\r\n.nav-btn:hover { background: rgba(0,223,223,.14); border-color: var(--border-h); transform: scale(1.08); }\r\n.nav-btn:active { transform: scale(.93); }\r\n.nav-btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.nav-dots { display: flex; gap: 6px; align-items: center; }\r\n.nav-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: rgba(0,223,223,.28);\r\n border: none; padding: 0; cursor: pointer;\r\n transition: background .25s, width .25s;\r\n}\r\n.nav-dot.active { background: var(--cyan); width: 22px; border-radius: 3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL TRACK \u2550\u2550 *\/\r\n.carousel-wrap {\r\n overflow: hidden;\r\n mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);\r\n}\r\n.carousel-track {\r\n display: flex;\r\n gap: 20px;\r\n padding: 8px 2px 24px;\r\n transition: transform .58s var(--ease);\r\n will-change: transform;\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.carousel-track.dragging { cursor: grabbing; transition: none; }\r\n\r\n\/* \u2550\u2550 CARD \u2550\u2550 *\/\r\n.press-card {\r\n flex: 0 0 calc(50% - 10px);\r\n height: var(--card-h);\r\n display: flex;\r\n align-items: stretch;\r\n background: rgba(0,223,223,.04);\r\n border: 1px solid rgba(0,223,223,.2);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n text-decoration: none;\r\n color: inherit;\r\n position: relative;\r\n transition: background .25s, border-color .25s, transform .3s var(--ease), box-shadow .3s;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.press-card:hover {\r\n background: rgba(0,223,223,.07);\r\n border-color: rgba(0,223,223,.48);\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\/* left cyan accent bar *\/\r\n.press-card::before {\r\n content: '';\r\n position: absolute; left: 0; top: 0; bottom: 0; width: 3px;\r\n background: linear-gradient(180deg, var(--cyan), var(--cyan-lt));\r\n border-radius: 3px 0 0 3px;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: IMAGE \u2500\u2500 *\/\r\n.card-img {\r\n width: 155px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-right: 1px solid var(--border);\r\n}\r\n.card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.press-card:hover .card-img img { transform: scale(1.05); }\r\n.card-img-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(90deg, transparent 60%, rgba(1,36,58,.5) 100%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: BODY \u2500\u2500 *\/\r\n.card-body {\r\n padding: 20px 22px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.card-top {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n}\r\n\r\n.card-badge {\r\n display: inline-flex; align-items: center; gap: 5px;\r\n font-size: 8.5px; font-weight: 700;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n color: var(--cyan);\r\n background: rgba(0,223,223,.1);\r\n border: 1px solid rgba(0,223,223,.22);\r\n border-radius: 20px; padding: 3px 10px;\r\n width: fit-content;\r\n}\r\n.card-badge::before {\r\n content: ''; width: 5px; height: 5px;\r\n border-radius: 50%; background: var(--cyan); flex-shrink: 0;\r\n}\r\n\r\n\/* Publication name \u2014 sits between badge and headline *\/\r\n.card-pub-name {\r\n font-family: var(--ff-h);\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: -.01em;\r\n line-height: 1.1;\r\n color: var(--white);\r\n}\r\n\r\n.card-headline {\r\n font-size: 13px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--t-body);\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 12px;\r\n border-top: 1px solid rgba(0,223,223,.1);\r\n margin-top: 10px;\r\n}\r\n.card-date {\r\n font-size: 10.5px; font-weight: 400; color: var(--t-muted);\r\n}\r\n.card-cta {\r\n display: inline-flex; align-items: center; gap: 5px;\r\n font-size: 10.5px; font-weight: 600;\r\n letter-spacing: .09em; text-transform: uppercase;\r\n color: var(--cyan); opacity: .8;\r\n transition: opacity .2s, gap .2s;\r\n}\r\n.press-card:hover .card-cta { opacity: 1; gap: 9px; }\r\n.card-cta svg {\r\n width: 12px; height: 12px;\r\n stroke: currentColor; fill: none;\r\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.press-card:hover .card-cta svg { transform: translateX(3px); }\r\n\r\n\/* MSN \u2014 no outbound link *\/\r\n.press-card.no-link { cursor: default; }\r\n.press-card.no-link:hover {\r\n transform: none;\r\n box-shadow: none;\r\n border-color: rgba(0,223,223,.2);\r\n background: rgba(0,223,223,.04);\r\n}\r\n.press-card.no-link::before { opacity: .4; }\r\n.card-no-link {\r\n font-size: 10.5px; font-weight: 400;\r\n font-style: italic;\r\n color: var(--t-muted);\r\n letter-spacing: .02em;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(20px); transition:opacity .6s var(--ease),transform .6s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1 { transition-delay:.08s; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .press-card { flex: 0 0 72vw; }\r\n .inner { padding: 0 24px; }\r\n .shimmer-line { margin: 0 24px 48px; }\r\n}\r\n@media (max-width: 600px) {\r\n .press-wrap { padding: 56px 0 64px; }\r\n .inner { padding: 0 16px; }\r\n .shimmer-line { margin: 0 16px 40px; }\r\n .press-card { flex: 0 0 88vw; height: auto; min-height: 160px; }\r\n .card-img { width: 120px; }\r\n .card-body { padding: 16px 16px; }\r\n .press-title { font-size: 24px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }\r\n .rv { opacity:1 !important; transform:none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"press-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n \r\n <div class=\"shimmer-line\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n <div class=\"press-header rv\">\r\n <div>\r\n <p class=\"eyebrow\">Press & Media<\/p>\r\n <h2 class=\"press-title\">Medico <em>In Press<\/em><\/h2>\r\n <p class=\"press-desc\">Recognised by international health and business publications across the US, UK, and Europe.<\/p>\r\n <\/div>\r\n <div class=\"carousel-nav\">\r\n <button class=\"nav-btn\" id=\"pressPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"pressDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"pressNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap rv d1\">\r\n <div class=\"carousel-track\" id=\"pressTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => rvIO.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#pressTrack');\r\n const prevBtn = shadow.querySelector('#pressPrev');\r\n const nextBtn = shadow.querySelector('#pressNext');\r\n const dotsEl = shadow.querySelector('#pressDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.press-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .58s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n track.querySelectorAll('.press-card').forEach(card => {\r\n card.addEventListener('click', e => { if (dragMoved) { e.preventDefault(); dragMoved = false; } });\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt); rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ce9d51 e-con-full e-flex e-con e-parent\" data-id=\"2ce9d51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aba91be elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aba91be\" 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\r\n\r\n<div id=\"medico-tx-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n \/* \u2500\u2500 1. Mount Shadow Root \u2500\u2500 *\/\r\n const host = document.getElementById('medico-tx-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 2. Inject everything into shadow \u2500\u2500 *\/\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HARD RESET \u2014 nothing from Elementor leaks in\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:host {\r\n all: initial;\r\n display: block;\r\n font-family: 'DM Sans', sans-serif;\r\n}\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TOKENS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-deep: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.74);\r\n --t-muted: rgba(255,255,255,.44);\r\n --border: rgba(0,223,223,.16);\r\n --border-h: rgba(0,223,223,.38);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --r: 14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes tickerX {\r\n 0% { transform: translateX(0) }\r\n 100% { transform: translateX(-50%) }\r\n}\r\n@keyframes glowOrb {\r\n 0%,100% { opacity:.5; transform:scale(1) }\r\n 50% { opacity:.9; transform:scale(1.2) }\r\n}\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center }\r\n 100% { background-position: 200% center }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WRAPPER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mc-wrap {\r\n font-family: var(--ff-b);\r\n background: var(--navy-deep);\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n font-size: 14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mc-section {\r\n position: relative;\r\n padding: 80px 0;\r\n overflow: hidden;\r\n background: var(--navy-deep);\r\n}\r\n.mc-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.025) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n\r\n.orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n}\r\n.orb-1 {\r\n top: -120px; right: -100px;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(0,223,223,.09) 0%, transparent 65%);\r\n animation: glowOrb 10s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom: -80px; left: -120px;\r\n width: 400px; height: 400px;\r\n background: radial-gradient(circle, rgba(0,223,223,.06) 0%, transparent 65%);\r\n animation: glowOrb 14s ease-in-out 4s infinite;\r\n}\r\n\r\n.sec-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sec-head {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 48px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.sec-label {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .26em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n margin: 0 0 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.sec-label::before {\r\n content: '';\r\n display: block;\r\n width: 28px;\r\n height: 1.5px;\r\n background: var(--cyan);\r\n flex-shrink: 0;\r\n}\r\n\r\n.sec-title {\r\n font-family: var(--ff-h);\r\n font-size: clamp(26px, 3.2vw, 38px);\r\n font-weight: 800;\r\n letter-spacing: -.025em;\r\n line-height: 1.15;\r\n color: var(--white);\r\n margin: 0;\r\n}\r\n.sec-title em {\r\n font-style: normal;\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTROLS ROW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.controls-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.btn-all {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 11px 22px;\r\n background: rgba(0,223,223,.08);\r\n border: 1px solid var(--border);\r\n border-radius: 40px;\r\n font-family: var(--ff-b);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background .2s, border-color .2s, transform .2s;\r\n white-space: nowrap;\r\n}\r\n.btn-all:hover {\r\n background: rgba(0,223,223,.15);\r\n border-color: var(--border-h);\r\n transform: translateY(-2px);\r\n}\r\n.btn-all svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n.carousel-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.cc-btn {\r\n width: 42px; height: 42px;\r\n border-radius: 50%;\r\n border: 1px solid var(--border);\r\n background: rgba(0,223,223,.05);\r\n color: var(--cyan);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background .2s, border-color .2s, transform .18s;\r\n}\r\n.cc-btn:hover {\r\n background: rgba(0,223,223,.14);\r\n border-color: var(--border-h);\r\n transform: scale(1.08);\r\n}\r\n.cc-btn:active { transform: scale(.94) }\r\n.cc-btn svg {\r\n width: 17px; height: 17px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.cc-dots {\r\n display: flex;\r\n gap: 5px;\r\n align-items: center;\r\n}\r\n.cc-dot {\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: rgba(0,223,223,.28);\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n transition: background .25s, width .25s;\r\n}\r\n.cc-dot.active {\r\n background: var(--cyan);\r\n width: 20px;\r\n border-radius: 3px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CAROUSEL TRACK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tx-track-wrap {\r\n overflow: hidden;\r\n border-radius: 4px;\r\n}\r\n\r\n.tx-track {\r\n display: flex;\r\n gap: 20px;\r\n padding: 6px 2px 18px;\r\n transition: transform .55s var(--ease);\r\n will-change: transform;\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n}\r\n.tx-track.dragging {\r\n cursor: grabbing;\r\n transition: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TREATMENT CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tx-card {\r\n flex: 0 0 calc(33.333% - 14px);\r\n background: rgba(255,255,255,.035);\r\n border: 1px solid var(--border);\r\n border-radius: var(--r);\r\n overflow: hidden;\r\n transition: border-color .25s, box-shadow .25s, transform .3s var(--ease);\r\n position: relative;\r\n}\r\n.tx-card:hover {\r\n border-color: var(--border-h);\r\n box-shadow: 0 16px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(0,223,223,.08);\r\n transform: translateY(-5px);\r\n}\r\n\r\n.tx-img {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.tx-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.tx-card:hover .tx-img img {\r\n transform: scale(1.06);\r\n}\r\n.tx-img-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(1,36,58,.88) 100%);\r\n}\r\n\r\n.tx-badge {\r\n position: absolute;\r\n top: 12px; left: 12px;\r\n background: var(--navy-deep);\r\n border: 1px solid var(--cyan);\r\n border-radius: 20px;\r\n padding: 4px 11px;\r\n font-family: var(--ff-b);\r\n font-size: 9px;\r\n font-weight: 600;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n}\r\n\r\n.tx-body {\r\n padding: 20px 22px 24px;\r\n}\r\n\r\n.tx-name {\r\n font-family: var(--ff-h);\r\n font-size: 17px;\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n line-height: 1.2;\r\n margin: 0 0 9px;\r\n color: var(--white);\r\n}\r\n\r\n.tx-desc {\r\n font-family: var(--ff-b);\r\n font-size: 13px;\r\n font-weight: 300;\r\n line-height: 1.65;\r\n color: var(--t-body);\r\n margin: 0 0 18px;\r\n min-height: 44px;\r\n}\r\n\r\n.tx-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-family: var(--ff-b);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n letter-spacing: .09em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n text-decoration: none;\r\n transition: gap .2s;\r\n}\r\n.tx-link:hover { gap: 10px }\r\n.tx-link svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: transform .2s;\r\n}\r\n.tx-link:hover svg { transform: translateX(3px) }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SHIMMER DIVIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sec-divider {\r\n height: 1px;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(0,223,223,.32) 30%,\r\n rgba(169,255,253,.55) 50%,\r\n rgba(0,223,223,.32) 70%,\r\n transparent\r\n );\r\n background-size: 200% auto;\r\n animation: shimmer 4s linear infinite;\r\n margin: 0 48px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BRANDS SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.brands-section {\r\n padding: 56px 0 64px;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.brands-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.02) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n\r\n.brands-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n.brands-label {\r\n font-family: var(--ff-b);\r\n font-size: 9.5px;\r\n font-weight: 600;\r\n letter-spacing: .26em;\r\n text-transform: uppercase;\r\n color: var(--cyan);\r\n margin: 0 0 9px;\r\n display: block;\r\n}\r\n.brands-heading {\r\n font-family: var(--ff-h);\r\n font-size: clamp(20px, 2.4vw, 28px);\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n line-height: 1.18;\r\n color: var(--white);\r\n margin: 0;\r\n}\r\n.brands-heading em {\r\n font-style: normal;\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2500\u2500 Infinite ticker \u2500\u2500 *\/\r\n.brands-track-wrap {\r\n position: relative;\r\n z-index: 2;\r\n overflow: hidden;\r\n mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\r\n}\r\n\r\n.brands-track {\r\n display: flex;\r\n width: max-content;\r\n animation: tickerX 28s linear infinite;\r\n}\r\n.brands-track:hover { animation-play-state: paused }\r\n\r\n.brand-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 52px;\r\n height: 84px;\r\n flex-shrink: 0;\r\n position: relative;\r\n}\r\n.brand-item::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 22%; bottom: 22%;\r\n width: 1px;\r\n background: var(--border);\r\n}\r\n\r\n.brand-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n opacity: .55;\r\n filter: brightness(1.5) grayscale(.2);\r\n transition: opacity .3s, filter .3s, transform .3s;\r\n white-space: nowrap;\r\n}\r\n.brand-logo:hover {\r\n opacity: 1;\r\n filter: brightness(1) grayscale(0);\r\n transform: scale(1.06);\r\n}\r\n\r\n.brand-logo img {\r\n height: 30px;\r\n width: auto;\r\n object-fit: contain;\r\n max-width: 130px;\r\n display: block;\r\n}\r\n\r\n.brand-name {\r\n font-family: var(--ff-h);\r\n font-size: 20px;\r\n font-weight: 800;\r\n letter-spacing: -.02em;\r\n color: var(--white);\r\n line-height: 1.1;\r\n}\r\n.brand-sub {\r\n font-family: var(--ff-b);\r\n font-size: 8.5px;\r\n font-weight: 500;\r\n letter-spacing: .16em;\r\n text-transform: uppercase;\r\n color: var(--t-muted);\r\n margin-top: 3px;\r\n display: block;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.rv {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n transition: opacity .6s var(--ease), transform .6s var(--ease);\r\n}\r\n.rv.in { opacity: 1; transform: none }\r\n.d1 { transition-delay: .07s }\r\n.d2 { transition-delay: .14s }\r\n.d3 { transition-delay: .21s }\r\n.d4 { transition-delay: .28s }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1100px) {\r\n .tx-card { flex: 0 0 calc(50% - 10px) }\r\n}\r\n@media (max-width: 680px) {\r\n .mc-section { padding: 56px 0 }\r\n .sec-inner { padding: 0 20px }\r\n .sec-head { margin-bottom: 28px }\r\n .sec-title { font-size: 24px }\r\n .tx-card { flex: 0 0 80vw }\r\n .sec-divider { margin: 0 20px }\r\n .brands-section{ padding: 40px 0 }\r\n .brand-item { padding: 0 36px }\r\n .controls-row { gap: 10px }\r\n .btn-all { display: none }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: .01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: .01ms !important;\r\n }\r\n .rv { opacity: 1 !important; transform: none !important }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mc-wrap\">\r\n<section class=\"mc-section\" id=\"mc-treatments\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"sec-inner\">\r\n\r\n <div class=\"sec-head rv\">\r\n <div>\r\n <p class=\"sec-label\">Our Treatments<\/p>\r\n <h2 class=\"sec-title\">Comprehensive care <em>tailored<\/em><br>for every smile<\/h2>\r\n <\/div>\r\n <div class=\"controls-row\">\r\n <a href=\"https:\/\/medicoclinic.net\/treatments\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n All Treatments\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"carousel-controls\">\r\n <button class=\"cc-btn\" id=\"txPrev\" aria-label=\"Previous treatment\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"cc-dots\" id=\"txDots\"><\/div>\r\n <button class=\"cc-btn\" id=\"txNext\" aria-label=\"Next treatment\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tx-track-wrap rv d2\">\r\n <div class=\"tx-track\" id=\"txTrack\">\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/dental-implants-dentist-discussing-a-treatment-pl-2023-11-27-05-35-23-utc-scaled.jpg\" alt=\"Dental Implants\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Most Popular<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Implants<\/div>\r\n <div class=\"tx-desc\">Permanent teeth replacement using Straumann, Bego & Hiossen brands. Looks and feels completely natural.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-implants\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/a-closeup-shot-of-a-smiling-woman-showing-her-clea-2026-03-26-05-33-05-utc-scaled.jpg\" alt=\"Smile Makeover\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Top Choice<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Smile Makeover<\/div>\r\n <div class=\"tx-desc\">A comprehensive cosmetic transformation combining veneers, whitening, and gum contouring for a flawless result.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/smile-makeover\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/top-view-of-dentist-with-veneers-palette-stock-pho-2026-03-19-10-37-11-utc-scaled.jpg\" alt=\"Dental Veneers\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Veneers<\/div>\r\n <div class=\"tx-desc\">Ultra-thin Emax porcelain or zirconia shells bonded to your teeth. Correct colour, shape and alignment in one visit.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-veneers\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/5135236b-0712-4ad8-95ec-be581db63381-2026-04-10-scaled.jpeg\" alt=\"All-on-4\/6 Implants\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <span class=\"tx-badge\">Full Arch<\/span>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">All-on-4 \/ All-on-6<\/div>\r\n <div class=\"tx-desc\">Full arch restoration on just 4 or 6 implants. Fixed, permanent teeth in a single trip. Ideal for multiple missing teeth.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/all-on-4-implants\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/dental-implant-model-in-modern-clinic-showing-tee-2023-11-27-04-55-39-utc-scaled.jpg\" alt=\"Dental Crowns\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Dental Crowns<\/div>\r\n <div class=\"tx-desc\">CAD\/CAM milled monolithic zirconia crowns. Restore damaged or weakened teeth with strength and precision.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/dental-crowns\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tx-card\">\r\n <div class=\"tx-img\">\r\n <img decoding=\"async\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/surgeon-with-special-forceps-and-extracted-tooth-i-2026-01-08-06-34-27-utc-scaled.jpg\" alt=\"Surgical Dentistry\" loading=\"lazy\">\r\n <div class=\"tx-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"tx-body\">\r\n <div class=\"tx-name\">Surgical Dentistry<\/div>\r\n <div class=\"tx-desc\">Sinus lifts, bone grafting, complex extractions and gum surgery \u2014 handled by specialist surgeons on-site.<\/div>\r\n <a href=\"https:\/\/medicoclinic.net\/surgical-dentistry\/\" class=\"tx-link\" target=\"_blank\" rel=\"noopener\">\r\n Learn More <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"sec-divider\"><\/div>\r\n\r\n\r\n<section class=\"brands-section\" id=\"mc-brands\">\r\n <div class=\"brands-header rv\">\r\n <span class=\"brands-label\">Trusted Brands<\/span>\r\n <h2 class=\"brands-heading\">Premium implant brands \u2014 <em>exceptional savings<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"brands-track-wrap\">\r\n <div class=\"brands-track\">\r\n\r\n \r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">BEGO<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde9\ud83c\uddea Germany<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Straumann<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde8\ud83c\udded Switzerland \u00b7 #1 Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Hiossen<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:17px\">Anthogyr<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddeb\ud83c\uddf7 Straumann Group \u00b7 France<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:16px\">BioHorizons<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:15px\">Straumann n!ce<\/span>\r\n <span class=\"brand-sub\">Zirconia \u00b7 \ud83c\udde8\ud83c\udded Switzerland<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">BEGO<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde9\ud83c\uddea Germany<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Straumann<\/span>\r\n <span class=\"brand-sub\">\ud83c\udde8\ud83c\udded Switzerland \u00b7 #1 Worldwide<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\">Hiossen<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:17px\">Anthogyr<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddeb\ud83c\uddf7 Straumann Group \u00b7 France<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:16px\">BioHorizons<\/span>\r\n <span class=\"brand-sub\">\ud83c\uddfa\ud83c\uddf8 United States<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brand-item\">\r\n <div class=\"brand-logo\">\r\n <div style=\"display:flex;flex-direction:column\">\r\n <span class=\"brand-name\" style=\"font-size:15px\">Straumann n!ce<\/span>\r\n <span class=\"brand-sub\">Zirconia \u00b7 \ud83c\udde8\ud83c\udded Switzerland<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 3. JavaScript \u2014 all queries scoped to shadow \u2500\u2500 *\/\r\n\r\n \/\/ Scroll reveal\r\n const rvIO = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.classList.add('in'); rvIO.unobserve(e.target); }\r\n });\r\n }, { threshold: .1 });\r\n shadow.querySelectorAll('.rv').forEach(el => rvIO.observe(el));\r\n\r\n \/\/ Carousel\r\n (function () {\r\n const track = shadow.querySelector('#txTrack');\r\n const prevBtn = shadow.querySelector('#txPrev');\r\n const nextBtn = shadow.querySelector('#txNext');\r\n const dotsEl = shadow.querySelector('#txDots');\r\n if (!track || !prevBtn || !nextBtn || !dotsEl) return;\r\n\r\n const cards = track.querySelectorAll('.tx-card');\r\n const total = cards.length;\r\n let current = 0, isDragging = false, startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount() {\r\n const w = track.parentElement.offsetWidth;\r\n const gap = 20;\r\n const cardW = cards[0].offsetWidth + gap;\r\n return Math.max(1, Math.round(w \/ cardW));\r\n }\r\n\r\n function maxIndex() { return Math.max(0, total - visibleCount()); }\r\n\r\n function buildDots() {\r\n dotsEl.innerHTML = '';\r\n const pages = maxIndex() + 1;\r\n for (let i = 0; i < pages; i++) {\r\n const d = document.createElement('button');\r\n d.className = 'cc-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n\r\n function updateDots() {\r\n dotsEl.querySelectorAll('.cc-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n\r\n function getOffset(i) {\r\n const gap = 20;\r\n const cardW = cards[0].offsetWidth + gap;\r\n return -i * cardW;\r\n }\r\n\r\n function goTo(i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .55s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n \/\/ Drag\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging');\r\n track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/\/ Touch\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/\/ Resize\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots();\r\n goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a45e503 e-con-full e-flex e-con e-parent\" data-id=\"a45e503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54709ea elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"54709ea\" 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\r\n\r\n<div id=\"medico-why-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-why-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const CARDS = [\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n title: '10 Board-Certified Specialists',\r\n desc: 'Implantologists, prosthodontists, cosmetic dentists and surgeons \u2014 all under one roof in Istanbul.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>`,\r\n title: 'Globally Trusted Implant Brands',\r\n desc: 'Straumann, Bego & Hiossen \u2014 the same brands your local dentist quotes at 2\u20133\u00d7 the price.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M7 8h10M7 12h6\"\/><\/svg>`,\r\n title: 'In-House CAD\/CAM Lab',\r\n desc: 'Same-day zirconia crowns and precision-milled restorations. No third-party delays, no extra markup.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20\"\/><\/svg>`,\r\n title: 'Aftercare on 4 Continents',\r\n desc: 'Partner clinics in London, Pennsylvania & Bangkok. Your file follows you home. You\\'re never on your own.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>`,\r\n title: '96% Patient Satisfaction',\r\n desc: 'Verified by independent surveys across 40+ patient nationalities. Real results, not marketing claims.'\r\n },\r\n {\r\n icon: `<svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>`,\r\n title: 'Full VIP Concierge Experience',\r\n desc: 'Airport pickup, luxury hotel, dedicated coordinator. Every detail handled from landing to departure.'\r\n }\r\n ];\r\n\r\n const cardsHTML = CARDS.map((c, i) => `\r\n <div class=\"feat-card rv-up\" style=\"transition-delay:${i * 0.07}s\">\r\n <div class=\"feat-icon-wrap\">\r\n <div class=\"feat-icon\">${c.icon}<\/div>\r\n <div class=\"feat-icon-glow\"><\/div>\r\n <\/div>\r\n <div class=\"feat-title\">${c.title}<\/div>\r\n <div class=\"feat-desc\">${c.desc}<\/div>\r\n <div class=\"feat-line\"><\/div>\r\n <\/div>\r\n `).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.8;transform:scale(1.16)}\r\n}\r\n@keyframes glowPulse {\r\n 0%,100%{opacity:.5;transform:scale(1)} 50%{opacity:1;transform:scale(1.3)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.why-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 92px 0 100px;\r\n}\r\n.why-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {position:absolute;border-radius:50%;pointer-events:none;}\r\n.orb-1{top:-160px;right:-80px;width:560px;height:560px;\r\n background:radial-gradient(circle,rgba(0,223,223,.08) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;}\r\n.orb-2{bottom:-120px;left:-100px;width:460px;height:460px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.sec-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:52px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width: 560px; }\r\n.eyebrow {\r\n font-size:9.5px;font-weight:600;\r\n letter-spacing:.28em;text-transform:uppercase;\r\n color:var(--cyan);margin-bottom:12px;\r\n display:flex;align-items:center;gap:8px;\r\n}\r\n.eyebrow::before{content:'';width:28px;height:1.5px;background:var(--cyan);flex-shrink:0;}\r\n.sec-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(28px,3.2vw,42px);\r\n font-weight:800;letter-spacing:-.025em;\r\n line-height:1.13;color:var(--white);\r\n margin:0 0 12px;\r\n}\r\n.sec-title em{font-style:normal;color:var(--cyan);}\r\n.sec-desc {\r\n font-size:14.5px;font-weight:300;\r\n line-height:1.72;color:var(--t-body);\r\n}\r\n\r\n\/* carousel nav \u2014 standalone row above cards *\/\r\n.carousel-nav-row {\r\n display:flex;align-items:center;justify-content:flex-start;\r\n gap:10px;margin-bottom:20px;\r\n}\r\n\r\n\/* carousel nav *\/\r\n.carousel-nav {\r\n display:flex;align-items:center;\r\n gap:10px;flex-shrink:0;align-self:flex-end;\r\n}\r\n.nav-btn {\r\n width:44px;height:44px;border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan);cursor:pointer;\r\n display:flex;align-items:center;justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover{background:rgba(0,223,223,.14);border-color:var(--border-h);transform:scale(1.08);}\r\n.nav-btn:active{transform:scale(.93);}\r\n.nav-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\r\n.nav-dots{display:flex;gap:6px;align-items:center;}\r\n.nav-dot{\r\n width:6px;height:6px;border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none;padding:0;cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active{background:var(--cyan);width:22px;border-radius:3px;}\r\n\r\n\/* \u2550\u2550 TEAM PHOTO \u2550\u2550 *\/\r\n.team-photo-wrap {\r\n position:relative;\r\n margin-bottom:56px;\r\n border-radius:20px;\r\n overflow:hidden;\r\n height:380px;\r\n background: linear-gradient(135deg, var(--navy-mid) 0%, var(--navy-dp) 100%);\r\n}\r\n.team-photo-wrap img {\r\n width:100%;height:100%;\r\n object-fit:cover;\r\n object-position:center 30%;\r\n display:block;\r\n transition:transform .8s var(--ease);\r\n}\r\n.team-photo-wrap:hover img{transform:scale(1.03);}\r\n\r\n\/* gradient overlay \u2014 bottom fade *\/\r\n.team-photo-wrap::after {\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(\r\n 180deg,\r\n rgba(1,36,58,.05) 0%,\r\n transparent 30%,\r\n transparent 60%,\r\n rgba(1,36,58,.65) 100%\r\n );\r\n pointer-events:none;\r\n}\r\n\/* cyan border glow *\/\r\n.team-photo-wrap::before {\r\n content:'';position:absolute;inset:-1px;\r\n border-radius:21px;\r\n background:linear-gradient(160deg,rgba(0,223,223,.25) 0%,transparent 45%,rgba(0,223,223,.1) 100%);\r\n z-index:-1;\r\n}\r\n\r\n\/* floating label inside photo *\/\r\n.team-label {\r\n position:absolute;bottom:24px;left:32px;\r\n z-index:2;\r\n display:flex;align-items:center;gap:14px;\r\n}\r\n.team-label-dot{\r\n width:9px;height:9px;border-radius:50%;\r\n background:var(--cyan);flex-shrink:0;\r\n box-shadow:0 0 0 3px rgba(0,223,223,.25);\r\n}\r\n.team-label-text{\r\n font-family:var(--ff-h);\r\n font-size:15px;font-weight:800;\r\n letter-spacing:-.01em;color:var(--white);\r\n text-shadow:0 2px 12px rgba(0,0,0,.4);\r\n}\r\n.team-label-text span{color:var(--cyan);}\r\n\r\n.team-stat-pills {\r\n position:absolute;bottom:24px;right:32px;\r\n z-index:2;display:flex;gap:10px;\r\n}\r\n.team-stat-pill {\r\n background:rgba(1,36,58,.8);\r\n backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n border:1px solid rgba(0,223,223,.22);\r\n border-radius:40px;padding:8px 18px;\r\n display:flex;flex-direction:column;align-items:center;\r\n gap:1px;\r\n}\r\n.pill-num{\r\n font-family:var(--ff-h);\r\n font-size:18px;font-weight:800;\r\n letter-spacing:-.02em;line-height:1;\r\n color:var(--white);\r\n}\r\n.pill-num span{color:var(--cyan);}\r\n.pill-lbl{\r\n font-size:9px;font-weight:500;\r\n letter-spacing:.1em;text-transform:uppercase;\r\n color:var(--t-muted);white-space:nowrap;\r\n}\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-wrap {\r\n overflow:hidden;\r\n mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%);\r\n -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 3%,black 97%,transparent 100%);\r\n margin-bottom:52px;\r\n}\r\n.carousel-track {\r\n display:flex;\r\n gap:20px;\r\n padding:8px 2px 20px;\r\n transition:transform .58s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none;\r\n -webkit-user-select:none;\r\n}\r\n.carousel-track.dragging{cursor:grabbing;transition:none;}\r\n\r\n\/* \u2550\u2550 FEATURE CARD \u2550\u2550 *\/\r\n.feat-card {\r\n flex:0 0 calc(33.333% - 14px);\r\n padding:36px 28px 32px;\r\n background:rgba(255,255,255,.025);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:background .28s,border-color .28s,transform .32s var(--ease),box-shadow .32s;\r\n display:flex;flex-direction:column;gap:16px;\r\n}\r\n.feat-card:hover {\r\n background:rgba(0,223,223,.06);\r\n border-color:var(--border-h);\r\n transform:translateY(-6px);\r\n box-shadow:0 20px 56px rgba(0,0,0,.35),0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\/* top cyan accent *\/\r\n.feat-card::before {\r\n content:'';\r\n position:absolute;top:0;left:0;right:0;height:2px;\r\n background:linear-gradient(90deg,transparent,var(--cyan),transparent);\r\n opacity:0;transition:opacity .28s;\r\n}\r\n.feat-card:hover::before{opacity:1;}\r\n\r\n\/* icon *\/\r\n.feat-icon-wrap {\r\n position:relative;width:fit-content;\r\n}\r\n.feat-icon {\r\n width:64px;height:64px;\r\n border-radius:16px;\r\n background:rgba(0,223,223,.08);\r\n border:1.5px solid rgba(0,223,223,.22);\r\n display:flex;align-items:center;justify-content:center;\r\n position:relative;z-index:1;\r\n transition:background .28s,border-color .28s;\r\n}\r\n.feat-card:hover .feat-icon{\r\n background:rgba(0,223,223,.16);\r\n border-color:rgba(0,223,223,.45);\r\n}\r\n.feat-icon svg {\r\n width:30px;height:30px;\r\n stroke:var(--cyan);fill:none;\r\n stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n.feat-icon-glow {\r\n position:absolute;top:50%;left:50%;\r\n transform:translate(-50%,-50%);\r\n width:64px;height:64px;\r\n border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,223,223,.18) 0%,transparent 70%);\r\n opacity:0;\r\n animation:glowPulse 3s ease-in-out infinite;\r\n transition:opacity .28s;\r\n}\r\n.feat-card:hover .feat-icon-glow{opacity:1;}\r\n\r\n.feat-title {\r\n font-family:var(--ff-h);\r\n font-size:16px;font-weight:800;\r\n letter-spacing:-.018em;line-height:1.22;\r\n color:var(--white);\r\n}\r\n.feat-desc {\r\n font-size:13.5px;font-weight:300;\r\n line-height:1.65;color:var(--t-body);\r\n flex:1;\r\n}\r\n.feat-line {\r\n width:32px;height:2px;border-radius:2px;\r\n background:linear-gradient(90deg,var(--cyan),var(--cyan-lt));\r\n opacity:.5;\r\n transition:width .3s var(--ease),opacity .3s;\r\n}\r\n.feat-card:hover .feat-line{width:56px;opacity:1;}\r\n\r\n\/* \u2550\u2550 CTA ROW \u2550\u2550 *\/\r\n.cta-row {\r\n display:flex;align-items:center;justify-content:center;\r\n flex-direction:column;gap:14px;\r\n text-align:center;\r\n}\r\n.cta-hint {\r\n font-size:12.5px;font-weight:300;\r\n color:var(--t-muted);letter-spacing:.02em;\r\n}\r\n.btn-primary {\r\n display:inline-flex;align-items:center;gap:9px;\r\n padding:16px 36px;\r\n background:var(--cyan);\r\n border:none;border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:14px;font-weight:600;letter-spacing:.05em;\r\n color:var(--navy-dp);\r\n text-decoration:none;cursor:pointer;\r\n transition:background .2s,transform .22s,box-shadow .22s;\r\n box-shadow:0 6px 28px rgba(0,223,223,.32);\r\n}\r\n.btn-primary:hover{\r\n background:var(--cyan-lt);\r\n transform:translateY(-2px);\r\n box-shadow:0 12px 36px rgba(0,223,223,.42);\r\n}\r\n.btn-primary svg{\r\n width:16px;height:16px;\r\n stroke:currentColor;fill:none;\r\n stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\r\n transition:transform .2s;\r\n}\r\n.btn-primary:hover svg{transform:translateX(4px);}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv-up {\r\n opacity:0;transform:translateY(22px);\r\n transition:opacity .65s var(--ease),transform .65s var(--ease);\r\n}\r\n.rv-up.in{opacity:1;transform:none;}\r\n.rv-fade{opacity:0;transition:opacity .7s var(--ease);}\r\n.rv-fade.in{opacity:1;}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n .feat-card{flex:0 0 calc(50% - 10px);}\r\n .inner{padding:0 32px;}\r\n .team-photo-wrap{height:300px;}\r\n}\r\n@media(max-width:640px){\r\n .why-wrap{padding:60px 0 72px;}\r\n .inner{padding:0 20px;}\r\n .feat-card{flex:0 0 80vw;padding:28px 22px 26px;}\r\n .feat-icon{width:56px;height:56px;}\r\n .feat-icon svg{width:26px;height:26px;}\r\n .team-photo-wrap{height:240px;}\r\n .team-stat-pills{display:none;}\r\n .sec-title{font-size:26px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv-up,.rv-fade{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"why-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"sec-header rv-fade\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Why Choose Us<\/p>\r\n <h2 class=\"sec-title\">Exceptional Quality<br>and <em>Affordability<\/em><\/h2>\r\n <p class=\"sec-desc\">28,000+ patients. 10 specialists. Aftercare in London, Pennsylvania & Bangkok.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"team-photo-wrap rv-fade\">\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2026\/04\/DSC04821-2-scaled.jpg\"\r\n alt=\"Medico Clinic medical team \u2014 10 specialist doctors in Istanbul\"\r\n loading=\"lazy\"\r\n onerror=\"this.style.opacity='0'\"\r\n >\r\n <div class=\"team-label\">\r\n <\/div>\r\n <div class=\"team-stat-pills\">\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">28<span>K+<\/span><\/div>\r\n <div class=\"pill-lbl\">Patients Treated<\/div>\r\n <\/div>\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">96<span>%<\/span><\/div>\r\n <div class=\"pill-lbl\">Satisfaction Rate<\/div>\r\n <\/div>\r\n <div class=\"team-stat-pill\">\r\n <div class=\"pill-num\">70<span>%<\/span><\/div>\r\n <div class=\"pill-lbl\">More Affordable<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-nav-row rv-fade\">\r\n <button class=\"nav-btn\" id=\"whyPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"whyDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"whyNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track\" id=\"whyTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cta-row rv-fade\">\r\n <p class=\"cta-hint\">No commitment. Free treatment plan and cost estimate.<\/p>\r\n <a href=\"https:\/\/medicoclinic.net\/#contact-form\" class=\"btn-primary\">\r\n Get a FREE Consultation\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv-up, .rv-fade').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#whyTrack');\r\n const prevBtn = shadow.querySelector('#whyPrev');\r\n const nextBtn = shadow.querySelector('#whyNext');\r\n const dotsEl = shadow.querySelector('#whyDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.feat-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .58s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n goTo(current + (Math.abs(e.clientX - startX) > 60 ? (e.clientX - startX < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51ebe0c e-flex e-con-boxed e-con e-child\" data-id=\"51ebe0c\" 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<div class=\"elementor-element elementor-element-1a7b17c e-con-full e-flex e-con e-child\" data-id=\"1a7b17c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03a7009 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"03a7009\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">PATIENT JOURNEY<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0da2802 elementor-widget elementor-widget-heading\" data-id=\"0da2802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Journey with Medico Clinic<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-123d303 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"123d303\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Embark on a carefully crafted journey where your comfort, safety, and satisfaction come first. From a detailed online consultation to personalized treatment and dedicated post-care, every step with Medico Clinic is designed to provide a world-class experience.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8052833 e-con-full e-flex e-con e-child\" data-id=\"8052833\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b47e51 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"1b47e51\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"d464756"},{"slide_title":"Slide #2","_id":"b32dfb1"},{"slide_title":"Slide #3","_id":"1002d11"},{"slide_title":"Slide #4","_id":"a306be6"},{"slide_title":"Slide #5","_id":"2daead2"},{"slide_title":"Slide #6","_id":"db50d33"},{"slide_title":"Slide #7","_id":"fa5739a"}],"slides_to_show":"1","slides_to_show_tablet":"1","slides_to_show_mobile":"1","autoplay":"yes","autoplay_speed":5000,"pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"offset_sides":"none","arrows":"yes","pagination":"bullets","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d830dc8 e-con-full e-flex e-con e-child\" data-id=\"d830dc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2278edc e-con-full e-flex e-con e-child\" data-id=\"2278edc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71be091 elementor-widget elementor-widget-image\" data-id=\"71be091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1200x800.webp\" class=\"attachment-large size-large wp-image-8938\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/black_student_with_toothache_pain_discussing_medical_treatment_with.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ac9f61 e-con-full e-flex e-con e-child\" data-id=\"5ac9f61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b44000 elementor-widget elementor-widget-heading\" data-id=\"2b44000\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">#1 -Online Consultation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f4ea8d elementor-widget elementor-widget-text-editor\" data-id=\"1f4ea8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Begin your journey with a detailed online consultation from the comfort of your home. Our dedicated team of multilingual medical consultants is here to assist you to ensure that language is never a barrier to understanding your unique needs.<\/p>\t\t\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\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e911cb e-flex e-con-boxed e-con e-child\" data-id=\"6e911cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5a5cc05 e-con-full e-flex e-con e-child\" data-id=\"5a5cc05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ec18a elementor-widget elementor-widget-image\" data-id=\"60ec18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"801\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1200x801.webp\" class=\"attachment-large size-large wp-image-8939\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1200x801.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-500x334.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport-1536x1025.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/medium-shot-happy-family-airport.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4ccbb9 e-con-full e-flex e-con e-child\" data-id=\"f4ccbb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-927c580 elementor-widget elementor-widget-heading\" data-id=\"927c580\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#2- Arrival and Transfer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9daf2ff elementor-widget elementor-widget-text-editor\" data-id=\"9daf2ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Upon arrival in T\u00fcrkiye, experience a warm welcome from our professional team, who will assist you with a smooth, secure transfer to your accommodation. Choose from a selection of luxurious hotels carefully curated to provide you with the comfort and relaxation you deserve.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67d5d6d e-flex e-con-boxed e-con e-child\" data-id=\"67d5d6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-39e8e78 e-con-full e-flex e-con e-child\" data-id=\"39e8e78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ecf962 elementor-widget elementor-widget-image\" data-id=\"4ecf962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"917\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1200x917.webp\" class=\"attachment-large size-large wp-image-8943\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1200x917.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-500x382.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-300x229.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-768x587.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room-1536x1174.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/housekeeper-cleaning-hotel-room.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d7adab e-con-full e-flex e-con e-child\" data-id=\"2d7adab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-874fafc elementor-widget elementor-widget-heading\" data-id=\"874fafc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#3- Accommodation <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb96862 elementor-widget elementor-widget-text-editor\" data-id=\"bb96862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your accommodation has been selected with your comfort in mind, providing a serene and sophisticated environment for your stay. Each hotel is equipped with amenities designed to make you feel at ease, allowing you to relax and rejuvenate.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e71879b e-flex e-con-boxed e-con e-child\" data-id=\"e71879b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-42a60c3 e-con-full e-flex e-con e-child\" data-id=\"42a60c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-add5241 elementor-widget elementor-widget-image\" data-id=\"add5241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1200x800.webp\" class=\"attachment-large size-large wp-image-8944\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/orthodontist_nurse_holding_digital_tablet_with_tooth_radiography-2.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbb70a2 e-con-full e-flex e-con e-child\" data-id=\"fbb70a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d829bf1 elementor-widget elementor-widget-heading\" data-id=\"d829bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">#4 - Clinical Consultation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2774f8 elementor-widget elementor-widget-text-editor\" data-id=\"e2774f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our dentists take the time to understand your specific goals, reviewing every detail of your customized treatment plan. With a deep commitment to precision and care, they are here to answer any remaining questions and ensure you are fully prepared and comfortable with the next steps.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"5\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a11bf73 e-flex e-con-boxed e-con e-child\" data-id=\"a11bf73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37045ce e-con-full e-flex e-con e-child\" data-id=\"37045ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052c832 elementor-widget elementor-widget-image\" data-id=\"052c832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1200x800.webp\" class=\"attachment-large size-large wp-image-8942\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/handsome_man_is_having_preventive_dental_checkup_clinic_initial.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02a6066 e-con-full e-flex e-con e-child\" data-id=\"02a6066\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a405a elementor-widget elementor-widget-heading\" data-id=\"d2a405a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#5 - The Procedure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6761976 elementor-widget elementor-widget-text-editor\" data-id=\"6761976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your treatment is conducted by highly skilled surgeons and medical professionals who use the latest technology and advanced surgical techniques to ensure optimal results.\u00a0<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"6\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f441ca8 e-flex e-con-boxed e-con e-child\" data-id=\"f441ca8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1795030 e-con-full e-flex e-con e-child\" data-id=\"1795030\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04c148 elementor-widget elementor-widget-image\" data-id=\"a04c148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1200x800.webp\" class=\"attachment-large size-large wp-image-8941\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/dentist-doing-check-up-patient.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52bd67c e-con-full e-flex e-con e-child\" data-id=\"52bd67c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15bae9c elementor-widget elementor-widget-heading\" data-id=\"15bae9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#6 - Check-Up<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71d1186 elementor-widget elementor-widget-text-editor\" data-id=\"71d1186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Following your treatment, our team performs a thorough post-procedure check-up to ensure your comfort and satisfaction. Our experienced doctors carefully monitor your progress and address any questions or concerns.\u00a0<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"7\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 7\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2390229 e-flex e-con-boxed e-con e-child\" data-id=\"2390229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f06c9c8 e-con-full e-flex e-con e-child\" data-id=\"f06c9c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b8b82 elementor-widget elementor-widget-image\" data-id=\"c3b8b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1200x800.webp\" class=\"attachment-large size-large wp-image-8940\" alt=\"\" srcset=\"https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1200x800.webp 1200w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-500x333.webp 500w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-300x200.webp 300w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-768x512.webp 768w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus-1536x1024.webp 1536w, https:\/\/medicoclinic.net\/wp-content\/uploads\/2024\/10\/people_airport_are_wearing_masks_protect_themselves_from_virus.webp 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af7d773 e-con-full e-flex e-con e-child\" data-id=\"af7d773\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1288b7e elementor-widget elementor-widget-heading\" data-id=\"1288b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#7- Departure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d00b7a elementor-widget elementor-widget-text-editor\" data-id=\"1d00b7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As your journey concludes, depart with a renewed sense of confidence, knowing your experience was led by professionals who prioritize your care and comfort at every step. From your initial consultation to your final check-up, Medico Clinic is committed to delivering a seamless, exceptional experience.<\/p>\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ab680a e-con-full e-flex e-con e-parent\" data-id=\"3ab680a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79ccb21 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"79ccb21\" 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\r\n\r\n<div id=\"medico-testi-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-testi-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 ADD \/ EDIT VIDEOS HERE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n id : VideoPress video ID (the part after \/v\/ in the share URL)\r\n name : Patient first name + last initial\r\n country : Patient's country (shown as flag text)\r\n treatment : Treatment they received\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const VIDEOS = [\r\n {\r\n id: '0TTfTQo6',\r\n name: 'Leo. F',\r\n country: 'United Kingdom',\r\n flag: '\ud83c\uddec\ud83c\udde7',\r\n treatment: 'Full mouth implants'\r\n },\r\n \/* \u2500\u2500 SLOT 2 \u2014 replace VIDEOPRESS_ID_2 \u2500\u2500 *\/\r\n {\r\n id: '505KqnB9',\r\n name: 'Stanley. S',\r\n country: 'United States',\r\n flag: '\ud83c\uddfa\ud83c\uddf8',\r\n treatment: 'Hollywood Smile'\r\n },\r\n \/* \u2500\u2500 SLOT 3 \u2014 replace VIDEOPRESS_ID_3 \u2500\u2500 *\/\r\n {\r\n id: 'qco41exi',\r\n name: 'Wolfe. M',\r\n country: 'Australia',\r\n flag: '\ud83c\udde6\ud83c\uddfa',\r\n treatment: 'Full Mouth Crown'\r\n },\r\n \/* \u2500\u2500 SLOT 4 \u2014 replace VIDEOPRESS_ID_4 \u2500\u2500 *\/\r\n {\r\n id: 'UMHQcN8E',\r\n name: 'Anna',\r\n country: 'Sweden',\r\n flag: '\ud83c\uddf8\ud83c\uddea',\r\n treatment: 'Smile Makeover'\r\n },\r\n \/* \u2500\u2500 SLOT 5 \u2014 replace VIDEOPRESS_ID_5 \u2500\u2500 *\/\r\n {\r\n id: 'fLgKcNvX',\r\n name: 'Islam. S & Ehab. S',\r\n country: 'Canada',\r\n flag: '\ud83c\udde8\ud83c\udde6',\r\n treatment: 'Hollywood Smile'\r\n }\r\n ];\r\n\r\n const cardsHTML = VIDEOS.map((v, i) => {\r\n const isPlaceholder = v.id.startsWith('VIDEOPRESS_ID_');\r\n return `\r\n <div class=\"reel-card${isPlaceholder ? ' placeholder' : ''}\" data-index=\"${i}\">\r\n <div class=\"reel-frame\">\r\n ${isPlaceholder\r\n ? `<div class=\"reel-placeholder\">\r\n <div class=\"placeholder-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10,8 16,12 10,16\"\/><\/svg>\r\n <\/div>\r\n <p class=\"placeholder-text\">Add VideoPress ID<\/p>\r\n <\/div>`\r\n : `<iframe\r\n src=\"https:\/\/videopress.com\/embed\/${v.id}?cover=1&autoPlay=0&loop=0&muted=0&controls=1&playsinline=1\"\r\n allowfullscreen\r\n allow=\"clipboard-write\"\r\n loading=\"lazy\"\r\n title=\"${v.name} \u2014 ${v.treatment} testimonial\"\r\n ><\/iframe>`\r\n }\r\n \r\n <div class=\"reel-info\">\r\n <div class=\"reel-badge\">${v.treatment}<\/div>\r\n <div class=\"reel-patient\">\r\n <span class=\"reel-flag\">${v.flag}<\/span>\r\n <span class=\"reel-name\">${v.name} \u00b7 ${v.country}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>`;\r\n }).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --reel-w: 300px; \/* card width \u2014 adjust if needed *\/\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.14)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.testi-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.testi-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,223,223,.022) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb {position:absolute;border-radius:50%;pointer-events:none;}\r\n.orb-1 {\r\n top:-160px; right:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; left:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n\/* shimmer line top *\/\r\n.shimmer-line {\r\n position:relative; z-index:2;\r\n height:1px; margin:0 48px 56px;\r\n background:linear-gradient(90deg,transparent,rgba(0,223,223,.35) 30%,rgba(169,255,253,.55) 50%,rgba(0,223,223,.35) 70%,transparent);\r\n background-size:200% auto;\r\n animation:shimmer 4s linear infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.testi-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width: 600px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.testi-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white);\r\n margin:0;\r\n}\r\n.testi-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* header right *\/\r\n.header-right {\r\n display:flex; align-items:center; gap:14px;\r\n flex-shrink:0; align-self:flex-end;\r\n}\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border);\r\n border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n\r\n\/* nav buttons *\/\r\n.nav-row {\r\n display:flex; align-items:center; gap:10px;\r\n}\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer {\r\n overflow:hidden;\r\n}\r\n.carousel-track {\r\n display:flex;\r\n gap:18px;\r\n padding:8px 2px 24px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 REEL CARD \u2550\u2550 *\/\r\n.reel-card {\r\n flex: 0 0 var(--reel-w);\r\n \/* 9:16 ratio *\/\r\n aspect-ratio: 9 \/ 16;\r\n position:relative;\r\n border-radius:18px;\r\n overflow:hidden;\r\n background:var(--navy-mid);\r\n border:1px solid var(--border);\r\n transition:border-color .28s, transform .32s var(--ease), box-shadow .32s;\r\n}\r\n.reel-card:hover {\r\n border-color:var(--border-h);\r\n transform:translateY(-5px) scale(1.01);\r\n box-shadow:0 24px 64px rgba(0,0,0,.45), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* iframe fills the card *\/\r\n.reel-frame {\r\n position:relative; width:100%; height:100%;\r\n}\r\n.reel-frame iframe {\r\n position:absolute; inset:0;\r\n width:100%; height:100%;\r\n border:none; display:block;\r\n border-radius:17px;\r\n}\r\n\r\n\/* gradient overlay at bottom for info text *\/\r\n.reel-info {\r\n position:absolute; bottom:0; left:0; right:0;\r\n padding:48px 16px 18px;\r\n background:linear-gradient(180deg,transparent 0%,rgba(1,20,35,.88) 100%);\r\n z-index:3;\r\n pointer-events:none;\r\n display:flex; flex-direction:column; gap:8px;\r\n}\r\n\r\n.reel-badge {\r\n display:inline-flex; width:fit-content;\r\n align-items:center;\r\n padding:3px 10px;\r\n background:rgba(0,223,223,.15);\r\n border:1px solid rgba(0,223,223,.3);\r\n border-radius:20px;\r\n font-family:var(--ff-b);\r\n font-size:9px; font-weight:600;\r\n letter-spacing:.14em; text-transform:uppercase;\r\n color:var(--cyan);\r\n}\r\n\r\n.reel-patient {\r\n display:flex; align-items:center; gap:7px;\r\n}\r\n.reel-flag { font-size:16px; line-height:1; }\r\n.reel-name {\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:500;\r\n color:rgba(255,255,255,.88);\r\n}\r\n\r\n\/* placeholder card *\/\r\n.reel-card.placeholder {\r\n border-style:dashed;\r\n border-color:rgba(0,223,223,.18);\r\n}\r\n.reel-placeholder {\r\n width:100%; height:100%;\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center;\r\n gap:12px;\r\n}\r\n.placeholder-icon svg {\r\n width:48px; height:48px;\r\n stroke:rgba(0,223,223,.3); fill:none;\r\n stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n.placeholder-text {\r\n font-size:11px; font-weight:400;\r\n color:rgba(0,223,223,.3);\r\n letter-spacing:.08em;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.06s} .d2{transition-delay:.12s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n :host { --reel-w: 260px; }\r\n .inner { padding:0 32px; }\r\n .shimmer-line { margin:0 32px 48px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --reel-w: 72vw; }\r\n .testi-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .shimmer-line { margin:0 20px 40px; }\r\n .testi-title { font-size:24px; }\r\n .header-right { gap:10px; }\r\n .btn-all { padding:10px 16px; font-size:11px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"testi-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"shimmer-line\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"testi-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Testimonials<\/p>\r\n <h2 class=\"testi-title\">Real stories of <em>exceptional care<\/em><br>and transformative smiles<\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"https:\/\/medicoclinic.net\/gallery\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n <span>All Testimonials<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"testiPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"testiDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"testiNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"testiTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#testiTrack');\r\n const prevBtn = shadow.querySelector('#testiPrev');\r\n const nextBtn = shadow.querySelector('#testiNext');\r\n const dotsEl = shadow.querySelector('#testiDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.reel-card');\r\n const GAP = 18;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n \/* drag *\/\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/* touch *\/\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc3457 e-con-full e-flex e-con e-parent\" data-id=\"acc3457\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a02b049 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a02b049\" 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\r\n\r\n<div id=\"medico-ba-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-ba-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const CASES = [\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/DSC09197-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/DSC09198-400x500.webp',\r\n treatment: 'Dental Veneers',\r\n flag: '\ud83c\uddee\ud83c\uddf9',\r\n country: 'Italy'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-328-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-328-1-400x500.webp',\r\n treatment: 'Hollywood Smile',\r\n flag: '\ud83c\uddf8\ud83c\uddea',\r\n country: 'Sweden'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-329-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-329-1-400x500.webp',\r\n treatment: 'Full Mouth Crown',\r\n flag: '\ud83c\udde6\ud83c\uddfa',\r\n country: 'Australia'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-330-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-330-1-400x500.webp',\r\n treatment: 'All-on-6 Implants',\r\n flag: '\ud83c\uddec\ud83c\udde7',\r\n country: 'United Kingdom'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-352-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/06\/BF-352-1-400x500.webp',\r\n treatment: 'Hollywood Smile',\r\n flag: '\ud83c\uddfa\ud83c\uddf8',\r\n country: 'United States'\r\n },\r\n {\r\n before: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/BF-356-2-400x500.webp',\r\n after: 'https:\/\/medicoclinic.net\/wp-content\/uploads\/2025\/09\/BF-356-1-400x500.webp',\r\n treatment: 'Full Mouth Implants',\r\n flag: '\ud83c\udde8\ud83c\udde6',\r\n country: 'Canada'\r\n }\r\n ];\r\n\r\n const cardsHTML = CASES.map((c, i) => `\r\n <div class=\"ba-card\">\r\n\r\n \r\n <div class=\"ba-photo ba-before\">\r\n <img decoding=\"async\" src=\"${c.before}\" alt=\"Before \u2014 ${c.treatment}\" loading=\"lazy\" onerror=\"this.style.opacity='0'\">\r\n <span class=\"photo-label before-label\">Before<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-divider\"><div class=\"divider-line\"><\/div><\/div>\r\n\r\n \r\n <div class=\"ba-photo ba-after\">\r\n <img decoding=\"async\" src=\"${c.after}\" alt=\"After \u2014 ${c.treatment}\" loading=\"lazy\" onerror=\"this.style.opacity='0'\">\r\n <span class=\"photo-label after-label\">After<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"ba-footer\">\r\n <span class=\"ba-treatment\">${c.treatment}<\/span>\r\n <span class=\"ba-patient\">${c.flag} ${c.country}<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n `).join('');\r\n\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --card-w: 260px; \/* 4 cards on desktop \u2014 matches 4:5 portrait proportion *\/\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.15)}\r\n}\r\n@keyframes shimmer {\r\n 0%{background-position:-200% center} 100%{background-position:200% center}\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.ba-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.ba-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb { position:absolute; border-radius:50%; pointer-events:none; }\r\n.orb-1 {\r\n top:-160px; left:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; right:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.ba-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width:580px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.ba-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white);\r\n margin:0;\r\n}\r\n.ba-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* nav *\/\r\n.header-right { display:flex; align-items:center; gap:14px; flex-shrink:0; align-self:flex-end; }\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border);\r\n border-radius:40px;\r\n font-family:var(--ff-b);\r\n font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-row { display:flex; align-items:center; gap:10px; }\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border);\r\n background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28);\r\n border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer { overflow:hidden; }\r\n.carousel-track {\r\n display:flex;\r\n gap:16px;\r\n padding:8px 2px 20px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform;\r\n cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n align-items: flex-start;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 CARD \u2550\u2550 *\/\r\n.ba-card {\r\n flex: 0 0 var(--card-w);\r\n background: rgba(255,255,255,.025);\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n transition: border-color .28s, transform .32s var(--ease), box-shadow .32s;\r\n}\r\n.ba-card:hover {\r\n border-color: var(--border-h);\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* \u2500\u2500 PHOTO HALVES \u2014 strict 4:5 ratio \u2500\u2500 *\/\r\n.ba-photo {\r\n position: relative;\r\n width: 100%;\r\n \/* 4:5 = 125% padding trick *\/\r\n padding-bottom: 125%;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n background: var(--navy-mid);\r\n}\r\n.ba-photo img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n display: block;\r\n transition: transform .65s var(--ease);\r\n}\r\n.ba-card:hover .ba-photo img { transform: scale(1.03); }\r\n\r\n\/* label badges *\/\r\n.photo-label {\r\n position: absolute;\r\n top: 12px; left: 12px;\r\n z-index: 2;\r\n font-family: var(--ff-b);\r\n font-size: 9px; font-weight: 700;\r\n letter-spacing: .2em; text-transform: uppercase;\r\n padding: 4px 11px;\r\n border-radius: 20px;\r\n pointer-events: none;\r\n}\r\n.before-label {\r\n background: rgba(1,36,58,.75);\r\n border: 1px solid rgba(255,255,255,.2);\r\n color: rgba(255,255,255,.8);\r\n}\r\n.after-label {\r\n background: rgba(0,223,223,.2);\r\n border: 1px solid rgba(0,223,223,.5);\r\n color: var(--cyan);\r\n}\r\n\r\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n.ba-divider {\r\n display: flex;\r\n align-items: center;\r\n height: 24px;\r\n background: rgba(1,28,44,.95);\r\n border-top: 1px solid rgba(0,223,223,.22);\r\n border-bottom: 1px solid rgba(0,223,223,.22);\r\n flex-shrink: 0;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n.divider-line {\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(0,223,223,.5) 50%, transparent);\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.ba-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 13px 16px;\r\n background: rgba(0,0,0,.18);\r\n border-top: 1px solid var(--border);\r\n flex-shrink: 0;\r\n}\r\n.ba-treatment {\r\n font-family: var(--ff-h);\r\n font-size: 12px; font-weight: 800;\r\n letter-spacing: -.01em;\r\n color: var(--white);\r\n}\r\n.ba-patient {\r\n font-size: 11px; font-weight: 400;\r\n color: var(--t-muted);\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.07s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n :host { --card-w: 220px; }\r\n .inner { padding:0 32px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --card-w: 68vw; }\r\n .ba-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .ba-title { font-size:24px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ba-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"ba-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Before & After<\/p>\r\n <h2 class=\"ba-title\">Real results from <em>real patients<\/em><\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"https:\/\/medicoclinic.net\/before-after\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n All Results\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"baPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"baDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"baNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"baTrack\">\r\n ${cardsHTML}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n (function () {\r\n const track = shadow.querySelector('#baTrack');\r\n const prevBtn = shadow.querySelector('#baPrev');\r\n const nextBtn = shadow.querySelector('#baNext');\r\n const dotsEl = shadow.querySelector('#baDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.ba-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n })();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f67592d e-con-full e-flex e-con e-parent\" data-id=\"f67592d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccc382c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ccc382c\" 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\r\n\r\n<div id=\"medico-blog-root\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const host = document.getElementById('medico-blog-root');\r\n if (!host) return;\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n \/* \u2500\u2500 Config \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n POSTS_COUNT : how many posts to fetch and show\r\n API_BASE : your WordPress site root (no trailing slash)\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const POSTS_COUNT = 6;\r\n const API_BASE = 'https:\/\/medicoclinic.net';\r\n const API_URL = `${API_BASE}\/wp-json\/wp\/v2\/posts?per_page=${POSTS_COUNT}&_embed&orderby=date&order=desc`;\r\n\r\n \/* \u2500\u2500 Helpers \u2500\u2500 *\/\r\n function stripHtml (html) {\r\n const d = document.createElement('div');\r\n d.innerHTML = html;\r\n return (d.textContent || d.innerText || '').replace(\/\\s+\/g, ' ').trim();\r\n }\r\n function truncate (str, n) {\r\n return str.length > n ? str.slice(0, n).trimEnd() + '\u2026' : str;\r\n }\r\n function formatDate (iso) {\r\n const d = new Date(iso);\r\n return d.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' });\r\n }\r\n function getFeaturedImg (post) {\r\n try {\r\n return post._embedded['wp:featuredmedia'][0].media_details.sizes.medium_large?.source_url\r\n || post._embedded['wp:featuredmedia'][0].media_details.sizes.medium?.source_url\r\n || post._embedded['wp:featuredmedia'][0].source_url;\r\n } catch { return ''; }\r\n }\r\n function getCategory (post) {\r\n try { return post._embedded['wp:term'][0][0].name; } catch { return 'Dental Insights'; }\r\n }\r\n function readingTime (content) {\r\n const words = stripHtml(content).split(\/\\s+\/).length;\r\n return Math.max(1, Math.round(words \/ 200)) + ' min read';\r\n }\r\n\r\n \/* \u2500\u2500 Skeleton HTML (shown while loading) \u2500\u2500 *\/\r\n function skeletonHTML () {\r\n return Array(3).fill(0).map(() => `\r\n <div class=\"blog-card skeleton\">\r\n <div class=\"card-img sk-block\"><\/div>\r\n <div class=\"card-body\">\r\n <div class=\"sk-line sk-short\"><\/div>\r\n <div class=\"sk-line sk-full\" style=\"margin-top:12px\"><\/div>\r\n <div class=\"sk-line sk-full\"><\/div>\r\n <div class=\"sk-line sk-mid\"><\/div>\r\n <div class=\"sk-line sk-short\" style=\"margin-top:20px\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/* \u2500\u2500 Card HTML \u2500\u2500 *\/\r\n function cardHTML (post) {\r\n const img = getFeaturedImg(post);\r\n const cat = getCategory(post);\r\n const title = stripHtml(post.title.rendered);\r\n const excerpt = truncate(stripHtml(post.excerpt.rendered), 110);\r\n const date = formatDate(post.date);\r\n const readTime = readingTime(post.content.rendered);\r\n const url = post.link;\r\n\r\n return `\r\n <a class=\"blog-card\" href=\"${url}\" target=\"_blank\" rel=\"noopener\" draggable=\"false\">\r\n <div class=\"card-img${img ? '' : ' no-img'}\">\r\n ${img ? `<img decoding=\"async\" src=\"${img}\" alt=\"${title}\" loading=\"lazy\">` : `<div class=\"img-fallback\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 12h6m-3-3v6M3 7v13l4-2 4 2 4-2 4 2V7M3 7V5a2 2 0 012-2h14a2 2 0 012 2v2M3 7h18\"\/><\/svg><\/div>`}\r\n <span class=\"card-cat\">${cat}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h3 class=\"card-title\">${title}<\/h3>\r\n <p class=\"card-excerpt\">${excerpt}<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-date\">${date}<\/span>\r\n <span class=\"card-rt\">${readTime}<\/span>\r\n <\/div>\r\n <span class=\"card-cta\">\r\n Read More\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/a>`;\r\n }\r\n\r\n \/* \u2500\u2500 Error state \u2500\u2500 *\/\r\n function errorHTML () {\r\n return `<div class=\"fetch-error\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <p>Could not load posts. <a href=\"${API_BASE}\/blog\/\" target=\"_blank\">View all posts \u2192<\/a><\/p>\r\n <\/div>`;\r\n }\r\n\r\n \/* \u2500\u2500 Shell HTML (rendered immediately) \u2500\u2500 *\/\r\n shadow.innerHTML = `\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=Syne:wght@700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:host { all: initial; display: block; font-family: 'DM Sans', sans-serif; }\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:host {\r\n --navy: #023752;\r\n --navy-mid: #034668;\r\n --navy-dp: #01243a;\r\n --cyan: #00DFDF;\r\n --cyan-lt: #A9FFFD;\r\n --white: #ffffff;\r\n --t-body: rgba(255,255,255,.72);\r\n --t-muted: rgba(255,255,255,.42);\r\n --border: rgba(0,223,223,.14);\r\n --border-h: rgba(0,223,223,.40);\r\n --ease: cubic-bezier(0.16,1,0.3,1);\r\n --ff-h: 'Syne', sans-serif;\r\n --ff-b: 'DM Sans', sans-serif;\r\n --card-w: 340px;\r\n}\r\n\r\n@keyframes glowOrb {\r\n 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:.75;transform:scale(1.15)}\r\n}\r\n@keyframes skShimmer {\r\n 0% { background-position: -600px 0 }\r\n 100%{ background-position: 600px 0 }\r\n}\r\n\r\n\/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n.blog-wrap {\r\n background: var(--navy-dp);\r\n font-family: var(--ff-b);\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 88px 0 96px;\r\n}\r\n.blog-wrap::before {\r\n content:''; position:absolute; inset:0;\r\n background-image:\r\n linear-gradient(rgba(0,223,223,.022) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,223,223,.022) 1px,transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n}\r\n.orb { position:absolute; border-radius:50%; pointer-events:none; }\r\n.orb-1 {\r\n top:-160px; right:-80px; width:520px; height:520px;\r\n background:radial-gradient(circle,rgba(0,223,223,.07) 0%,transparent 65%);\r\n animation:glowOrb 12s ease-in-out infinite;\r\n}\r\n.orb-2 {\r\n bottom:-100px; left:-80px; width:420px; height:420px;\r\n background:radial-gradient(circle,rgba(0,223,223,.05) 0%,transparent 65%);\r\n animation:glowOrb 16s ease-in-out 5s infinite;\r\n}\r\n\r\n.inner {\r\n position:relative; z-index:2;\r\n max-width:1200px; margin:0 auto; padding:0 48px;\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.blog-header {\r\n display:flex; align-items:flex-end;\r\n justify-content:space-between;\r\n gap:24px; margin-bottom:44px;\r\n flex-wrap:wrap;\r\n}\r\n.header-left { max-width:580px; }\r\n.eyebrow {\r\n font-size:9.5px; font-weight:600;\r\n letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--cyan); margin-bottom:12px;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--cyan); flex-shrink:0; }\r\n.blog-title {\r\n font-family:var(--ff-h);\r\n font-size:clamp(26px,3.2vw,40px);\r\n font-weight:800; letter-spacing:-.025em;\r\n line-height:1.13; color:var(--white); margin:0;\r\n}\r\n.blog-title em { font-style:normal; color:var(--cyan); }\r\n\r\n\/* header right *\/\r\n.header-right { display:flex; align-items:center; gap:14px; flex-shrink:0; align-self:flex-end; }\r\n.btn-all {\r\n display:inline-flex; align-items:center; gap:7px;\r\n padding:11px 22px;\r\n background:rgba(0,223,223,.08);\r\n border:1px solid var(--border); border-radius:40px;\r\n font-family:var(--ff-b); font-size:12px; font-weight:600;\r\n letter-spacing:.08em; text-transform:uppercase;\r\n color:var(--cyan); text-decoration:none; cursor:pointer;\r\n transition:background .2s,border-color .2s,transform .2s;\r\n white-space:nowrap;\r\n}\r\n.btn-all:hover { background:rgba(0,223,223,.15); border-color:var(--border-h); transform:translateY(-2px); }\r\n.btn-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n\r\n\/* nav *\/\r\n.nav-row { display:flex; align-items:center; gap:10px; }\r\n.nav-btn {\r\n width:44px; height:44px; border-radius:50%;\r\n border:1px solid var(--border); background:rgba(0,223,223,.05);\r\n color:var(--cyan); cursor:pointer;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:background .2s,border-color .2s,transform .18s;\r\n}\r\n.nav-btn:hover { background:rgba(0,223,223,.14); border-color:var(--border-h); transform:scale(1.08); }\r\n.nav-btn:active { transform:scale(.93); }\r\n.nav-btn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n.nav-dots { display:flex; gap:6px; align-items:center; }\r\n.nav-dot {\r\n width:6px; height:6px; border-radius:50%;\r\n background:rgba(0,223,223,.28); border:none; padding:0; cursor:pointer;\r\n transition:background .25s,width .25s;\r\n}\r\n.nav-dot.active { background:var(--cyan); width:22px; border-radius:3px; }\r\n\r\n\/* \u2550\u2550 CAROUSEL \u2550\u2550 *\/\r\n.carousel-outer { overflow:hidden; }\r\n.carousel-track {\r\n display:flex; gap:20px;\r\n padding:8px 2px 20px;\r\n transition:transform .6s var(--ease);\r\n will-change:transform; cursor:grab;\r\n user-select:none; -webkit-user-select:none;\r\n align-items:stretch;\r\n}\r\n.carousel-track.dragging { cursor:grabbing; transition:none; }\r\n\r\n\/* \u2550\u2550 BLOG CARD \u2550\u2550 *\/\r\n.blog-card {\r\n flex: 0 0 var(--card-w);\r\n display:flex; flex-direction:column;\r\n background:rgba(255,255,255,.028);\r\n border:1px solid var(--border);\r\n border-radius:16px; overflow:hidden;\r\n text-decoration:none; color:inherit;\r\n transition:background .25s,border-color .25s,transform .32s var(--ease),box-shadow .32s;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n.blog-card:hover {\r\n background:rgba(0,223,223,.055);\r\n border-color:var(--border-h);\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 56px rgba(0,0,0,.38), 0 0 0 1px rgba(0,223,223,.1);\r\n}\r\n\r\n\/* image *\/\r\n.card-img {\r\n position:relative; height:210px; overflow:hidden;\r\n background:var(--navy-mid); flex-shrink:0;\r\n}\r\n.card-img img {\r\n width:100%; height:100%; object-fit:cover;\r\n display:block; transition:transform .65s var(--ease);\r\n}\r\n.blog-card:hover .card-img img { transform:scale(1.05); }\r\n\r\n.img-fallback {\r\n width:100%; height:100%;\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.img-fallback svg {\r\n width:48px; height:48px;\r\n stroke:rgba(0,223,223,.25); fill:none;\r\n stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n\r\n\/* gradient overlay on image *\/\r\n.card-img::after {\r\n content:''; position:absolute; inset:0;\r\n background:linear-gradient(180deg,transparent 50%,rgba(1,36,58,.55) 100%);\r\n pointer-events:none;\r\n}\r\n\r\n\/* category badge *\/\r\n.card-cat {\r\n position:absolute; top:14px; left:14px; z-index:2;\r\n font-family:var(--ff-b); font-size:8.5px; font-weight:700;\r\n letter-spacing:.18em; text-transform:uppercase;\r\n padding:4px 11px; border-radius:20px;\r\n background:rgba(0,223,223,.18); border:1px solid rgba(0,223,223,.38);\r\n color:var(--cyan);\r\n}\r\n\r\n\/* body *\/\r\n.card-body {\r\n padding:20px 22px 22px;\r\n display:flex; flex-direction:column;\r\n flex:1;\r\n}\r\n.card-title {\r\n font-family:var(--ff-h);\r\n font-size:15.5px; font-weight:800;\r\n letter-spacing:-.018em; line-height:1.3;\r\n color:var(--white); margin:0 0 10px;\r\n display:-webkit-box;\r\n -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\r\n}\r\n.card-excerpt {\r\n font-size:13px; font-weight:300;\r\n line-height:1.65; color:var(--t-body);\r\n margin:0 0 16px; flex:1;\r\n display:-webkit-box;\r\n -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;\r\n}\r\n.card-footer {\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding-top:12px; border-top:1px solid rgba(0,223,223,.1);\r\n margin-bottom:14px;\r\n}\r\n.card-date { font-size:10.5px; font-weight:400; color:var(--t-muted); }\r\n.card-rt { font-size:10.5px; font-weight:400; color:var(--t-muted); }\r\n\r\n.card-cta {\r\n display:inline-flex; align-items:center; gap:5px;\r\n font-size:11px; font-weight:600;\r\n letter-spacing:.09em; text-transform:uppercase;\r\n color:var(--cyan); opacity:.8;\r\n transition:opacity .2s,gap .2s;\r\n}\r\n.blog-card:hover .card-cta { opacity:1; gap:9px; }\r\n.card-cta svg {\r\n width:12px; height:12px;\r\n stroke:currentColor; fill:none;\r\n stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;\r\n transition:transform .2s;\r\n}\r\n.blog-card:hover .card-cta svg { transform:translateX(3px); }\r\n\r\n\/* \u2550\u2550 SKELETON \u2550\u2550 *\/\r\n.blog-card.skeleton { pointer-events:none; }\r\n.sk-block, .sk-line {\r\n background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(0,223,223,.06) 50%,rgba(255,255,255,.04) 75%);\r\n background-size:600px 100%;\r\n animation:skShimmer 1.6s linear infinite;\r\n border-radius:6px;\r\n}\r\n.sk-block { width:100%; height:210px; border-radius:0; }\r\n.sk-line { height:12px; margin-bottom:10px; }\r\n.sk-full { width:100%; }\r\n.sk-mid { width:70%; }\r\n.sk-short { width:40%; }\r\n\r\n\/* \u2550\u2550 ERROR \u2550\u2550 *\/\r\n.fetch-error {\r\n padding:40px; text-align:center;\r\n display:flex; flex-direction:column; align-items:center; gap:14px;\r\n color:var(--t-muted);\r\n}\r\n.fetch-error svg {\r\n width:40px; height:40px;\r\n stroke:rgba(0,223,223,.35); fill:none;\r\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\r\n}\r\n.fetch-error p { font-size:14px; font-weight:300; }\r\n.fetch-error a { color:var(--cyan); text-decoration:none; }\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.rv { opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.d1{transition-delay:.07s}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n :host { --card-w: 290px; }\r\n .inner { padding:0 32px; }\r\n}\r\n@media(max-width:640px){\r\n :host { --card-w: 82vw; }\r\n .blog-wrap { padding:60px 0 72px; }\r\n .inner { padding:0 20px; }\r\n .blog-title { font-size:24px; }\r\n .card-img { height:180px; }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}\r\n .rv{opacity:1 !important;transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"blog-wrap\">\r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n\r\n <div class=\"inner\">\r\n\r\n \r\n <div class=\"blog-header rv\">\r\n <div class=\"header-left\">\r\n <p class=\"eyebrow\">Blog<\/p>\r\n <h2 class=\"blog-title\">Latest <em>dental insights<\/em><br>and oral health advice<\/h2>\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"${API_BASE}\/blog\/\" class=\"btn-all\" target=\"_blank\" rel=\"noopener\">\r\n View All Posts\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div class=\"nav-row\">\r\n <button class=\"nav-btn\" id=\"blogPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"nav-dots\" id=\"blogDots\"><\/div>\r\n <button class=\"nav-btn\" id=\"blogNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-outer rv d1\">\r\n <div class=\"carousel-track\" id=\"blogTrack\">\r\n ${skeletonHTML()}\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n`;\r\n\r\n \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: .08 });\r\n shadow.querySelectorAll('.rv').forEach(el => io.observe(el));\r\n\r\n \/* \u2500\u2500 Fetch Posts \u2500\u2500 *\/\r\n fetch(API_URL)\r\n .then(r => { if (!r.ok) throw new Error(r.status); return r.json(); })\r\n .then(posts => {\r\n const track = shadow.querySelector('#blogTrack');\r\n if (!track) return;\r\n if (!posts.length) { track.innerHTML = errorHTML(); return; }\r\n track.innerHTML = posts.map(cardHTML).join('');\r\n initCarousel();\r\n })\r\n .catch(() => {\r\n const track = shadow.querySelector('#blogTrack');\r\n if (track) track.innerHTML = errorHTML();\r\n });\r\n\r\n \/* \u2500\u2500 Carousel \u2500\u2500 *\/\r\n function initCarousel () {\r\n const track = shadow.querySelector('#blogTrack');\r\n const prevBtn = shadow.querySelector('#blogPrev');\r\n const nextBtn = shadow.querySelector('#blogNext');\r\n const dotsEl = shadow.querySelector('#blogDots');\r\n if (!track) return;\r\n\r\n const cards = track.querySelectorAll('.blog-card');\r\n const GAP = 20;\r\n let current = 0, isDragging = false, dragMoved = false;\r\n let startX = 0, startOffset = 0, currentOffset = 0;\r\n\r\n function visibleCount () {\r\n const cw = cards[0].offsetWidth + GAP;\r\n return Math.max(1, Math.round(track.parentElement.offsetWidth \/ cw));\r\n }\r\n function maxIndex () { return Math.max(0, cards.length - visibleCount()); }\r\n function getOffset (i) { return -(cards[0].offsetWidth + GAP) * i; }\r\n\r\n function buildDots () {\r\n dotsEl.innerHTML = '';\r\n for (let i = 0; i <= maxIndex(); i++) {\r\n const d = document.createElement('button');\r\n d.className = 'nav-dot' + (i === current ? ' active' : '');\r\n d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n d.addEventListener('click', () => goTo(i));\r\n dotsEl.appendChild(d);\r\n }\r\n }\r\n function updateDots () {\r\n dotsEl.querySelectorAll('.nav-dot').forEach((d, i) => d.classList.toggle('active', i === current));\r\n }\r\n function goTo (i) {\r\n current = Math.max(0, Math.min(i, maxIndex()));\r\n currentOffset = getOffset(current);\r\n track.style.transform = 'translateX(' + currentOffset + 'px)';\r\n track.style.transition = 'transform .6s cubic-bezier(0.16,1,0.3,1)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', () => goTo(current - 1));\r\n nextBtn.addEventListener('click', () => goTo(current + 1));\r\n\r\n track.addEventListener('mousedown', e => {\r\n isDragging = true; dragMoved = false;\r\n startX = e.clientX; startOffset = currentOffset;\r\n track.classList.add('dragging'); track.style.transition = 'none';\r\n });\r\n window.addEventListener('mousemove', e => {\r\n if (!isDragging) return;\r\n if (Math.abs(e.clientX - startX) > 4) dragMoved = true;\r\n track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)';\r\n });\r\n window.addEventListener('mouseup', e => {\r\n if (!isDragging) return;\r\n isDragging = false; track.classList.remove('dragging');\r\n const dx = e.clientX - startX;\r\n goTo(current + (Math.abs(dx) > 60 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n track.addEventListener('touchstart', e => {\r\n startX = e.touches[0].clientX; startOffset = currentOffset;\r\n track.style.transition = 'none';\r\n }, { passive: true });\r\n track.addEventListener('touchmove', e => {\r\n track.style.transform = 'translateX(' + (startOffset + e.touches[0].clientX - startX) + 'px)';\r\n }, { passive: true });\r\n track.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n goTo(current + (Math.abs(dx) > 50 ? (dx < 0 ? 1 : -1) : 0));\r\n });\r\n\r\n \/* prevent link navigation on drag *\/\r\n track.querySelectorAll('.blog-card').forEach(card => {\r\n card.addEventListener('click', e => { if (dragMoved) { e.preventDefault(); dragMoved = false; } });\r\n });\r\n\r\n let rt;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(rt);\r\n rt = setTimeout(() => { buildDots(); goTo(Math.min(current, maxIndex())); }, 140);\r\n });\r\n\r\n buildDots(); goTo(0);\r\n }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2585342 e-flex e-con-boxed e-con e-child\" data-id=\"2585342\" data-element_type=\"container\" data-e-type=\"container\" id=\"formlanding\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-52f5a5c e-con-full e-flex e-con e-child\" data-id=\"52f5a5c\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact-form\">\n\t\t<div class=\"elementor-element elementor-element-09c062f e-con-full e-flex e-con e-child\" data-id=\"09c062f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5964173 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5964173\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Contact US<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e205d elementor-widget elementor-widget-heading\" data-id=\"b2e205d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Your <span style=\"color: #05BBB5\">FREE<\/span> Dental Report<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-222b393 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"222b393\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Submit your info and get a quote personalized to your needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b769c1 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"9b769c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-9b769c1{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46703f8 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"46703f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-46703f8{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d026d00 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"d026d00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-d026d00{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796c2a2 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"796c2a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n \n <div class='fluentform ff-inherit-theme-style fluentform_wrapper_12'><form data-form_id=\"12\" id=\"fluentform_12\" class=\"frm-fluent-form fluent_form_12 ff-el-form-top ff_form_instance_12_4 ff-form-loading ff_has_v3_recptcha ff_has_v3_recptcha ff_has_v3_recptcha ff_has_v3_recptcha ffs_inherit_theme\" data-form_instance=\"ff_form_instance_12_4\" method=\"POST\" data-recptcha_key=\"6LecxHYqAAAAAHCSDbro9qjP0Nk2edm5OHmfiLFb\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Main Lead Form FR<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7502' \/><input type=\"hidden\" id=\"_fluentform_12_fluentformnonce\" name=\"_fluentform_12_fluentformnonce\" value=\"6e6a41167a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/7502\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_names_first_name_' id='label_ff_12_4_names_first_name_' >Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_12_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Name Surname\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_phone' id='label_ff_12_4_phone' aria-label=\"Phone\/Mobile\">Phone\/Mobile<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Phone Number\" data-name=\"phone\" id=\"ff_12_4_phone\" inputmode=\"tel\" aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_12_4_email' id='label_ff_12_4_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_12_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_12_4_description' id='label_ff_12_4_description' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_12_4_description\" name=\"description\" id=\"ff_12_4_description\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"1\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><input type=\"hidden\" name=\"utm_source\" value=\"\" data-name=\"utm_source\" ><input type=\"hidden\" name=\"utm_medium\" value=\"\" data-name=\"utm_medium\" ><input type=\"hidden\" name=\"utm_campaign\" value=\"\" data-name=\"utm_campaign\" ><input type=\"hidden\" name=\"utm_term\" value=\"\" data-name=\"utm_term\" ><input type=\"hidden\" name=\"utm_content\" value=\"\" data-name=\"utm_content\" ><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_no_style\" aria-label=\"Submit\">Submit<\/button><\/div><\/fieldset><\/form><div id='fluentform_12_errors' class='ff-errors-in-stack ff_form_instance_12_4 ff-form-loading_errors ff_form_instance_12_4_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_12_4 = {\"id\":\"12\",\"ajaxUrl\":\"https:\\\/\\\/medicoclinic.net\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_12_4\",\"form_id_selector\":\"fluentform_12\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"g-recaptcha-response\":[]},\"debounce_time\":300};\n <\/script>\n <\/div>\n\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef4f7c fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"1ef4f7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-1ef4f7c{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6063ed6 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"6063ed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-6063ed6{display:none !important}<\/style>\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<div class=\"elementor-element elementor-element-9add2a4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9add2a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t<div class=\"elementor-element elementor-element-2e40c05 e-con-full e-flex e-con e-child\" data-id=\"2e40c05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7011a2 section-title elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a7011a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">FAQS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce3dd4 elementor-widget elementor-widget-heading\" data-id=\"2ce3dd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything you need to know about our treatments<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34d8357 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"34d8357\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Find quick answers to common questions about our dental treatments, procedures, and patient care in our FAQ section.<\/p>\t\t\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 class=\"elementor-element elementor-element-caf21fa elementor-widget elementor-widget-elementskit-accordion\" data-id=\"caf21fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-6a02653361cd9\">\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-0-caf21fa\">\n <a href=\"#collapse-1bcea4f6a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-1bcea4f6a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-1bcea4f6a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">What types of dental treatments do you offer?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-1bcea4f6a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-0-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>We provide a comprehensive range of dental treatments, including preventive care, cosmetic dentistry, restorative treatments, and oral surgery. Our services include dental implants, veneers, crowns, teeth whitening, orthodontics, and full smile makeovers, among others. Each treatment is tailored to meet your unique needs and help you achieve a healthier, more confident smile.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-1-caf21fa\">\n <a href=\"#collapse-d6917196a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-d6917196a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-d6917196a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">Are your treatments affordable compared to other countries?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-d6917196a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-1-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Yes, Medico Clinic offers top-quality dental treatments at up to 70% more affordable rates than in many other countries, without compromising on quality. We partner with globally trusted brands to ensure high standards in materials and technology, delivering excellent results at competitive prices.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-2-caf21fa\">\n <a href=\"#collapse-a8e28ec6a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-a8e28ec6a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-a8e28ec6a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">How do I know which dental treatment is right for me?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-a8e28ec6a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-2-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Our expert team will guide you through a detailed consultation and diagnostic process, using advanced technology to assess your dental health. Based on this assessment, we\u2019ll recommend the most suitable treatment options that align with your goals, whether it\u2019s improving function, aesthetics, or overall oral health.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-3-caf21fa\">\n <a href=\"#collapse-946ae256a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-946ae256a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-946ae256a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">Do you use high-quality materials for dental treatments?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-946ae256a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-3-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Absolutely. We only use top-grade materials from renowned global brands, ensuring durability, comfort, and a natural look for each treatment. Our focus on quality materials guarantees that your dental work will stand the test of time, giving you lasting results you can trust.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n \n <div class=\"elementskit-card \">\n <div class=\"elementskit-card-header\" id=\"primaryHeading-4-caf21fa\">\n <a href=\"#collapse-33567a56a02653361cd9\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-33567a56a02653361cd9\" aria-expanded=\"false\" aria-controls=\"Collapse-33567a56a02653361cd9\">\n \n <span class=\"ekit-accordion-title\">How long does it take to complete dental treatments?<\/span>\n\n \n <div class=\"ekit_accordion_icon_group\">\n <div class=\"ekit_accordion_normal_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n\n <div class=\"ekit_accordion_active_icon\">\n \n\t\t\t\t\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg> <\/div>\n <\/div>\n\n \n <\/a>\n <\/div>\n\n <div id=\"Collapse-33567a56a02653361cd9\" class=\" collapse\" aria-labelledby=\"primaryHeading-4-caf21fa\" data-parent=\"#accordion-6a02653361cd9\">\n\n <div class=\"elementskit-card-body ekit-accordion--content\">\n <p>Treatment duration depends on the specific procedure and your unique needs. Some treatments, like Hollywood Smile, can be completed in a single visit, while others, like dental implants or orthodontics, may require multiple visits over a few months. Our team will provide a clear timeline during your initial consultation to help you plan accordingly.<\/p> <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\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>Medico Clinic \u2014 Locations Section Our Locations Treated in Istanbul.Cared for Back Home. We don’t stop at your treatment. Our partner aftercare clinics in London and Pennsylvania mean expert follow-up is always close to you. Istanbul Treatment You Fly Home Stress-free London UK Aftercare Pennsylvania US Aftercare Main Clinic Istanbul T\u00fcrkiye \u2014 Primary Treatment Center […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7502","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/comments?post=7502"}],"version-history":[{"count":244,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502\/revisions"}],"predecessor-version":[{"id":14254,"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/pages\/7502\/revisions\/14254"}],"wp:attachment":[{"href":"https:\/\/medicoclinic.net\/fr\/wp-json\/wp\/v2\/media?parent=7502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}