{"id":786,"date":"2026-07-04T11:58:05","date_gmt":"2026-07-04T11:58:05","guid":{"rendered":"https:\/\/www.as-group.it\/home\/"},"modified":"2026-09-07T04:57:42","modified_gmt":"2026-09-07T04:57:42","slug":"home","status":"publish","type":"page","link":"https:\/\/www.as-group.it\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"786\" class=\"elementor elementor-786 elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-280f271 e-con-full e-flex e-con e-parent \" data-id=\"280f271\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-ad13ca6 elementor-widget elementor-widget-shortcode\" data-id=\"ad13ca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');\n        #arthro-hero-section { font-family: 'Poppins', sans-serif; width: 100vw !important; position: relative; left: 50%; transform: translateX(-50%); margin: 0 !important; min-height: 100vh !important; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #e4f1fa 0%, #ffffff 75%); padding: 80px 0; box-sizing: border-box; overflow: hidden; -webkit-font-smoothing: antialiased; }\n        #arthro-hero-section .arthro-medical-grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(56, 133, 192, 0.12) 1.5px, transparent 1.5px); background-size: 35px 35px; z-index: 0; pointer-events: none; }\n        #arthro-hero-section .arthro-container { max-width: 1400px; width: 100%; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; }\n        #arthro-hero-section .arthro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }\n        #arthro-hero-section .arthro-card-wrapper, #arthro-hero-section .arthro-card, #arthro-hero-section .arthro-img-box, #arthro-hero-section .arthro-shadow { opacity: 1 !important; visibility: visible !important; display: block !important; }\n        @media (min-width: 992px) {\n            @keyframes arthroTextReveal { 0% { opacity: 0; transform: translateY(40px); clip-path: inset(100% -20% -20% -20%); filter: blur(12px); } 100% { opacity: 1; transform: translateY(0); clip-path: inset(-20% -20% -20% -20%); filter: blur(0); } }\n            @keyframes arthroImageReveal { 0% { opacity: 0; transform: translateY(40px) scale(0.95); filter: blur(15px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }\n        }\n        @media (max-width: 991px) {\n            @keyframes arthroTextReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n            @keyframes arthroImageReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n        }\n        @keyframes arthroFloatBadge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n        @keyframes arthroGlowPulse { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } 50% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.9; } }\n        @keyframes arthroShine { 0% { left: -150%; } 100% { left: 150%; } }\n        @keyframes arthroScrollWheel { 0% { top: 6px; opacity: 1; } 100% { top: 18px; opacity: 0; } }\n        #arthro-hero-section .arthro-kicker { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both; display: inline-flex; align-items: center; gap: 6px; color: #3885c0; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-title { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both; font-size: 58px; font-weight: 600; color: #13253e; line-height: 1.15; margin: 0 0 25px 0; font-family: 'Poppins', sans-serif; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-desc { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1.6; color: #4a5d73; margin: 0 0 35px 0; max-width: 95%; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-actions { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.7s both; display: flex; align-items: center; gap: 25px; margin-bottom: 35px; flex-wrap: wrap; }\n        #arthro-hero-section .arthro-cta { font-family: 'Poppins', sans-serif; display: inline-flex; align-items: center; background: #3885c0; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 700 !important; text-transform: uppercase; padding: 18px 45px; border-radius: 50px; box-shadow: 0 10px 25px rgba(56, 133, 192, 0.15); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-cta::after { content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: skewX(-25deg); }\n        #arthro-hero-section .arthro-cta:hover { background: #2780c0; transform: translateY(-2px); box-shadow: 0 15px 30px rgba(56, 133, 192, 0.3); }\n        #arthro-hero-section .arthro-cta:hover::after { animation: arthroShine 0.75s ease forwards; }\n        #arthro-hero-section .arthro-cta-secondary { font-family: 'Poppins', sans-serif; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600 !important; color: #13253e; text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-cta-secondary i { font-size: 18px; transition: transform 0.3s ease; }\n        #arthro-hero-section .arthro-cta-secondary:hover { color: #3885c0; }\n        #arthro-hero-section .arthro-cta-secondary:hover i { transform: translateX(5px); }\n        #arthro-hero-section .arthro-trust-block { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.9s both; display: flex; align-items: center; gap: 15px; padding-top: 20px; border-top: 1px solid rgba(56, 133, 192, 0.15); max-width: fit-content; }\n        #arthro-hero-section .arthro-scroll-indicator { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 1.2s both; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 10; pointer-events: none; }\n        #arthro-hero-section .arthro-el-1 { animation: arthroImageReveal 2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both; }\n        #arthro-hero-section .arthro-el-2 { animation: arthroImageReveal 2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both; }\n        #arthro-hero-section .arthro-el-3 { animation: arthroImageReveal 2s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both; }\n        #arthro-hero-section .arthro-el-4 { animation: arthroImageReveal 2s cubic-bezier(0.16, 1, 0.3, 1) 0.8s both; }\n        #arthro-hero-section .arthro-badge { animation: arthroTextReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 1.1s both, arthroFloatBadge 5s ease-in-out infinite 2.9s; position: absolute; top: 40%; left: -60px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 20px; padding: 15px 25px; display: flex; align-items: center; gap: 12px; box-shadow: 0 15px 35px rgba(19, 37, 62, 0.08); z-index: 30; }\n        #arthro-hero-section .arthro-content-col { position: relative; z-index: 10; padding-right: 20px; }\n        #arthro-hero-section .arthro-avatars { display: flex; }\n        #arthro-hero-section .arthro-avatars img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 5px 15px rgba(19, 37, 62, 0.1); }\n        #arthro-hero-section .arthro-avatars img:not(:first-child) { margin-left: -15px; }\n        #arthro-hero-section .arthro-trust-text { display: flex; flex-direction: column; gap: 2px; }\n        #arthro-hero-section .arthro-stars { color: #f59e0b; font-size: 14px; display: flex; gap: 2px; }\n        #arthro-hero-section .arthro-trust-text span { font-size: 13px; font-weight: 600; color: #556b82; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-images-wrapper { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; width: 100%; max-width: 520px; margin: 0 auto; z-index: 5; perspective: 1200px; }\n        #arthro-hero-section .arthro-glow-orb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120%; height: 120%; background: radial-gradient(circle, rgba(56, 133, 192, 0.25) 0%, transparent 60%); filter: blur(50px); z-index: 1; pointer-events: none; animation: arthroGlowPulse 6s ease-in-out infinite; }\n        #arthro-hero-section .arthro-img-col { display: flex; flex-direction: column; gap: 40px; position: relative; z-index: 5; }\n        #arthro-hero-section .arthro-col-right { margin-top: -60px; }\n        #arthro-hero-section .arthro-badge i { font-size: 24px; color: #f59e0b; }\n        #arthro-hero-section .arthro-badge span { font-size: 14px; font-weight: 700; color: #13253e; white-space: nowrap; letter-spacing: 0px !important; }\n        #arthro-hero-section .arthro-card-wrapper { position: relative; width: 100%; height: 310px; z-index: 10; }\n        #arthro-hero-section .arthro-card { position: absolute; top: 0; left: 0; width: 100%; height: 100%; will-change: transform; transform: translateZ(0); backface-visibility: hidden; }\n        #arthro-hero-section .arthro-shadow { position: absolute; top: 25px; left: -25px; width: 100%; height: 100%; background-color: rgba(56, 133, 192, 0.15); z-index: 1; pointer-events: none; }\n        #arthro-hero-section .arthro-img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; box-shadow: 0 20px 40px rgba(19, 37, 62, 0.08); background: #e4f1fa !important; }\n        #arthro-hero-section .arthro-img-box img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; pointer-events: none; max-width: none !important; }\n        #arthro-hero-section .arthro-el-1 .arthro-img-box, #arthro-hero-section .arthro-el-1 .arthro-shadow { border-radius: 60px 60px 0 0; }\n        #arthro-hero-section .arthro-el-3 .arthro-img-box, #arthro-hero-section .arthro-el-3 .arthro-shadow { border-radius: 0 0 60px 60px; }\n        #arthro-hero-section .arthro-el-2 .arthro-img-box, #arthro-hero-section .arthro-el-2 .arthro-shadow { border-radius: 60px 60px 0 0; }\n        #arthro-hero-section .arthro-el-4 .arthro-img-box, #arthro-hero-section .arthro-el-4 .arthro-shadow { border-radius: 0 0 60px 60px; }\n        #arthro-hero-section .arthro-mouse { width: 24px; height: 38px; border: 2px solid #556b82; border-radius: 15px; position: relative; }\n        #arthro-hero-section .arthro-wheel { width: 4px; height: 8px; background: #3885c0; border-radius: 2px; position: absolute; top: 6px; left: 50%; margin-left: -2px; animation: arthroScrollWheel 2s infinite; }\n        @media (max-width: 1200px) { #arthro-hero-section .arthro-title { font-size: 44px; } #arthro-hero-section .arthro-card-wrapper { height: 280px; } #arthro-hero-section .arthro-images-wrapper { max-width: 460px; } #arthro-hero-section .arthro-grid { gap: 60px; } }\n        @media (max-width: 991px) { #arthro-hero-section { min-height: auto !important; padding: 100px 0 80px 0; } #arthro-hero-section .arthro-grid { grid-template-columns: 1fr; gap: 60px; text-align: center; } #arthro-hero-section .arthro-content-col { padding-right: 0; } #arthro-hero-section .arthro-actions { justify-content: center; } #arthro-hero-section .arthro-trust-block { margin: 0 auto; justify-content: center; } #arthro-hero-section .arthro-badge { left: 39%; transform: translateX(-50%); top: -20px; } #arthro-hero-section .arthro-images-wrapper { max-width: 500px; margin: 0 auto; } #arthro-hero-section .arthro-col-right { margin-top: 0; } #arthro-hero-section .arthro-scroll-indicator { display: none; } }\n        @media (max-width: 767px) { #arthro-hero-section .arthro-container { padding: 0 20px; } #arthro-hero-section .arthro-title { font-size: 48px; font-weight: 600 !important; } #arthro-hero-section .arthro-desc { font-size: 16px; font-weight: 400 !important; } #arthro-hero-section .arthro-images-wrapper { grid-template-columns: 1fr 1fr; gap: 30px; } #arthro-hero-section .arthro-img-col { gap: 30px; } #arthro-hero-section .arthro-col-right { margin-top: -40px; } #arthro-hero-section .arthro-card-wrapper { height: 210px; } #arthro-hero-section .arthro-shadow { top: 15px; left: -15px; } #arthro-hero-section .arthro-glow-orb { display: none !important; } #arthro-hero-section .arthro-actions { flex-direction: column; gap: 15px; } }\n    <\/style>\n\n    <section id=\"arthro-hero-section\">\n        <div class=\"arthro-medical-grid\"><\/div>\n\n        <div class=\"arthro-container\">\n            <div class=\"arthro-grid\">\n                \n                <div class=\"arthro-content-col\">\n                    <div class=\"arthro-kicker\">\n                        <i class=\"ph-fill ph-shield-check\"><\/i> ARTHRO CLINIC ROMA                    <\/div>\n                    <h1 class=\"arthro-title\">International orthopedic excellence in the heart of Rome   <\/h1>\n                    <p class=\"arthro-desc\">Arthro Clinic Roma was born from the combination of medical expertise, advanced technology, and a deep family tradition.\n<br><br>\nFounded by father and son, Prof. Wolfram Thomas and Prof. Sascha Thomas, the Clinic preserves and carries forward the experience and values of three generations of doctors, combining the tradition of German medicine with a modern, international, and highly personalized vision of care.<\/p>\n                    \n                    <div class=\"arthro-actions\">\n    <a href=\"#prenota-appuntamento\" class=\"arthro-cta\" id=\"btn-ricerca-consulenza\">Request a Consultation<\/a>\n    <a href=\"\/specializations\/\" class=\"arthro-cta-secondary\">Discover Our Areas of Expertise <i class=\"ph-bold ph-arrow-right\"><\/i><\/a>\n <\/div>\n\n                    <div class=\"arthro-trust-block\">\n                        <div class=\"arthro-avatars\">\n                            <img decoding=\"async\" src=\"\/img\/man1.jpg\" alt=\"Chirurgo Arthro\">\n                            <img decoding=\"async\" src=\"\/img\/man2.jpg\" alt=\"Specialista Arthro\">\n                            <img decoding=\"async\" src=\"\/img\/women1.jpg\" alt=\"Dottore Arthro\">\n                        <\/div>\n                        <div class=\"arthro-trust-text\">\n                            <div class=\"arthro-stars\">\n                                <i class=\"ph-fill ph-star\"><\/i>\n                                <i class=\"ph-fill ph-star\"><\/i>\n                                <i class=\"ph-fill ph-star\"><\/i>\n                                <i class=\"ph-fill ph-star\"><\/i>\n                                <i class=\"ph-fill ph-star\"><\/i>\n                            <\/div>\n                            <span>Over 10,000 Successful Procedures<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"arthro-images-wrapper\">\n                    <div class=\"arthro-glow-orb\"><\/div>\n                    \n                    <div class=\"arthro-badge\">\n                        <i class=\"ph-fill ph-trophy\"><\/i>\n                        <span>Three Generations of Excellence<\/span>\n                    <\/div>\n\n                    <div class=\"arthro-img-col\">\n                        <div class=\"arthro-card-wrapper arthro-el-1\">\n                            <div class=\"arthro-card\" data-speed-x=\"20\" data-speed-y=\"15\">\n                                <div class=\"arthro-shadow\"><\/div>\n                                <div class=\"arthro-img-box\">\n                                    <img decoding=\"async\" src=\"\/hero\/1.webp\" alt=\"Arthro Clinic Surgical Team\" loading=\"eager\" class=\"skip-lazy\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"arthro-card-wrapper arthro-el-3\">\n                            <div class=\"arthro-card\" data-speed-x=\"-15\" data-speed-y=\"20\">\n                                <div class=\"arthro-shadow\"><\/div>\n                                <div class=\"arthro-img-box\">\n                                    <img decoding=\"async\" src=\"\/hero\/2.webp\" alt=\"Operazione chirurgica\" loading=\"eager\" class=\"skip-lazy\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"arthro-img-col arthro-col-right\">\n                        <div class=\"arthro-card-wrapper arthro-el-2\">\n                            <div class=\"arthro-card\" data-speed-x=\"-10\" data-speed-y=\"-25\">\n                                <div class=\"arthro-shadow\"><\/div>\n                                <div class=\"arthro-img-box\">\n                                    <img decoding=\"async\" src=\"\/hero\/4.webp\" alt=\"Orthopedic Specialist\" loading=\"eager\" class=\"skip-lazy\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"arthro-card-wrapper arthro-el-4\">\n                            <div class=\"arthro-card\" data-speed-x=\"20\" data-speed-y=\"-15\">\n                                <div class=\"arthro-shadow\"><\/div>\n                                <div class=\"arthro-img-box\">\n                                    <img decoding=\"async\" src=\"\/hero\/5.webp\" alt=\"Rome Operating Theatre\" loading=\"eager\" class=\"skip-lazy\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"arthro-scroll-indicator\">\n            <div class=\"arthro-mouse\"><div class=\"arthro-wheel\"><\/div><\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        (function() {\n            function initArthroHero() {\n                const section = document.getElementById('arthro-hero-section');\n                const elements = document.querySelectorAll('#arthro-hero-section .arthro-card');\n                \n                if (!section || elements.length === 0) return;\n\n                let mouseX = 0, mouseY = 0;\n                let currentParallaxX = 0, currentParallaxY = 0;\n                let idleWeight = 1; \n                let time = 0;\n                let mouseStopTimeout;\n\n                function animate() {\n                    time += 0.0025; \n                    currentParallaxX += (mouseX - currentParallaxX) * 0.02;\n                    currentParallaxY += (mouseY - currentParallaxY) * 0.02;\n\n                    if (mouseX === 0 && mouseY === 0) {\n                        idleWeight += 0.005; \n                        if (idleWeight > 1) idleWeight = 1;\n                    } else {\n                        idleWeight -= 0.03; \n                        if (idleWeight < 0) idleWeight = 0;\n                    }\n\n                    elements.forEach((el, index) => {\n                        const speedX = parseFloat(el.getAttribute('data-speed-x')) || 0;\n                        const speedY = parseFloat(el.getAttribute('data-speed-y')) || 0;\n                        \n                        const px = currentParallaxX * speedX;\n                        const py = currentParallaxY * speedY;\n\n                        const amplitude = window.innerWidth < 768 ? 12 : 12;\n                        const floatX = Math.sin(time + index * 2.2) * amplitude * idleWeight;\n                        const floatY = Math.cos(time + index * 1.7) * amplitude * idleWeight;\n\n                        if (!isNaN(px) && !isNaN(py)) {\n                            el.style.transform = `translate3d(${px + floatX}px, ${py + floatY}px, 0)`;\n                        }\n                    });\n\n                    requestAnimationFrame(animate);\n                }\n\n                requestAnimationFrame(animate);\n\n                if (window.matchMedia(\"(pointer: fine)\").matches) {\n                    section.addEventListener('mousemove', function(e) {\n                        clearTimeout(mouseStopTimeout);\n                        \n                        const rect = section.getBoundingClientRect();\n                        mouseX = ((e.clientX - rect.left) \/ rect.width) - 0.5;\n                        mouseY = ((e.clientY - rect.top) \/ rect.height) - 0.5;\n\n                        mouseStopTimeout = setTimeout(() => {\n                            mouseX = 0; \n                            mouseY = 0;\n                        }, 1500); \n                    });\n\n                    section.addEventListener('mouseleave', function() {\n                        clearTimeout(mouseStopTimeout);\n                        mouseX = 0; \n                        mouseY = 0;\n                    });\n                }\n            }\n\n            if (document.readyState === 'interactive' || document.readyState === 'complete') {\n                initArthroHero();\n            } else {\n                document.addEventListener('DOMContentLoaded', initArthroHero);\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-310b723 e-flex e-con-boxed e-con e-parent \" data-id=\"310b723\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-985a77a elementor-widget elementor-widget-shortcode\" data-id=\"985a77a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n        #arthro-specializzazioni-block { width: 100%; background-color: transparent !important; overflow: hidden; font-family: 'Poppins', sans-serif; }\n        #arthro-specializzazioni-block .spec-section-wrapper { max-width: 1400px; margin: 0 auto; padding: 80px 40px; box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n        #arthro-specializzazioni-block h2, #arthro-specializzazioni-block h3, #arthro-specializzazioni-block p, #arthro-specializzazioni-block span, #arthro-specializzazioni-block a { letter-spacing: 0px !important; }\n        @keyframes specTextReveal { 0% { opacity: 0; transform: translateY(35px); filter: blur(8px); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } }\n        @keyframes specSliderReveal { 0% { opacity: 0; transform: translateY(40px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }\n        #arthro-specializzazioni-block .spec-animated { opacity: 0; will-change: transform, opacity, filter; transform: translateZ(0); backface-visibility: hidden; }\n        #arthro-specializzazioni-block.is-visible .spec-anim-text { animation: specTextReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n        #arthro-specializzazioni-block.is-visible .spec-anim-slider { animation: specSliderReveal 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n        .spec-delay-1 { animation-delay: 0.1s !important; } .spec-delay-2 { animation-delay: 0.25s !important; } .spec-delay-3 { animation-delay: 0.4s !important; } .spec-delay-4 { animation-delay: 0.6s !important; }\n        #arthro-specializzazioni-block .spec-section-header { text-align: center; max-width: 760px; margin: 0 auto 50px auto; }\n        #arthro-specializzazioni-block .spec-section-subtitle { display: block; color: #3885c0; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }\n        #arthro-specializzazioni-block .spec-section-header h2 { color: #13253e; font-size: 52px; font-weight: 600; margin: 0 0 20px 0; line-height: 1.15; }\n        #arthro-specializzazioni-block .spec-section-header p { color: #34486b; font-size: 16px; line-height: 1.6; font-weight: 400; margin: 0; }\n        #arthro-specializzazioni-block .spec-slider-container { position: relative; width: 100%; }\n        #arthro-specializzazioni-block .spec-swiper { width: 100%; overflow: hidden; padding: 10px 0 45px 0 !important; margin: -10px 0 -45px 0 !important; }\n        #arthro-specializzazioni-block .spec-slide { height: 350px; border-radius: 40px; overflow: hidden; display: flex; align-items: stretch; box-shadow: 0 15px 40px rgba(19, 37, 62, 0.08); box-sizing: border-box; background: #3885c0; opacity: 1 !important; transform: translateZ(0); }\n        #arthro-specializzazioni-block .spec-image-link { width: 50%; height: 100%; position: relative; overflow: hidden; display: block; cursor: pointer; margin-right: -1px; z-index: 2; }\n        #arthro-specializzazioni-block .spec-image-bg { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(20%) contrast(1.05) brightness(0.9); transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), filter 1.5s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }\n        #arthro-specializzazioni-block .spec-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 37, 62, 0.15); mix-blend-mode: overlay; transition: background 1.4s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }\n        #arthro-specializzazioni-block .spec-image-link:hover .spec-image-bg { transform: scale(1.08); filter: grayscale(0%) contrast(1.05) brightness(1) saturate(1.1); }\n        #arthro-specializzazioni-block .spec-content-box { background: linear-gradient(135deg, rgba(46, 115, 168, 0.96) 0%, rgba(56, 133, 192, 0.96) 100%); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); color: #ffffff; width: calc(50% + 1px); padding: 45px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; z-index: 1; position: relative; transform: translateZ(0); }\n        #arthro-specializzazioni-block .spec-content-box h3, #arthro-specializzazioni-block .spec-content-box p, #arthro-specializzazioni-block .spec-link { opacity: 0; transform: translateY(25px); filter: blur(6px); transition: opacity 0.5s ease-out, transform 0.5s ease-out, filter 0.5s ease-out; will-change: transform, opacity, filter; }\n        #arthro-specializzazioni-block .spec-content-box h3 { font-size: 25px; font-weight: 500; line-height: 1.2; margin: 0 0 12px 0; }\n        #arthro-specializzazioni-block .spec-content-box p { font-size: 15px; line-height: 1.5; font-weight: 400; margin: 0 0 20px 0; opacity: 0.9; }\n        #arthro-specializzazioni-block .spec-link { color: #ffffff; text-decoration: none; font-weight: 600 !important; font-size: 12.5px; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; text-transform: uppercase; }\n        #arthro-specializzazioni-block .spec-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }\n        #arthro-specializzazioni-block .spec-link:hover { opacity: 0.8; }\n        #arthro-specializzazioni-block .spec-link:hover svg { transform: translateX(6px); }\n        @media (min-width: 992px) {\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box h3, #arthro-specializzazioni-block .swiper-slide-next .spec-content-box h3, #arthro-specializzazioni-block .swiper-slide-active .spec-content-box p, #arthro-specializzazioni-block .swiper-slide-next .spec-content-box p, #arthro-specializzazioni-block .swiper-slide-active .spec-link, #arthro-specializzazioni-block .swiper-slide-next .spec-link { opacity: 1; transform: translateY(0); filter: blur(0); transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box h3, #arthro-specializzazioni-block .swiper-slide-next .spec-content-box h3 { transition-delay: 0.2s; }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box p, #arthro-specializzazioni-block .swiper-slide-next .spec-content-box p { transition-delay: 0.35s; }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-link, #arthro-specializzazioni-block .swiper-slide-next .spec-link { transition-delay: 0.5s; }\n        }\n        @media (max-width: 991px) {\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box h3, #arthro-specializzazioni-block .swiper-slide-active .spec-content-box p, #arthro-specializzazioni-block .swiper-slide-active .spec-link { opacity: 1; transform: translateY(0); filter: blur(0); }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box h3 { transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, filter 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s; }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-content-box p { transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, filter 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }\n            #arthro-specializzazioni-block .swiper-slide-active .spec-link { transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s, filter 1s cubic-bezier(0.16, 1, 0.3, 1) 0.45s; }\n        }\n        #arthro-specializzazioni-block .spec-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background: #ffffff; border-radius: 50%; box-shadow: 0 10px 25px rgba(19, 37, 62, 0.08); cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: background 0.3s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s; }\n        #arthro-specializzazioni-block .spec-nav-btn:hover { transform: translateY(-50%) scale(1.08); box-shadow: 0 15px 35px rgba(19, 37, 62, 0.12); }\n        #arthro-specializzazioni-block .spec-nav-btn svg { width: 20px; height: 20px; stroke: #3885c0; stroke-width: 2.5; fill: none; }\n        #arthro-specializzazioni-block .spec-prev { left: -25px; } #arthro-specializzazioni-block .spec-next { right: -25px; }\n        @media (max-width: 1460px) { #arthro-specializzazioni-block .spec-prev { left: 15px; } #arthro-specializzazioni-block .spec-next { right: 15px; } }\n        @media (max-width: 1199px) { #arthro-specializzazioni-block .spec-section-wrapper { padding: 60px 20px; } #arthro-specializzazioni-block .spec-slide { height: 330px; } #arthro-specializzazioni-block .spec-content-box { padding: 35px; } #arthro-specializzazioni-block .spec-section-header h2 { font-size: 42px; } }\n        @media (max-width: 991px) { #arthro-specializzazioni-block .spec-slide { height: 380px; } #arthro-specializzazioni-block .spec-image-link { width: 45%; } #arthro-specializzazioni-block .spec-content-box { width: calc(55% + 1px); padding: 30px; } }\n        @media (max-width: 767px) {\n\t\t\t\n\t\t\t.footer-wave {height:20px!important; padding-top: 80px}\n            #arthro-specializzazioni-block .spec-section-wrapper { padding: 50px 15px; } #arthro-specializzazioni-block .spec-section-header { margin-bottom: 35px; } #arthro-specializzazioni-block .spec-section-header h2 { font-size: 34px; font-weight: 600 !important; }\n            #arthro-specializzazioni-block .spec-slide { height: auto; min-height: 450px; flex-direction: column; border-radius: 40px; }\n            #arthro-specializzazioni-block .spec-image-link { width: 100%; height: 300px; margin-bottom: -1px; }\n            #arthro-specializzazioni-block .spec-content-box { width: 100%; height: auto; flex: 1; padding: 30px 20px; text-align: center; align-items: center; }\n            #arthro-specializzazioni-block .spec-content-box h3 { font-size: 21px; font-weight: 600; }\n            #arthro-specializzazioni-block .spec-link { align-self: center; }\n            #arthro-specializzazioni-block .spec-nav-btn { display: none; }\n        }\n    <\/style>\n\n    <div id=\"arthro-specializzazioni-block\">\n        <div class=\"spec-section-wrapper\">\n            \n            <div class=\"spec-section-header\">\n                <span class=\"spec-section-subtitle spec-animated spec-anim-text spec-delay-1\">Clinical Excellence<\/span>\n                <h2 class=\"spec-animated spec-anim-text spec-delay-2\">Specializations<\/h2>\n                <p class=\"spec-animated spec-anim-text spec-delay-3\">Discover our centers of excellence: state-of-the-art care for joint conditions, backed by the highest standards of medical excellence.<\/p>\n            <\/div>\n\n            <div class=\"spec-slider-container spec-animated spec-anim-slider spec-delay-4\">\n                <div class=\"swiper spec-swiper\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide spec-slide\">\n                                <a href=\"\/hip-replacement\/\" class=\"spec-image-link\" title=\"Minimally Invasive Hip Arthroplasty\">\n                                    <div class=\"spec-image-bg\" style=\"background-image: url('\/img\/protesi-della_anca-Roma_Arthro-Clinic-Roma.png');\"><\/div>\n                                    <div class=\"spec-image-overlay\"><\/div>\n                                <\/a>\n                                \n                                <div class=\"spec-content-box\">\n                                    <h3>Minimally Invasive Hip Arthroplasty<\/h3>\n                                    <p>Ultra-precise implants utilizing advanced, highly wear-resistant materials. Targeted surgical interventions engineered for accelerated functional recovery.<\/p>\n                                    <a href=\"\/hip-replacement\/\" class=\"spec-link\">\n                                        Explore Details \n                                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide spec-slide\">\n                                <a href=\"\/knee-replacement\/\" class=\"spec-image-link\" title=\"Knee Replacement\">\n                                    <div class=\"spec-image-bg\" style=\"background-image: url('\/img\/protesi%20del%20ginocchio%20-%20arthro%20clinic%20roma.jpg');\"><\/div>\n                                    <div class=\"spec-image-overlay\"><\/div>\n                                <\/a>\n                                \n                                <div class=\"spec-content-box\">\n                                    <h3>Knee Replacement<\/h3>\n                                    <p>Technological evolution meets a state-of-the-art approach. A 45-minute minimally invasive procedure engineered to restore optimal knee anatomy.<\/p>\n                                    <a href=\"\/knee-replacement\/\" class=\"spec-link\">\n                                        Explore Details \n                                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide spec-slide\">\n                                <a href=\"\/shoulder-replacement\/\" class=\"spec-image-link\" title=\"Custom Shoulder Replacement\">\n                                    <div class=\"spec-image-bg\" style=\"background-image: url('\/img\/protesi_spalla---arthro-clinic-roma.jpg');\"><\/div>\n                                    <div class=\"spec-image-overlay\"><\/div>\n                                <\/a>\n                                \n                                <div class=\"spec-content-box\">\n                                    <h3>Custom Shoulder Replacement<\/h3>\n                                    <p>Definitive solutions directed by Prof. Wolfram Thomas. State-of-the-art implants and advanced arthroscopic techniques engineered to relieve chronic pain.<\/p>\n                                    <a href=\"\/shoulder-replacement\/\" class=\"spec-link\">\n                                        Explore Details \n                                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide spec-slide\">\n                                <a href=\"\/osteoarthritis\/\" class=\"spec-image-link\" title=\"Arthroscopy and Osteoarthritis Care\">\n                                    <div class=\"spec-image-bg\" style=\"background-image: url('\/img\/Artroscopia-Arthro_Clinic_Roma.jpg');\"><\/div>\n                                    <div class=\"spec-image-overlay\"><\/div>\n                                <\/a>\n                                \n                                <div class=\"spec-content-box\">\n                                    <h3>Arthroscopy and Osteoarthritis Care<\/h3>\n                                    <p>Advancing the prevention and management of degenerative disorders through state-of-the-art minimally invasive surgery to restore joint mobility.<\/p>\n                                    <a href=\"\/osteoarthritis\/\" class=\"spec-link\">\n                                        Explore Details \n                                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n                \n                <div class=\"spec-nav-btn spec-prev\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/div>\n                <div class=\"spec-nav-btn spec-next\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\" id=\"swiper-core-js\"><\/script>\n\n    <script>\n        function initPremiumSwiper() {\n            if (typeof Swiper !== 'undefined' && document.querySelector('#arthro-specializzazioni-block .spec-swiper')) {\n                new Swiper('#arthro-specializzazioni-block .spec-swiper', {\n                    slidesPerView: 1,\n                    spaceBetween: 26, \n                    loop: true,\n                    grabCursor: true,\n                    simulateTouch: true,\n                    watchSlidesProgress: true,\n                    speed: 1000, \n                    autoplay: {\n                        delay: 6000, \n                        disableOnInteraction: false,\n                        pauseOnMouseEnter: true \n                    },\n                    navigation: {\n                        nextEl: '#arthro-specializzazioni-block .spec-next',\n                        prevEl: '#arthro-specializzazioni-block .spec-prev',\n                    },\n                    breakpoints: {\n                        992: {\n                            slidesPerView: 2,\n                            spaceBetween: 30\n                        }\n                    }\n                });\n            }\n        }\n\n        function initScrollReveal() {\n            const section = document.getElementById('arthro-specializzazioni-block');\n            \n            if (section) {\n                const observerOptions = {\n                    root: null,\n                    rootMargin: '0px',\n                    threshold: 0.15 \n                };\n\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('is-visible');\n                        } else {\n                            entry.target.classList.remove('is-visible');\n                        }\n                    });\n                }, observerOptions);\n\n                observer.observe(section);\n            }\n        }\n\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            initScrollReveal();\n            if (typeof Swiper !== 'undefined') {\n                initPremiumSwiper();\n            } else {\n                let scriptEl = document.getElementById('swiper-core-js');\n                if(scriptEl) scriptEl.addEventListener('load', initPremiumSwiper);\n            }\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e192b7 elementor-widget elementor-widget-shortcode\" data-id=\"9e192b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\n        .edge-blur-top, .edge-blur-bottom { position: fixed; left: 0; width: 100%; height: 35px; z-index: 99999; pointer-events: none; background: transparent !important; backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px); }\n        .edge-blur-top { top: 0; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.3) 65%, transparent 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.3) 65%, transparent 100%); }\n        .edge-blur-bottom { bottom: 0; -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.3) 65%, transparent 100%); mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.3) 65%, transparent 100%); }\n        .docs-section-wrapper { font-family: 'Poppins', sans-serif; max-width: 1400px; margin: 0 auto; padding: 80px 40px; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\n        .docs-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; gap: 50px; position: relative; z-index: 2; }\n        .docs-title-box { flex: 1; }\n        .docs-section-header h2 { color: #13253e; font-size: 52px; font-weight: 600; letter-spacing: -1px; margin: 0; line-height: 1.15; }\n        .docs-header-divider-custom { width: 90px; height: 200px; display: flex; opacity:0.4; align-items: center; justify-content: center; flex-shrink: 0; }\n        .docs-header-divider-custom img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }\n        .docs-subtitle-box { flex: 1; }\n        .docs-section-header p { color: #34486b; font-size: 16px; line-height: 1.6; font-weight: 400; margin: 0; max-width: 540px; }\n        .docs-section-header, .doc-item-animate { opacity: 0; transform: translateY(30px); filter: blur(8px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n        .docs-section-header.doc-reveal-visible, .doc-item-animate.doc-reveal-visible { opacity: 1; transform: translateY(0); filter: blur(0); transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1), transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\n        .docs-grid-container { display: flex; gap: 30px; width: 100%; height: 900px; position: relative; z-index: 2; }\n        .docs-left-col { width: 50%; height: 100%; } .docs-right-col { width: 50%; display: flex; flex-direction: column; gap: 30px; height: 100%; } .docs-right-col-item { height: calc(50% - 15px); }\n        .doc-card-wrapper { width: 100%; height: 100%; border-radius: 40px; overflow: hidden; position: relative; box-shadow: 0 20px 50px rgba(19, 37, 62, 0.04); background: #ffffff; display: block; text-decoration: none; cursor: pointer; -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image: radial-gradient(white, black); isolation: isolate; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); }\n        .doc-card-bg { width: 100%; height: 100%; background-size: cover; background-position: center top; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); }\n        .doc-card-plus { position: absolute; top: 35px; right: 35px; color: #ffffff; opacity: 0.25; z-index: 4; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease; pointer-events: none; }\n        .doc-card-wrapper:hover .doc-card-plus { transform: rotate(90deg) scale(1.15); opacity: 0.95; }\n        .doc-card-color-tint { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #13253e; mix-blend-mode: color; opacity: 0.1; z-index: 1; pointer-events: none; }\n        .doc-card-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 55%; background: linear-gradient(to top, rgba(19, 37, 62, 0.95) 0%, rgba(19, 37, 62, 0.75) 45%, rgba(19, 37, 62, 0.15) 80%, transparent 100%); z-index: 2; pointer-events: none; }\n        .doc-card-info { position: absolute; bottom: -40px; left: 0; width: 100%; padding: 45px; box-sizing: border-box; color: #ffffff; z-index: 3; pointer-events: none; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; }\n        .doc-card-info h3 { font-size: 26px; font-weight: 600!important; margin: 0 0 6px 0; letter-spacing: -0.5px; color: #ffffff; }\n        .doc-card-info .doc-role { display: block; color: #3885c0; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; }\n        .doc-text-container { position: relative; height: 88px; overflow: hidden; }\n        .doc-desc-short, .doc-desc-full { font-size: 16px; line-height: 1.35; font-weight: 400; margin: 0; color: rgba(255, 255, 255, 0.95); transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); }\n        .doc-desc-full { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; }\n        .doc-card-wrapper:hover .doc-card-bg { transform: scale(1.06) translate3d(0, 0, 0); }\n        .doc-card-wrapper:hover .doc-card-info { transform: translateY(-40px); }\n        .doc-card-wrapper:hover .doc-desc-short { opacity: 0; }\n        .doc-card-wrapper:hover .doc-desc-full { opacity: 1; transition-delay: 0.1s; }\n        .docs-right-col .doc-card-info { padding: 35px 40px; bottom: -40px; }\n        @media (max-width: 1199px) { .docs-grid-container { flex-direction: column; height: auto; } .docs-left-col, .docs-right-col { width: 100%; height: 600px; } .docs-right-col { height: auto; gap: 30px; } .docs-right-col-item { height: 440px; } .edge-blur-top, .edge-blur-bottom { display: none !important; } }\n        @media (max-width: 767px) {\n            .docs-section-header { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 40px; } .docs-header-divider-custom { display: none; } .docs-section-header h2 { font-size: 32px; }\n            .docs-left-col { height: 420px; } .docs-right-col-item { height: 420px; }\n            .doc-card-info { padding: 25px !important; bottom: 0 !important; transform: none !important; } .doc-card-info h3 { font-size: 22px; } .doc-text-container { height: auto !important; } .doc-desc-short { display: none; }\n            .doc-desc-full { position: relative; opacity: 0.9 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; }\n            .docs-section-wrapper { padding: 80px 20px;} .doc-card-overlay { height: 60% !important; } .doc-card-plus { display: none; }\n        }\n    <\/style>\n\n    <div class=\"edge-blur-top\"><\/div>\n    <div class=\"edge-blur-bottom\"><\/div>\n\n    <div class=\"docs-section-wrapper\">\n        <div class=\"docs-section-header js-doc-reveal\">\n            <div class=\"docs-title-box\">\n                <h2>Our Medical Team<\/h2>\n            <\/div>\n            \n            <div class=\"docs-header-divider-custom\">\n                <img decoding=\"async\" src=\"\/img\/shadow.png\" alt=\"divider\">\n            <\/div>\n            \n            <div class=\"docs-subtitle-box\">\n                <p>An internationally renowned team of specialists committed to providing state-of-the-art care through highly customized therapeutic approaches.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"docs-grid-container\">\n            <div class=\"docs-left-col doc-item-animate js-doc-reveal\" style=\"transition-delay: 0.2s;\">\n                <a href=\"\/en\/our-medical-team\/\" class=\"doc-card-wrapper\">\n                    <div class=\"doc-card-bg\" style=\"background-image: url('\/img\/Dir.-Prof.-Sascha-Thomas.jpg');\"><\/div>\n                    <div class=\"doc-card-plus\">\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path d=\"M12 4v16M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n                    <\/div>\n                    <div class=\"doc-card-color-tint\"><\/div>\n                    <div class=\"doc-card-overlay\"><\/div>\n                    <div class=\"doc-card-info\">\n                        <h3>Prof. Tom Sascha Thomas<\/h3>\n                        <span class=\"doc-role\">Medical Director of Arthro Clinic Rome   <\/span>\n                        <div class=\"doc-text-container\">\n                            <p class=\"doc-desc-short\">Prof. Tom Sascha Thomas is a distinguished, internationally trained orthopedic surgeon whose career extends across Europe and the United States.<\/p>\n                            <p class=\"doc-desc-full\">Prof. Tom Sascha Thomas is a distinguished, internationally trained orthopedic surgeon whose career spans across Europe and the United States. His clinical and academic background at premier institutions has forged a medical practice defined by meticulous precision, utmost discretion, and cutting-edge surgical expertise.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"docs-right-col\">\n                                    <div class=\"docs-right-col-item doc-item-animate js-doc-reveal\" style=\"transition-delay: 0.6s;\">\n                        <a href=\"\/en\/our-medical-team\/\" class=\"doc-card-wrapper\">\n                            <div class=\"doc-card-bg\" style=\"background-image: url('\/img\/Dr.Wolfram-Thomas.jpg');\"><\/div>\n                            <div class=\"doc-card-plus\">\n                                <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M12 4v16M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n                            <\/div>\n                            <div class=\"doc-card-color-tint\"><\/div>\n                            <div class=\"doc-card-overlay\"><\/div>\n                            <div class=\"doc-card-info\">\n                                <h3>Prof. Dott. Wolfram Thomas<\/h3>\n                                <span class=\"doc-role\">Orthopedic and Trauma Surgeon<\/span>\n                                <div class=\"doc-text-container\">\n                                    <p class=\"doc-desc-short\">Prof. Dr. Wolfram Thomas is a pioneer in complex shoulder and hip arthroplasty.<\/p>\n                                    <p class=\"doc-desc-full\">Prof. Dr. Wolfram Thomas is a trailblazer in complex shoulder and hip arthroplasty, boasting over 30 years of medical excellence. He heads the team by implementing sophisticated, tailor-made therapeutic protocols of the highest caliber.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"docs-right-col-item doc-item-animate js-doc-reveal\" style=\"transition-delay: 0.4s;\">\n                        <a href=\"\/en\/our-medical-team\/\" class=\"doc-card-wrapper\">\n                            <div class=\"doc-card-bg\" style=\"background-image: url('\/img\/12.jpg');\"><\/div>\n                            <div class=\"doc-card-plus\">\n                                <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M12 4v16M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n                            <\/div>\n                            <div class=\"doc-card-color-tint\"><\/div>\n                            <div class=\"doc-card-overlay\"><\/div>\n                            <div class=\"doc-card-info\">\n                                <h3>Dr. Marco Casali<\/h3>\n                                <span class=\"doc-role\">Orthopedic surgeon specializing in hip and knee arthroplasty<\/span>\n                                <div class=\"doc-text-container\">\n                                    <p class=\"doc-desc-short\">Dr. Marco Casali is an orthopedic surgeon specializing in the management and treatment of complex hip and knee disorders...   <\/p>\n                                    <p class=\"doc-desc-full\">Dr. Marco Casali is an expert orthopedic surgeon specializing in hip and knee disorders, with extensive experience in both primary and revision arthroplasty. After completing his residency in Orthopedics and Traumatology at the prestigious Rizzoli Orthopedic Institute in Bologna with summa cum laude honors, he continued his clinical practice at the institute. There, he mastered the most advanced joint replacement techniques, including minimally invasive approaches and computer-assisted surgical planning and navigation.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const elements = document.querySelectorAll('.js-doc-reveal');\n            const observerOptions = { root: null, rootMargin: '0px', threshold: 0.08 };\n            const docsObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) { entry.target.classList.add('doc-reveal-visible'); } else { entry.target.classList.remove('doc-reveal-visible'); }\n                });\n            }, observerOptions);\n            elements.forEach(el => docsObserver.observe(el));\n        });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-1f0b395 e-flex e-con-boxed e-con e-parent \" data-id=\"1f0b395\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e215485 elementor-widget elementor-widget-shortcode\" data-id=\"e215485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.css\" \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.js\"><\/script>\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');\n        .testimonials-wrapper { font-family: 'Poppins', sans-serif; width: 100%; background-image: url('\/testimonialbg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 0px 40px; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; position: relative; }\n        .testimonials-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\n        .testimonials-layout { position: relative; display: flex; align-items: center; height: 480px; }\n        .static-ui-layer { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 10; pointer-events: none; display: flex; flex-direction: column; justify-content: center; gap: 40px; }\n        \n        \/* \u0413\u0440\u0443\u043f\u043f\u0430 \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0438 \u043a\u043d\u043e\u043f\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0432\u044b\u0440\u043e\u0432\u043d\u0435\u043d\u044b *\/\n        .title-group { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }\n        .static-title { font-size: 52px; font-weight: 600; color: #13253e; line-height: 1.15; letter-spacing: -1px; margin: 0; pointer-events: auto; }\n        \n        \/* \u041d\u043e\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 (\u0427\u0418\u0422\u0410\u0422\u042c \u0412\u0421\u0415 \u041e\u0422\u0417\u042b\u0412\u042b) *\/\n        .read-all-reviews-btn {\n            pointer-events: auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 28px;\n            border: 1px solid #3885c0;\n            border-radius: 40px;\n            color: #3885c0;\n            font-size: 14px;\n            font-weight: 500;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            width: fit-content;\n            background: transparent;\n        }\n        .read-all-reviews-btn:hover {\n            background: #3885c0;\n            color: #ffffff;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 15px rgba(56, 133, 192, 0.2);\n        }\n\n        .static-nav { display: flex; gap: 15px; pointer-events: auto; }\n        .testi-btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(19, 37, 62, 0.15); background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #13253e; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 0; }\n        .testi-btn svg { width: 20px; height: 20px; stroke: #13253e; transition: stroke 0.3s ease; }\n        .testi-btn:hover { background: rgb(56, 133, 192); border-color: rgb(56, 133, 192); color: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(56, 133, 192, 0.25); }\n        .testi-btn:hover svg { stroke: #ffffff; }\n        .swiper.testimonials-slider { width: 100%; height: 100%; perspective: 1500px; }\n        .swiper-wrapper { transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important; }\n        .swiper-slide { opacity: 0; transition-property: opacity, transform; background: none !important; }\n        .swiper-slide-active, .swiper-slide-next, .swiper-slide-prev { opacity: 1; }\n        .testimonial-card { display: flex; justify-content: flex-end; align-items: center; height: 100%; width: 100%; }\n        .testimonial-content { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 50%; padding-left: 40px; box-sizing: border-box; }\n        \n        \/* \u0421\u0442\u0438\u043b\u0438 \u0437\u043d\u0430\u0447\u043a\u0430 Google Reviews *\/\n        .google-review-badge { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }\n        .google-review-badge svg { width: 20px; height: 20px; flex-shrink: 0; }\n        .google-stars { color: #f59e0b; font-size: 14px; display: flex; gap: 2px; }\n        .google-source-text { font-size: 12px; font-weight: 600; color: #556b82; text-transform: uppercase; letter-spacing: 0.5px; }\n\n        .testimonial-quote { font-size: 17px; font-weight: 400; font-style: italic; color: #4a5d73; line-height: 1.6; margin: 0 0 20px 0; user-select: none; }\n        .testimonial-author { font-size: 17px; font-weight: 600; color: #13253e; margin: 0; user-select: none; }\n        .testimonial-visual { display: none !important; }\n\n        @media (max-width: 1024px) { .static-ui-layer { width: 50%; padding-right: 20px; } .static-title { font-size: 42px; } .testimonial-content { width: 50%; padding-left: 20px; } .testimonial-quote { font-size: 16px; } }\n        @media (max-width: 767px) {\n            .testimonials-wrapper { padding: 80px 20px; } .testimonials-layout { flex-direction: column; height: auto; }\n            .static-ui-layer { position: relative; width: 100%; height: auto; align-items: center; text-align: center; margin-bottom: 40px; padding-right: 0; }\n            .title-group { align-items: center; margin-bottom: 20px; }\n            .static-title { font-size: 34px; margin-bottom: 0; } .static-nav { justify-content: center; }\n            .testimonial-card { justify-content: center; height: auto; }\n            .testimonial-content { width: 100%; padding-left: 0; align-items: center; text-align: center; }\n            .testimonial-quote { font-size: 15px; margin-bottom: 20px; }\n            .google-review-badge { justify-content: center; }\n        }\n    <\/style>\n\n    <div class=\"testimonials-wrapper\">\n        <div class=\"testimonials-container\">\n            <div class=\"testimonials-layout\">\n                <div class=\"static-ui-layer\">\n                    <div class=\"title-group\">\n                        <h2 class=\"static-title\">What our<br>patients say<\/h2>\n                        \n                        <!-- \u041d\u041e\u0412\u0410\u042f \u041a\u041d\u041e\u041f\u041a\u0410 (\u0413\u041e\u0422\u041e\u0412\u0410 \u041a \u041f\u0415\u0420\u0415\u0412\u041e\u0414\u0423 WPML) -->\n                        <a href=\"https:\/\/share.google\/TlID6rrzfiBSu0QkP\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"read-all-reviews-btn\">\n                            Read all Reviews                        <\/a>\n                    <\/div>\n                    \n                    <div class=\"static-nav\">\n                        <button class=\"testi-btn testi-prev\" aria-label=\"Precedente\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n                        <\/button>\n                        <button class=\"testi-btn testi-next\" aria-label=\"Successivo\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper testimonials-slider\">\n                    <div class=\"swiper-wrapper\">\n                        \n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"We had the opportunity to meet Dr. Sasha Thomas, an exceptional orthopedic surgeon on both a professional and personal level! He operated on my mother for knee replacements done two years apart, and in both cases, the experience was overwhelmingly positive! Thank you so much, Doctor, for your consistently kind and reassuring manner, a rarity in your field. I recommend him without hesitation!!!\"<\/p>\n                                    <h4 class=\"testimonial-author\">Laura Burini<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"I turned to Dr. Thomas\u2014whom our family already knew since he operated on my husband&#039;s knee a few years ago\u2014after suffering from sciatica pain for about a year. The Doctor found the perfect therapy for my condition, and I can happily say that I am on the road to recovery. Thank you, Doctor, to you and your entire staff, who are always so kind and attentive to the patients&#039; needs.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Luisa Fadda<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"&quot;I have known Prof. Thomas for four years now. He successfully operated on both of my husband&#039;s knees, and he is walking well. He also successfully operated on my right knee, and I am walking well too. He is a very kind professor who makes you clearly understand exactly what problem a patient has. I have never met another professor as approachable as him. I highly recommend him\u2014you can judge for yourselves.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Elisabetta Spano<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"I had a left hip replacement. Prof. Tomas, in addition to being an extraordinary surgeon, is a wonderful, warm, and kind person, very empathetic and close to his patients. I never thought I would even go back to playing football, but thanks to the professor, I am reborn and can run without any discomfort. I highly recommend him to everyone. Sincerely, Alberto Guercio.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Alberto Guercio<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"Dr. Tomas Sasha is an invaluable and very approachable person. There are no words to thank him for his care... truly a wonderful and highly qualified professional. Thank you.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Elvio Lepore<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"The hip surgery was a complete success. Dr. Thomas is a wonderful and highly professional person who puts you at ease and is always available. I recommend him to everyone.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Giuseppe Guercio<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"Dr. Thomas is a very kind person and highly skilled in his profession. He helped me a lot, and I thank him from the bottom of my heart. I highly recommend him to anyone who is truly in need.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Angielina Morris<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"Impeccable professionalism, a human touch full of empathetic and motivating attention, precise answers, and fast response times: all this accompanied my experience of two major prosthetic surgeries\u2014first a hip, then a knee\u2014undergone within seven months. The reassuring welcome and the efficiency of care characterize the professor and his entire team: heartfelt thanks!\"<\/p>\n                                    <h4 class=\"testimonial-author\">Enrichetta Spalletta<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"We have been his patients for years and hold the doctor in the highest regard. He treated my wife for four joint replacements (both hips and knees), and all the surgeries were perfect. We are truly grateful to Dr. Thomas for his great professionalism.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Carlo Montali<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"I had a very positive experience; I found professionalism, availability, and kindness. I want to thank the entire staff, from Dr. Sascha to the secretariat. They all deserve 5 stars and high praise.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Cristiano Rossi<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"testimonial-card\">\n                                <div class=\"testimonial-content\">\n                                    <!-- \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a Google + \u0417\u0432\u0435\u0437\u0434\u044b -->\n                                    <div class=\"google-review-badge\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path fill=\"#4285F4\" d=\"M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.66-5.17 3.66-9.17z\"\/>\n                                            <path fill=\"#34A853\" d=\"M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.11-6.72-4.95H1.24v3.15C3.25 21.31 7.32 24 12 24z\"\/>\n                                            <path fill=\"#FBBC05\" d=\"M5.28 14.25c-.25-.72-.38-1.49-.38-2.25s.13-1.53.38-2.25V6.6H1.24C.45 8.19 0 9.99 0 12s.45 3.81 1.24 5.4l4.04-3.15z\"\/>\n                                            <path fill=\"#EA4335\" d=\"M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.32 0 3.25 2.69 1.24 6.6l4.04 3.15c.95-2.84 3.6-4.95 6.72-4.95z\"\/>\n                                        <\/svg>\n                                        <div class=\"google-stars\">\n                                            <i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i>\n                                        <\/div>\n                                        <span class=\"google-source-text\">Google Reviews<\/span>\n                                    <\/div>\n\n                                    <p class=\"testimonial-quote\">\"A very positive experience. Dr. Thomas Sasha treats you as more than just a patient\u2014almost like family. He is kind, empathetic, friendly, humane, and highly professional. The surgery was perfectly successful. He follows up with you from the very beginning to the end, even after you are fully healed. I am extremely satisfied. Well done to the whole team.\"<\/p>\n                                    <h4 class=\"testimonial-author\">Fran\u00e7oise Janisson<\/h4>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function initTestimonialsSlider() {\n            if (typeof Swiper === 'undefined') { setTimeout(initTestimonialsSlider, 50); return; }\n            new Swiper('.testimonials-slider', {\n                grabCursor: true, loop: true, speed: 1200, effect: 'creative',\n                creativeEffect: {\n                    limitProgress: 2,\n                    prev: { translate: ['-120%', 0, -500], scale: 0.5, opacity: 0, rotate: [0, 5, 0] },\n                    next: { translate: ['120%', 0, -500], scale: 0.5, opacity: 0, rotate: [0, -5, 0] }\n                },\n                navigation: { nextEl: '.testi-next', prevEl: '.testi-prev', },\n                autoplay: { delay: 6000, disableOnInteraction: false, pauseOnMouseEnter: true, },\n            });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-34a1976 e-con-full e-flex e-con e-parent \" data-id=\"34a1976\" data-element_type=\"container\" data-e-type=\"container\">\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-69c8e1e e-con-full e-flex e-con e-parent \" data-id=\"69c8e1e\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-b9a1ede elementor-widget elementor-widget-shortcode\" data-id=\"b9a1ede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\n        \n        .booking-section-wrapper { font-family: 'Poppins', sans-serif; width: 100%; background-image: url('\/img\/prenota.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 120px 40px; overflow: hidden; box-sizing: border-box !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\n        .booking-section-wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 28, 44, 0.4); z-index: 1; } \/* \u0421\u043b\u0435\u0433\u043a\u0430 \u0437\u0430\u0442\u0435\u043c\u043d\u0438\u043b \u0444\u043e\u043d \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430 *\/\n        \n        .booking-layout-container { width: 100% !important; max-width: 1100px !important; margin: 0 auto !important; position: relative; z-index: 2; box-sizing: border-box !important; }\n        \n        .js-booking-reveal { opacity: 0; transform: translate3d(0, 40px, 0); filter: blur(12px); will-change: transform, opacity, filter; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\n        .js-booking-reveal.reveal-visible { opacity: 1; transform: translate3d(0, 0, 0) !important; filter: blur(0); }\n        \n        .booking-united-box { display: flex; align-items: stretch; width: 100% !important; border-radius: 24px; overflow: hidden; box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box !important; }\n        \n        .booking-info-area { flex: 1; display: flex; flex-direction: column; color: #ffffff; padding: 60px 50px; justify-content: space-between; box-sizing: border-box !important; }\n        .booking-form-area { flex: 1.3; background: #ffffff; padding: 60px 50px; box-sizing: border-box !important; max-width: 100% !important; }\n        \n        .booking-subtitle { display: flex; align-items: center; gap: 6px; color: #ffffff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; opacity: 0.8; }\n        .booking-subtitle i { font-size: 16px; } \n        \n        .booking-title { color: #ffffff; font-size: 42px; font-weight: 600; line-height: 1.1; margin: 0 0 20px 0; letter-spacing: -1px; }\n        .booking-desc { color: rgba(255, 255, 255, 0.85); font-size: 15.5px; line-height: 1.7; margin: 0 0 40px 0; }\n        \n        .contact-list { display: flex; flex-direction: column; gap: 25px; }\n        .contact-item { display: flex; align-items: center; gap: 20px; }\n        \n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 1: \u0411\u0435\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u043d\u0430 \u0442\u0435\u043c\u043d\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n        .contact-item i { font-size: 28px; color: #ffffff; opacity: 0.9; } \n        \n        .contact-text { display: flex; flex-direction: column; gap: 2px; }\n        .contact-text span { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, 0.5); font-weight: 600; }\n        .contact-text strong { font-size: 16px; font-weight: 500; color: #ffffff; }\n        \n        .social-links { display: flex; gap: 15px; margin-top: 35px; }\n        .social-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 20px; text-decoration: none; transition: all 0.4s ease; }\n        .social-btn:hover { background: rgb(56, 133, 192); border-color: rgb(56, 133, 192); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(56, 133, 192, 0.3); }\n        \n        #arthro-booking-form.booking-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px 20px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; }\n        \n        .form-group { display: flex !important; flex-direction: column !important; width: 100% !important; box-sizing: border-box !important; }\n        .form-group.full-width { grid-column: span 2 !important; }\n        \n        #arthro-booking-form label.main-label { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #5a6b82 !important; margin-bottom: 8px !important; display: block !important; }\n        \n        .services-grid-desktop { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; width: 100% !important; box-sizing: border-box !important; }\n        .services-dropdown-mobile { display: none !important; }\n        \n        .service-label { cursor: pointer; display: block; -webkit-tap-highlight-color: transparent; width: 100% !important; }\n        .service-label input[type=\"radio\"] { display: none !important; }\n        \n        #arthro-booking-form .service-btn { background: #ffffff !important; border: 1px solid rgba(19, 37, 62, 0.1) !important; outline: none !important; border-radius: 16px !important; padding: 20px 5px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; box-sizing: border-box !important; transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important; width: 100% !important; }\n        #arthro-booking-form .service-btn i { font-size: 32px !important; color: rgb(56, 133, 192) !important; transition: color 0.3s ease !important; }\n        #arthro-booking-form .service-btn span { font-size: 12px !important; font-weight: 500 !important; color: #13253e !important; text-align: center !important; white-space: nowrap !important; transition: color 0.3s ease !important; }\n        \n        #arthro-booking-form .service-label:hover .service-btn, #arthro-booking-form .service-label input[type=\"radio\"]:checked + .service-btn { background: rgb(56, 133, 192) !important; border-color: rgb(56, 133, 192) !important; box-shadow: 0 10px 22px rgba(56, 133, 192, 0.25) !important; transform: translateY(-2px) !important; }\n        #arthro-booking-form .service-label:hover .service-btn i, #arthro-booking-form .service-label input[type=\"radio\"]:checked + .service-btn i, #arthro-booking-form .service-label:hover .service-btn span, #arthro-booking-form .service-label input[type=\"radio\"]:checked + .service-btn span { color: #ffffff !important; }\n        \n        .input-wrapper { position: relative !important; width: 100% !important; box-sizing: border-box !important; display: block !important; }\n        \n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 2: \u0416\u0435\u0441\u0442\u043a\u0438\u0435 16px \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0437\u0443\u043c\u0430 \u043d\u0430 iOS \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 *\/\n        #arthro-booking-form input.form-input, #arthro-booking-form select.form-input { \n            width: 100% !important; \n            min-width: 0 !important; \n            max-width: 100% !important; \n            display: block !important; \n            background-color: #f9fbfd !important; \n            border: 1px solid rgba(19, 37, 62, 0.12) !important; \n            border-radius: 16px !important; \n            padding: 16px 40px 16px 50px !important; \n            font-family: 'Poppins', sans-serif !important; \n            font-size: 16px !important; \/* \u0412\u0410\u0416\u041d\u041e: \u0424\u0438\u043a\u0441 \u0434\u043b\u044f iPhone *\/\n            color: #13253e !important; \n            outline: none !important; \n            box-shadow: none !important; \n            height: 56px !important; \/* \u0421\u0434\u0435\u043b\u0430\u043b \u043f\u043e\u043b\u044f \u0447\u0443\u0442\u044c \u0432\u044b\u0448\u0435 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 *\/\n            box-sizing: border-box !important; \n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; \n        }\n        \n        #arthro-booking-form select.form-input { appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; padding-right: 45px !important; }\n        #arthro-booking-form select.form-input:invalid { color: #7a8b9e !important; } \n        #arthro-booking-form input[type=\"date\"].form-input, #arthro-booking-form input[type=\"time\"].form-input { -webkit-appearance: none !important; appearance: none !important; }\n        \n        #arthro-booking-form input.form-input::placeholder { color: #7a8b9e !important; font-size: 16px !important; opacity: 1 !important; }\n        \n        .input-wrapper i.input-field-icon { position: absolute !important; left: 18px !important; top: 50% !important; transform: translateY(-50%) !important; color: #7a8b9e !important; font-size: 22px !important; pointer-events: none !important; transition: color 0.3s ease !important; z-index: 2 !important; }\n        .input-wrapper i.select-chevron { position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; color: #7a8b9e !important; font-size: 20px !important; pointer-events: none !important; transition: color 0.3s ease !important; z-index: 2 !important; }\n        \n        #arthro-booking-form .input-wrapper:hover .form-input { background-color: #f1f4f8 !important; }\n        #arthro-booking-form .form-input:focus { background-color: #ffffff !important; border-color: rgb(56, 133, 192) !important; box-shadow: 0 0 0 4px rgba(56, 133, 192, 0.15) !important; }\n        #arthro-booking-form .form-input:focus + i.input-field-icon, #arthro-booking-form .input-wrapper:hover i.input-field-icon, #arthro-booking-form select.form-input:focus ~ i.select-chevron, #arthro-booking-form .input-wrapper:hover i.select-chevron { color: rgb(56, 133, 192) !important; }\n        \n        .input-wrapper .valid-checkmark { position: absolute !important; right: 45px !important; top: 50% !important; transform: translateY(-50%) scale(0.7) !important; color: #2ed573 !important; font-size: 22px !important; opacity: 0 !important; pointer-events: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 3 !important; }\n        #arthro-booking-form .form-input.is-valid { border-color: rgba(46, 213, 115, 0.5) !important; background-color: #ffffff !important; }\n        #arthro-booking-form .form-input.is-valid ~ .valid-checkmark { opacity: 1 !important; transform: translateY(-50%) scale(1) !important; }\n        \n        .submit-btn-wrapper { grid-column: span 2 !important; text-align: center !important; margin-top: 15px !important; width: 100% !important; box-sizing: border-box !important; }\n        #arthro-booking-form .btn-submit { position: relative !important; background: rgb(56, 133, 192) !important; color: #ffffff !important; border: none !important; border-radius: 16px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding: 0 25px !important; gap: 12px !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; height: 60px !important; overflow: hidden !important; box-sizing: border-box !important; }\n        #arthro-booking-form .btn-submit .btn-text, #arthro-booking-form .btn-submit i { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform, opacity; font-size: 16px; }\n        #arthro-booking-form .btn-submit:hover { background: #2e73a8 !important; transform: translateY(-2px) !important; box-shadow: 0 15px 30px rgba(56, 133, 192, 0.35) !important; }\n        #arthro-booking-form .btn-submit:hover i { transform: translate3d(5px, 0, 0) !important; }\n        \n        .btn-spinner { position: absolute !important; display: none; width: 24px; height: 24px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: btnSpinAnimation 0.7s linear infinite; }\n        @keyframes btnSpinAnimation { to { transform: rotate(360deg); } }\n        \n        #arthro-booking-form .btn-submit.is-loading { pointer-events: none !important; background: #1c364e !important; }\n        #arthro-booking-form .btn-submit.is-loading .btn-text, #arthro-booking-form .btn-submit.is-loading i { opacity: 0 !important; }\n        #arthro-booking-form .btn-submit.is-loading .btn-spinner { display: block !important; }\n        \n        .privacy-legal { grid-column: span 2 !important; font-size: 11px; color: #7a8fa6; text-align: center; margin-top: 5px; line-height: 1.6; width: 100% !important; }\n        \n        .flatpickr-calendar { background: #ffffff !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(19, 37, 62, 0.15) !important; border: none !important; font-family: 'Poppins', sans-serif !important; }\n        .flatpickr-day.selected { background: rgb(56, 133, 192) !important; border-color: rgb(56, 133, 192) !important; }\n        \n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 3: \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u043e\u0432 \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 (\u0443\u043b\u0443\u0447\u0448\u0435\u043d\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b) *\/\n        @media (max-width: 1024px) { \n            .booking-section-wrapper { background-attachment: scroll; padding: 80px 20px; } \n            .booking-united-box { flex-direction: column; } \n            .booking-info-area { padding: 50px 40px; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: center; align-items: center; }\n            .contact-item { justify-content: center; }\n            .booking-form-area { padding: 50px 40px; }\n        }\n        \n        @media (max-width: 767px) {\n            .booking-section-wrapper { padding: 50px 15px; } \n            .booking-title { font-size: 32px; }\n            .booking-desc { font-size: 15px; }\n            .booking-info-area { padding: 40px 20px; }\n            .booking-form-area { padding: 40px 30px !important; }\n            .services-grid-desktop { display: none !important; }\n            .services-dropdown-mobile { display: block !important; width: 100% !important; }\n            #arthro-booking-form.booking-grid { display: flex !important; flex-direction: column !important; gap: 20px !important; }\n            .form-group { width: 100% !important; max-width: 100% !important; }\n        }\n    <\/style>\n\n  <div class=\"booking-section-wrapper\" id=\"prenota-appuntamento\">\n        <div class=\"booking-layout-container\">\n            <div class=\"booking-united-box js-booking-reveal\">\n                \n                <div class=\"booking-info-area\">\n                    <div>\n                        <span class=\"booking-subtitle\"><i class=\"ph-thin ph-sparkle\"><\/i> Dedicated Patient Care   <\/span>\n                        <h2 class=\"booking-title\">Schedule Your Consultation   <\/h2>\n                        <p class=\"booking-desc\">Entrust your health to our elite medical team. We provide a customized treatment pathway integrating advanced technology, minimally invasive surgery, and dedicated care.<\/p>\n                    <\/div>\n                    \n                    <div class=\"contact-list\">\n                        <div class=\"contact-item\">\n                            <i class=\"ph-thin ph-phone-call\"><\/i>\n                            <div class=\"contact-text\">\n                                <span>Call Us Today<\/span>\n                                <strong>+39 06 6571541<\/strong>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"contact-item\">\n                            <i class=\"ph-thin ph-envelope\"><\/i>\n                            <div class=\"contact-text\">\n                                <span>Email Us Directly<\/span>\n                                <strong>segreteria@as-group.it<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"contact-item\">\n                            <i class=\"ph-thin ph-clock\"><\/i>\n                            <div class=\"contact-text\">\n                                <span>Consultation Hours<\/span>\n                                <strong>Mon \u2013 Fri, 10:00 AM \u2013 6:00 PM<\/strong>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                  <div class=\"social-links\">\n                         <!-- <a href=\"#\" class=\"social-btn\" aria-label=\"Instagram\"><i class=\"ph-thin ph-instagram-logo\"><\/i><\/a>\n                        <a href=\"#\" class=\"social-btn\" aria-label=\"Facebook\"><i class=\"ph-thin ph-facebook-logo\"><\/i><\/a>-->\n                    <\/div>\n                <\/div>\n\n                <div class=\"booking-form-area\">\n                    <form action=\"#\" method=\"POST\" id=\"arthro-booking-form\" class=\"booking-grid\">\n                        <input type=\"hidden\" id=\"final-service-type\" name=\"service_type\" value=\"prima_visita\">\n\n                        <div class=\"form-group full-width\">\n                            <label class=\"main-label\">Consultation Type<\/label>\n                            <div class=\"services-grid-desktop\">\n                                <label class=\"service-label\">\n                                    <input type=\"radio\" name=\"service_desktop\" value=\"prima_visita\" checked>\n                                    <div class=\"service-btn\">\n                                        <i class=\"ph-thin ph-stethoscope\"><\/i>\n                                        <span>Initial Evaluation<\/span>\n                                    <\/div>\n                                <\/label>\n                                <label class=\"service-label\">\n                                    <input type=\"radio\" name=\"service_desktop\" value=\"diagnostica\">\n                                    <div class=\"service-btn\">\n                                        <i class=\"ph-thin ph-activity\"><\/i>\n                                        <span>Diagnostics<\/span>\n                                    <\/div>\n                                <\/label>\n                                <label class=\"service-label\">\n                                    <input type=\"radio\" name=\"service_desktop\" value=\"visite_controllo\">\n                                    <div class=\"service-btn\">\n                                        <i class=\"ph-thin ph-clipboard-text\"><\/i>\n                                        <span>Follow-Up Visit<\/span>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"services-dropdown-mobile\">\n                                <div class=\"input-wrapper\">\n                                    <select id=\"service-select-mobile\" class=\"form-input\">\n                                        <option value=\"prima_visita\" selected>Initial Specialist Consultation   <\/option>\n                                        <option value=\"diagnostica\">Diagnostic Imaging   <\/option>\n                                        <option value=\"visite_controllo\">Follow-Up Visit<\/option>\n                                    <\/select>\n                                    <i class=\"ph-thin ph-stethoscope input-field-icon\"><\/i>\n                                    <i class=\"ph-thin ph-caret-down select-chevron\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">First and Last Name<\/label>\n                            <div class=\"input-wrapper\">\n                                <input type=\"text\" name=\"full_name\" class=\"form-input\" placeholder=\"Ex: John Smith\" required>\n                                <i class=\"ph-thin ph-user input-field-icon\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">Phone Number<\/label>\n                            <div class=\"input-wrapper\">\n                                <input type=\"tel\" name=\"phone\" class=\"form-input\" placeholder=\"+39 000 000 0000\" required>\n                                <i class=\"ph-thin ph-phone input-field-icon\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">Email<\/label>\n                            <div class=\"input-wrapper\">\n                                <input type=\"email\" name=\"email\" class=\"form-input\" placeholder=\"john.smith@gmail.com\" required>\n                                <i class=\"ph-thin ph-envelope-simple input-field-icon\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">Address<\/label>\n                            <div class=\"input-wrapper\">\n                                <input type=\"text\" id=\"autocomplete-address\" name=\"address\" class=\"form-input\" placeholder=\"Start typing...\" required>\n                                <i class=\"ph-thin ph-map-pin input-field-icon\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">Preferred Date<\/label>\n                            <div class=\"input-wrapper\" id=\"date-picker-container\"><\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label class=\"main-label\">Preferred Time Slot<\/label>\n                            <div class=\"input-wrapper\" id=\"time-picker-container\"><\/div>\n                        <\/div>\n\n                        <div class=\"g-recaptcha\" data-sitekey=\"6LeidtMtAAAAAA-MDJMeSXB__cjC2SeLkY4q6bCo\" data-size=\"invisible\"><\/div>\n\n                        <div class=\"submit-btn-wrapper\">\n                            <button type=\"submit\" class=\"btn-submit\">\n                                <span class=\"btn-text\">Request Appointment   <\/span>\n                                <i class=\"ph-thin ph-paper-plane-tilt\"><\/i>\n                                <div class=\"btn-spinner\"><\/div>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"privacy-legal\">\n                            By submitting this form, you agree to the processing of your data pursuant to EU Regulation 2016\/679. Protected by reCAPTCHA.                        <\/div>\n\n                    <\/form>\n                <\/div>\n            <\/div> \n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/l10n\/it.js\"><\/script>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent) || window.innerWidth <= 767;\n            const dateContainer = document.getElementById('date-picker-container');\n            const timeContainer = document.getElementById('time-picker-container');\n\n            if (isMobile) {\n                dateContainer.innerHTML = `\n                    <input type=\"date\" name=\"appointment_date\" class=\"form-input\" required>\n                    <i class=\"ph-thin ph-calendar-blank input-field-icon\"><\/i>\n                    <i class=\"ph-thin ph-check-circle valid-checkmark\"><\/i>\n                `;\n                timeContainer.innerHTML = `\n                    <input type=\"time\" name=\"appointment_time\" class=\"form-input\" min=\"10:00\" max=\"18:00\" required>\n                    <i class=\"ph-thin ph-clock input-field-icon\"><\/i>\n                    <i class=\"ph-thin ph-check-circle valid-checkmark\"><\/i>\n                `;\n                dateContainer.querySelector('input').addEventListener('change', function() { toggleValidation(this, this.value !== \"\"); });\n                timeContainer.querySelector('input').addEventListener('change', function() { toggleValidation(this, this.value !== \"\"); });\n            } else {\n                dateContainer.innerHTML = `\n                    <input type=\"text\" id=\"premium-date-picker\" name=\"appointment_date\" class=\"form-input\" placeholder=\"dd\/mm\/yyyy\" required readonly>\n                    <i class=\"ph-thin ph-calendar-blank input-field-icon\"><\/i>\n                    <i class=\"ph-thin ph-check-circle valid-checkmark\"><\/i>\n                `;\n                timeContainer.innerHTML = `\n                    <input type=\"text\" id=\"premium-time-picker\" name=\"appointment_time\" class=\"form-input\" placeholder=\"--:--\" required readonly>\n                    <i class=\"ph-thin ph-clock input-field-icon\"><\/i>\n                    <i class=\"ph-thin ph-check-circle valid-checkmark\"><\/i>\n                `;\n                if(typeof flatpickr !== 'undefined') {\n                    flatpickr(\"#premium-date-picker\", {\n                        locale: \"it\", dateFormat: \"d\/m\/Y\", minDate: \"today\",\n                        onChange: function(selectedDates, dateStr) {\n                            toggleValidation(document.getElementById('premium-date-picker'), dateStr.length > 0);\n                        }\n                    });\n                    flatpickr(\"#premium-time-picker\", {\n                        enableTime: true, noCalendar: true, dateFormat: \"H:i\", time_24hr: true, minuteIncrement: 30, minTime: \"10:00\", maxTime: \"18:00\",\n                        onChange: function(selectedDates, dateStr) {\n                            toggleValidation(document.getElementById('premium-time-picker'), dateStr.length > 0);\n                        }\n                    });\n                }\n            }\n\n            const hiddenServiceInput = document.getElementById('final-service-type');\n            const desktopRadios = document.querySelectorAll('input[name=\"service_desktop\"]');\n            const mobileSelect = document.getElementById('service-select-mobile');\n\n            desktopRadios.forEach(radio => {\n                radio.addEventListener('change', function() {\n                    if (this.checked) { \n                        hiddenServiceInput.value = this.value; \n                        if(mobileSelect) mobileSelect.value = this.value; \n                    }\n                });\n            });\n\n            if(mobileSelect) {\n                mobileSelect.addEventListener('change', function() {\n                    hiddenServiceInput.value = this.value;\n                    desktopRadios.forEach(radio => { if (radio.value === this.value) radio.checked = true; });\n                    toggleValidation(this, this.value !== \"\");\n                    this.style.color = '#13253e'; \n                });\n            }\n\n            var addressInput = document.getElementById('autocomplete-address');\n            if (addressInput && typeof google !== 'undefined' && google.maps && google.maps.places) {\n                var autocomplete = new google.maps.places.Autocomplete(addressInput, { types: ['geocode'], componentRestrictions: { country: \"it\" } });\n                autocomplete.addListener('place_changed', function() { toggleValidation(addressInput, addressInput.value.length > 4); });\n            }\n\n            const revealElements = document.querySelectorAll('.js-booking-reveal');\n            const revealObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) entry.target.classList.add('reveal-visible');\n                    else entry.target.classList.remove('reveal-visible');\n                });\n            }, { threshold: 0.1 });\n            revealElements.forEach(el => revealObserver.observe(el));\n\n            const form = document.getElementById('arthro-booking-form');\n            if(form) {\n                form.querySelector('input[name=\"full_name\"]').addEventListener('input', function() {\n                    const isValid = this.value.trim().split(' ').length >= 2 && this.value.length > 4; toggleValidation(this, isValid);\n                });\n                form.querySelector('input[name=\"phone\"]').addEventListener('input', function() {\n                    let digits = this.value.replace(\/\\D\/g, ''); const isValid = digits.length >= 9; toggleValidation(this, isValid);\n                });\n                form.querySelector('input[name=\"email\"]').addEventListener('input', function() {\n                    const isValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(this.value); toggleValidation(this, isValid);\n                });\n                if(addressInput) {\n                    addressInput.addEventListener('input', function() { toggleValidation(this, this.value.length > 8); });\n                }\n\n                function toggleValidation(input, isValid) {\n                    if (isValid) input.classList.add('is-valid'); else input.classList.remove('is-valid');\n                }\n\n                form.addEventListener('submit', function(event) {\n                    event.preventDefault(); \n                    const submitBtn = form.querySelector('.btn-submit');\n                    const btnText = submitBtn.querySelector('.btn-text');\n                    \n                    btnText.innerText = 'Submitting...';\n                    submitBtn.classList.add('is-loading');\n                    \n                    const formData = new FormData(form);\n                    formData.append('action', 'arthro_booking_submit'); \n                    \n                    fetch(\"https:\/\/www.as-group.it\/wp-admin\/admin-ajax.php\", { method: 'POST', body: formData })\n                    .then(response => response.json())\n                    .then(data => {\n                        submitBtn.classList.remove('is-loading');\n                        if (data.success) {\n                            btnText.innerText = 'Thank you. We will contact you shortly to confirm your appointment.';\n                            submitBtn.style.background = '#2ed573'; \n                            form.reset(); \n                            setTimeout(() => { btnText.innerText = 'Request Appointment   '; submitBtn.style.background = ''; }, 5000);\n                        } else {\n                            btnText.innerText = 'Submission error. Please try again.   ';\n                            submitBtn.style.background = '#ff4757';\n                            setTimeout(() => { btnText.innerText = 'Request Appointment   '; submitBtn.style.background = ''; }, 4000);\n                        }\n                    })\n                    .catch(error => {\n                        submitBtn.classList.remove('is-loading');\n                        btnText.innerText = 'Connection error.   ';\n                        submitBtn.style.background = '#ff4757';\n                        setTimeout(() => { btnText.innerText = 'Request Appointment   '; submitBtn.style.background = ''; }, 4000);\n                    });\n                });\n            }\n        });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-786","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.as-group.it\/en\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma - Centro di eccellenza internazionale di ortopedia e traumatologia Roma\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma\" \/>\n\t\t<meta property=\"og:description\" content=\"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.as-group.it\/en\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#organization\",\"name\":\"Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma\",\"description\":\"Centro di eccellenza internazionale di ortopedia e traumatologia Roma\",\"url\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/\",\"telephone\":\"+39066571541\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.as-group.it\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/logo-scaled.png\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#organizationLogo\",\"width\":2560,\"height\":2560},\"image\":{\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#webpage\",\"url\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/\",\"name\":\"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma\",\"description\":\"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#breadcrumblist\"},\"datePublished\":\"2026-07-04T11:58:05+00:00\",\"dateModified\":\"2026-09-07T04:57:42+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/\",\"name\":\"Protesi anca, ginocchio e artroscopia anca a Roma -Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma\",\"description\":\"Centro di eccellenza internazionale di ortopedia e traumatologia Roma\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.as-group.it\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma","description":"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology","canonical_url":"https:\/\/www.as-group.it\/en\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.as-group.it\/en\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.as-group.it\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/www.as-group.it\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.as-group.it\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.as-group.it\/en\/#listItem","position":2,"name":"Home","previousItem":{"@type":"ListItem","@id":"https:\/\/www.as-group.it\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.as-group.it\/en\/#organization","name":"Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma","description":"Centro di eccellenza internazionale di ortopedia e traumatologia Roma","url":"https:\/\/www.as-group.it\/en\/","telephone":"+39066571541","logo":{"@type":"ImageObject","url":"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png","@id":"https:\/\/www.as-group.it\/en\/#organizationLogo","width":2560,"height":2560},"image":{"@id":"https:\/\/www.as-group.it\/en\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/www.as-group.it\/en\/#webpage","url":"https:\/\/www.as-group.it\/en\/","name":"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma","description":"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.as-group.it\/en\/#website"},"breadcrumb":{"@id":"https:\/\/www.as-group.it\/en\/#breadcrumblist"},"datePublished":"2026-07-04T11:58:05+00:00","dateModified":"2026-09-07T04:57:42+00:00"},{"@type":"WebSite","@id":"https:\/\/www.as-group.it\/en\/#website","url":"https:\/\/www.as-group.it\/en\/","name":"Protesi anca, ginocchio e artroscopia anca a Roma -Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma","description":"Centro di eccellenza internazionale di ortopedia e traumatologia Roma","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.as-group.it\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Protesi anca, ginocchio e artroscopia anca a Roma - Arthro Clinic Roma - Centro di eccellenza internazionale di ortopedia e traumatologia Roma","og:type":"website","og:title":"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma","og:description":"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology","og:url":"https:\/\/www.as-group.it\/en\/","og:image":"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png","og:image:secure_url":"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png","twitter:card":"summary_large_image","twitter:title":"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma","twitter:description":"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology","twitter:image":"https:\/\/www.as-group.it\/wp-content\/uploads\/2026\/07\/logo-scaled.png"},"aioseo_meta_data":{"post_id":"786","title":"Hip Replacement, Knee Replacement and Hip Arthroscopy in Rome | Arthro Clinic Roma","description":"Hip replacement, knee replacement and hip arthroscopy - Arthro Clinic Roma international center of excellence in orthopedics and traumatology","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-07 04:53:58","updated":"2026-09-07 05:41:02"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.as-group.it\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHome\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.as-group.it\/en\/"},{"label":"Home","link":"https:\/\/www.as-group.it\/en\/"}],"_links":{"self":[{"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/pages\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":1,"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/pages\/786\/revisions"}],"predecessor-version":[{"id":790,"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/pages\/786\/revisions\/790"}],"wp:attachment":[{"href":"https:\/\/www.as-group.it\/en\/wp-json\/wp\/v2\/media?parent=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}