{"id":29,"date":"2025-10-28T17:03:46","date_gmt":"2025-10-28T13:33:46","guid":{"rendered":"https:\/\/meso-ox.com\/?page_id=29"},"modified":"2025-11-27T11:42:21","modified_gmt":"2025-11-27T08:12:21","slug":"elementor-29","status":"publish","type":"page","link":"https:\/\/meso-ox.com\/","title":{"rendered":"ox"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edb39dd e-flex e-con-boxed e-con e-parent\" data-id=\"edb39dd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ea7b1 elementor-widget elementor-widget-html\" data-id=\"d1ea7b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Skymedic - Listen, Understand and Innovate<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body {\n            box-sizing: border-box;\n        }\n        \n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');\n        \n        * {\n            font-family: 'Vazirmatn', 'Inter', 'Tahoma', sans-serif;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        }\n        \n        .hero-pattern {\n            background-image: \n                radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\n        }\n        \n        .vial-shape {\n            border-radius: 20px;\n            background: rgba(125, 10, 105, 0.1);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(125, 10, 105, 0.2);\n            box-shadow: 0 8px 32px rgba(125, 10, 105, 0.15);\n        }\n        \n        .accent-red { color: #7d0a69; }\n        .accent-blue { color: #7d0a69; }\n        .accent-green { color: #7d0a69; }\n        \n        .floating-animation {\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n        \n        .form-input {\n            transition: all 0.3s ease;\n        }\n        \n        .form-input:focus {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);\n        }\n        \n        .partner-logo {\n            filter: grayscale(100%);\n            transition: all 0.3s ease;\n        }\n        \n        .partner-logo:hover {\n            filter: grayscale(0%);\n            transform: scale(1.05);\n        }\n        \n        .gallery-slide {\n            transition: all 0.5s ease-in-out;\n        }\n        \n        .gallery-dot {\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .gallery-dot:hover {\n            transform: scale(1.2);\n        }\n\n        \/* Animated Medical Icons *\/\n        .medical-icon {\n            position: absolute;\n            opacity: 0.4;\n            animation: float-medical 8s ease-in-out infinite;\n            color: #fbbf24;\n        }\n        \n        .medical-icon.syringe {\n            animation-delay: 0s;\n        }\n        \n        .medical-icon.vial {\n            animation-delay: 2s;\n        }\n        \n        .medical-icon.line {\n            animation-delay: 4s;\n        }\n        \n        @keyframes float-medical {\n            0%, 100% { \n                transform: translateY(0px) rotate(0deg);\n                opacity: 0.3;\n            }\n            25% { \n                transform: translateY(-15px) rotate(5deg);\n                opacity: 0.6;\n            }\n            50% { \n                transform: translateY(-25px) rotate(-5deg);\n                opacity: 0.4;\n            }\n            75% { \n                transform: translateY(-10px) rotate(3deg);\n                opacity: 0.5;\n            }\n        }\n        \n        .animated-line {\n            position: absolute;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, rgba(251, 191, 36, 0.6), transparent);\n            animation: line-move 6s linear infinite;\n            border-radius: 2px;\n        }\n        \n        @keyframes line-move {\n            0% { \n                transform: translateX(-100%);\n                opacity: 0;\n            }\n            50% { \n                opacity: 0.3;\n            }\n            100% { \n                transform: translateX(100%);\n                opacity: 0;\n            }\n        }\n        \n        .pulse-icon {\n            animation: pulse-glow 3s ease-in-out infinite;\n            color: #fbbf24 !important;\n        }\n        \n        @keyframes pulse-glow {\n            0%, 100% { \n                opacity: 0.7;\n                transform: scale(1);\n                filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.3));\n            }\n            50% { \n                opacity: 1;\n                transform: scale(1.1);\n                filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.6));\n            }\n        }\n\n    <\/style>\n<\/head>\n<body class=\"min-h-full\" style=\"background-color: #7d0a69;\">\n    <header class=\"shadow-lg sticky top-0 z-50\" style=\"background: linear-gradient(135deg, #7d0a69 0%, #a855f7 100%);\">\n        <nav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-20\">\n                <div class=\"flex items-center space-x-4 space-x-reverse\">\n                    <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/\u0644\u0648\u06af\u0648-\u0647\u062f\u0631.png\" alt=\"Skymedic Logo\" class=\"h-10 sm:h-14 w-auto filter brightness-0 invert\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                    <div class=\"flex flex-col\" style=\"display: none;\">\n                        <div class=\"text-lg font-bold text-white\" style=\"font-family: sans-serif;\">Skymedic<\/div>\n                        <div class=\"text-sm text-gray-200 italic\">Listen, understand and innovate<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"hidden md:flex items-center space-x-6 space-x-reverse\">\n                    <a href=\"#about\" class=\"text-white hover:text-yellow-300 transition-colors font-medium text-base\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                    <a href=\"#partnerships\" class=\"text-white hover:text-yellow-300 transition-colors font-medium text-base\">\u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627<\/a>\n                    <a href=\"#contact\" class=\"text-white hover:text-yellow-300 transition-colors font-medium text-base\">\u062a\u0645\u0627\u0633<\/a>\n                    <a href=\"#physician-form\" class=\"bg-white text-purple-900 px-5 py-2.5 rounded-lg font-semibold hover:bg-yellow-300 hover:text-purple-900 transition-all transform hover:scale-105 shadow-lg text-sm\">\u0648\u0631\u0648\u062f \u067e\u0632\u0634\u06a9\u0627\u0646<\/a>\n                <\/div>\n                <div class=\"md:hidden\">\n                    <a href=\"#physician-form\" class=\"bg-white text-purple-900 px-4 py-2 rounded-lg text-sm font-bold hover:bg-yellow-300 transition-colors\">\u0648\u0631\u0648\u062f<\/a>\n                <\/div>\n            <\/div>\n        <\/nav>\n    <\/header>\n\n    <main>\n        <!-- Hero Section -->\n        <section class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                    <div class=\"text-center lg:text-right\">\n                        <h1 class=\"text-3xl lg:text-5xl font-bold text-white mb-6\">\n                            \u0645\u0632\u0648 \u0647\u0627\u06cc OX\n                            <br>\n                            \u0645\u062d\u0635\u0648\u0644 \u06a9\u0634\u0648\u0631 \n                            <span style=\"color: #fbbf24;\">\u0627\u0633\u067e\u0627\u0646\u06cc\u0627<\/span>\n                        <\/h1>\n                        <p class=\"text-lg text-gray-200 mb-8 leading-relaxed\">\n                            \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0648\u0627\u062f \u062e\u0627\u0644\u0635 \u0648 \u0641\u0639\u0627\u0644 \u062f\u0627\u0631\u0648\u06cc\u06cc\u060c \n                            \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062a\u0627\u06cc\u062c \u062f\u0631\u0645\u0627\u0646\u06cc \u0628\u0647 \u067e\u0632\u0634\u06a9\u0627\u0646 \u0645\u062d\u062a\u0631\u0645\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-end\">\n                            <a href=\"#physician-form\" class=\"text-purple-900 px-6 py-3 rounded-lg font-medium hover:opacity-90 transition-all transform hover:scale-105 text-sm\" style=\"background-color: white;\">\n                                \u062b\u0628\u062a \u0646\u0627\u0645 \u067e\u0632\u0634\u06a9\u0627\u0646\n                            <\/a>\n                            <a href=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/OX-Catalog.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"border-2 border-white text-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:text-purple-900 transition-all text-sm\">\n                                \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <!-- Animated Medical Icons -->\n                        <div class=\"medical-icon syringe\" style=\"top: 10%; left: 5%;\">\n                            <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"top: 20%; right: 8%;\">\n                            <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"animated-line\" style=\"top: 30%; width: 60px; left: 15%;\"><\/div>\n                        <div class=\"animated-line\" style=\"top: 70%; width: 80px; right: 10%; animation-delay: 3s;\"><\/div>\n                        \n                        <div class=\"floating-animation\">\n                            <div class=\"p-8 text-center rounded-2xl relative overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                                <div class=\"relative w-full mb-6 rounded-lg overflow-hidden\" style=\"aspect-ratio: 4\/5;\">\n                                    <img decoding=\"async\" id=\"rotating-image-1\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/IMG_2086-scaled.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 Skymedic\" class=\"absolute inset-0 w-full h-full object-contain transition-opacity duration-1000 opacity-100\">\n                                    <img decoding=\"async\" id=\"rotating-image-2\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/IMG_6858.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 Skymedic\" class=\"absolute inset-0 w-full h-full object-contain transition-opacity duration-1000 opacity-0\">\n                                    <img decoding=\"async\" id=\"rotating-image-3\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/IMG_2087-scaled.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 Skymedic\" class=\"absolute inset-0 w-full h-full object-contain transition-opacity duration-1000 opacity-0\">\n                                    <img decoding=\"async\" id=\"rotating-image-4\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/IMG_6860.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 Skymedic\" class=\"absolute inset-0 w-full h-full object-contain transition-opacity duration-1000 opacity-0\">\n                                <\/div>\n                                <h3 class=\"text-xl font-semibold text-white mb-2\">\u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646 \u0634\u062f\u0647<\/h3>\n                                <p class=\"text-gray-200\">\u0627\u0633\u062a\u0631\u06cc\u0644\u060c \u062e\u0627\u0644\u0635 \u0648 \u0641\u0627\u0642\u062f \u0645\u0648\u0627\u062f \u0646\u06af\u0647\u062f\u0627\u0631\u0646\u062f\u0647<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Transition Area with Medical Icons -->\n        <div class=\"py-12 relative overflow-hidden\" style=\"background-color: #7d0a69;\">\n            <!-- Medical Icons Scattered Throughout -->\n            <div class=\"medical-icon syringe\" style=\"top: 10%; left: 8%; color: white; opacity: 0.3;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 30%; right: 12%; color: white; opacity: 0.4; animation-delay: 1s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Hair Follicle Icons -->\n            <div class=\"medical-icon\" style=\"top: 50%; left: 15%; color: white; opacity: 0.25; animation-delay: 2s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"8\" r=\"3\"\/>\n                    <path d=\"M12 11c-2 0-4 1-4 3v8h8v-8c0-2-2-3-4-3z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 70%; right: 20%; color: white; opacity: 0.35; animation-delay: 3s;\">\n                <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Irregular Lines -->\n            <div class=\"animated-line\" style=\"top: 25%; width: 120px; left: 25%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: rotate(15deg);\"><\/div>\n            <div class=\"animated-line\" style=\"top: 60%; width: 80px; right: 30%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transform: rotate(-20deg); animation-delay: 4s;\"><\/div>\n            \n            <!-- Face\/Profile Icons -->\n            <div class=\"medical-icon\" style=\"top: 15%; right: 5%; color: white; opacity: 0.2; animation-delay: 5s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2M21 9V7L15 1L9 7V9C9 10.1 9.9 11 11 11V14H13V11C14.1 11 15 10.1 15 9M11 16H13V18H11V16M11 20H13V22H11V20Z\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <!-- Product Showcase Section -->\n        <section class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-12\">\n                    <div class=\"mb-8 relative\">\n                        <!-- Many White Medical Icons Around Image -->\n                        <div class=\"medical-icon syringe\" style=\"top: 5%; left: 8%; color: white; opacity: 0.6;\">\n                            <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"top: 15%; right: 12%; color: white; opacity: 0.7;\">\n                            <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon syringe\" style=\"top: 25%; left: 3%; color: white; opacity: 0.5; animation-delay: 1s;\">\n                            <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"top: 35%; right: 5%; color: white; opacity: 0.6; animation-delay: 2s;\">\n                            <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon syringe\" style=\"bottom: 35%; left: 6%; color: white; opacity: 0.7; animation-delay: 3s;\">\n                            <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"bottom: 25%; right: 8%; color: white; opacity: 0.5; animation-delay: 4s;\">\n                            <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon syringe\" style=\"bottom: 15%; left: 10%; color: white; opacity: 0.6; animation-delay: 5s;\">\n                            <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"bottom: 5%; right: 15%; color: white; opacity: 0.7; animation-delay: 6s;\">\n                            <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <!-- Additional smaller icons for more coverage -->\n                        <div class=\"medical-icon syringe\" style=\"top: 45%; left: 2%; color: white; opacity: 0.4; animation-delay: 7s;\">\n                            <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"top: 55%; right: 3%; color: white; opacity: 0.5; animation-delay: 8s;\">\n                            <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon syringe\" style=\"top: 65%; left: 4%; color: white; opacity: 0.6; animation-delay: 9s;\">\n                            <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon vial\" style=\"top: 75%; right: 6%; color: white; opacity: 0.4; animation-delay: 10s;\">\n                            <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <!-- Animated lines around the image -->\n                        <div class=\"animated-line\" style=\"top: 20%; width: 80px; left: 15%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\"><\/div>\n                        <div class=\"animated-line\" style=\"top: 40%; width: 60px; right: 18%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation-delay: 2s;\"><\/div>\n                        <div class=\"animated-line\" style=\"bottom: 30%; width: 70px; left: 12%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); animation-delay: 4s;\"><\/div>\n                        <div class=\"animated-line\" style=\"bottom: 15%; width: 90px; right: 10%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); animation-delay: 6s;\"><\/div>\n                        \n                        <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/Untitled-design20.png\" alt=\"\u0645\u062d\u0635\u0648\u0644\u0627\u062a Skymedic\" class=\"w-full max-w-4xl mx-auto rounded-2xl shadow-2xl relative z-10\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                        <div class=\"hidden p-8 rounded-2xl text-center\" style=\"background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);\">\n                            <div class=\"w-24 h-24 mx-auto bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mb-4\" style=\"background: linear-gradient(135deg, #7d0a69 0%, #a855f7 100%);\">\n                                <svg class=\"w-12 h-12 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path d=\"M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z\"\/>\n                                <\/svg>\n                            <\/div>\n                            <p class=\"text-white\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a Skymedic<\/p>\n                        <\/div>\n                    <\/div>\n                    <a href=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/\u0645\u0632\u0648-ox\u067e\u0632\u0634\u06a9\u0627\u0646-2.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block bg-white text-purple-900 px-8 py-3 rounded-lg font-medium hover:bg-yellow-300 hover:text-purple-900 transition-all transform hover:scale-105 shadow-lg text-sm\">\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Transition Area Between Sections -->\n        <div class=\"py-16 relative overflow-hidden\" style=\"background-color: #7d0a69;\">\n            <!-- Multiple Medical Icons -->\n            <div class=\"medical-icon vial\" style=\"top: 5%; left: 10%; color: white; opacity: 0.4;\">\n                <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 20%; right: 8%; color: white; opacity: 0.3; animation-delay: 1s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Hair Follicle -->\n            <div class=\"medical-icon\" style=\"top: 35%; left: 20%; color: white; opacity: 0.35; animation-delay: 2s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"6\" r=\"2\"\/>\n                    <path d=\"M12 8c-1.5 0-3 1-3 2.5v11h6v-11c0-1.5-1.5-2.5-3-2.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Face Profile -->\n            <div class=\"medical-icon\" style=\"top: 50%; right: 15%; color: white; opacity: 0.25; animation-delay: 3s;\">\n                <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33C4.62 15.49 4 13.82 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6C10.06 6 8.5 7.56 8.5 9.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 65%; left: 5%; color: white; opacity: 0.3; animation-delay: 4s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 80%; right: 25%; color: white; opacity: 0.4; animation-delay: 5s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Irregular Minimal Lines -->\n            <div class=\"animated-line\" style=\"top: 15%; width: 100px; left: 30%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); transform: rotate(-10deg);\"><\/div>\n            <div class=\"animated-line\" style=\"top: 40%; width: 70px; right: 35%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: rotate(25deg); animation-delay: 2s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 70%; width: 90px; left: 40%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transform: rotate(-15deg); animation-delay: 4s;\"><\/div>\n        <\/div>\n\n        <!-- About Section -->\n        <section id=\"about\" class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-2xl lg:text-3xl font-bold text-white mb-6\">\n                        \u062a\u0639\u0647\u062f \u0645\u0627: \u06af\u0648\u0634 \u062f\u0627\u062f\u0646\u060c \u062f\u0631\u06a9 \u06a9\u0631\u062f\u0646 \u0648 \u0646\u0648\u0622\u0648\u0631\u06cc\n                    <\/h2>\n                    <p class=\"text-base text-gray-200 max-w-3xl mx-auto\">\n                        \u0645\u0627 \u062f\u0631 Skymedic \u0645\u062a\u0639\u0647\u062f \u0628\u0647 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u06cc\u0641\u06cc \u0647\u0633\u062a\u06cc\u0645\n                    <\/p>\n                <\/div>\n\n\n\n                <div class=\"rounded-2xl p-8 text-center relative overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                    <!-- Animated Background Icons -->\n                    <div class=\"medical-icon syringe\" style=\"top: 5%; left: 3%;\">\n                        <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                        <\/svg>\n                    <\/div>\n                    \n                    <div class=\"medical-icon vial\" style=\"top: 15%; right: 5%;\">\n                        <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                        <\/svg>\n                    <\/div>\n                    \n                    <div class=\"animated-line\" style=\"top: 25%; width: 50px; left: 8%; animation-delay: 1s;\"><\/div>\n                    <div class=\"animated-line\" style=\"bottom: 20%; width: 70px; right: 12%; animation-delay: 4s;\"><\/div>\n                    \n                    <h3 class=\"text-2xl font-semibold text-white mb-4 relative z-10\">\u0627\u0639\u062a\u0628\u0627\u0631 \u0645\u0627<\/h3>\n                    <p class=\"text-gray-200 mb-8 relative z-10\">\u062f\u0627\u0631\u0627\u06cc \u062a\u0645\u0627\u0645\u06cc \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0648 \u062a\u0648\u0632\u06cc\u0639<\/p>\n                    <div class=\"grid md:grid-cols-3 gap-6\">\n                        <div class=\"p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);\">\n                            <div class=\"w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                                <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-02_52_21-PM.png\" alt=\"ISO 9001\" class=\"h-10 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                                <span class=\"text-2xl hidden text-white\">\ud83c\udfc6<\/span>\n                            <\/div>\n                            <h4 class=\"text-lg font-semibold text-white mb-2\">ISO 9001<\/h4>\n                            <p class=\"text-sm text-gray-200\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u062e\u062f\u0645\u0627\u062a<\/p>\n                        <\/div>\n                        <div class=\"p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);\">\n                            <div class=\"w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                                <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-02_53_28-PM.png\" alt=\"ISO 13485\" class=\"h-10 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                                <span class=\"text-2xl hidden text-white\">\u2695\ufe0f<\/span>\n                            <\/div>\n                            <h4 class=\"text-lg font-semibold text-white mb-2\">ISO 13485<\/h4>\n                            <p class=\"text-sm text-gray-200\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648\u06cc\u0698\u0647 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u067e\u0632\u0634\u06a9\u06cc \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/p>\n                        <\/div>\n                        <div class=\"p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1);\">\n                            <div class=\"w-16 h-16 mx-auto mb-4 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                                <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-02_55_53-PM.png\" alt=\"GMP\" class=\"h-10 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                                <span class=\"text-2xl hidden text-white\">\ud83e\uddea<\/span>\n                            <\/div>\n                            <h4 class=\"text-lg font-semibold text-white mb-2\">GMP<\/h4>\n                            <p class=\"text-sm text-gray-200\">\u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u0637\u0644\u0648\u0628 \u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a\u060c \u062e\u0644\u0648\u0635 \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0627\u0631\u0648\u06cc\u06cc<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n            <\/div>\n        <\/section>\n\n        <!-- Instructor Showcase Section -->\n        <section class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-2xl lg:text-3xl font-bold text-white mb-6\">\n                        \u0645\u062f\u0631\u0633 \u0645\u0632\u0648 OX\n                    <\/h2>\n                    <div class=\"max-w-4xl mx-auto p-8 rounded-2xl relative overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                        <!-- Animated Medical Icons -->\n                        <div class=\"medical-icon vial\" style=\"top: 8%; left: 4%;\">\n                            <svg class=\"w-7 h-7 text-white pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\" style=\"opacity: 0.1;\">\n                                <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"medical-icon syringe\" style=\"bottom: 10%; right: 6%;\">\n                            <svg class=\"w-6 h-6 text-white pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\" style=\"opacity: 0.08;\">\n                                <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                            <\/svg>\n                        <\/div>\n                        \n                        <div class=\"animated-line\" style=\"top: 40%; width: 60px; left: 10%; animation-delay: 2s;\"><\/div>\n                        <div class=\"animated-line\" style=\"top: 60%; width: 80px; right: 8%; animation-delay: 5s;\"><\/div>\n                        \n                        <div class=\"grid md:grid-cols-2 gap-8 items-center relative z-10\">\n                            <div class=\"text-center md:text-right\">\n                                <h3 class=\"text-2xl font-bold text-white mb-4\">\u062f\u06a9\u062a\u0631 \u0631\u0636\u0627 \u0627\u0628\u0631\u0627\u0647\u06cc\u0645\u06cc<\/h3>\n                                <p class=\"text-lg text-gray-200 mb-4\">\u0645\u062f\u0631\u0633 \u0631\u0633\u0645\u06cc \u0645\u0632\u0648 OX<\/p>\n                                <p class=\"text-gray-300 leading-relaxed\">\n                                    \u0645\u062a\u062e\u0635\u0635 \u0628\u0631\u062c\u0633\u062a\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0632\u0648\u062a\u0631\u0627\u067e\u06cc \u0648 \u062f\u0631\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0627 \u0633\u0627\u0644\u200c\u0647\u0627 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0632\u0648 OX\n                                <\/p>\n                            <\/div>\n                            <div class=\"relative\">\n                                <!-- Static Doctor Photo -->\n                                <div class=\"w-full rounded-xl overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.1); aspect-ratio: 16\/9;\">\n                                    <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/photo_2025-10-28_16-58-10.jpg\" alt=\"\u062f\u06a9\u062a\u0631 \u0631\u0636\u0627 \u0627\u0628\u0631\u0627\u0647\u06cc\u0645\u06cc\" class=\"w-full h-full object-cover\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                                    <div class=\"hidden w-full h-full bg-gradient-to-br from-purple-400 to-pink-400 flex items-center justify-center\">\n                                        <span class=\"text-6xl text-white\">\ud83d\udc68\u200d\u2695\ufe0f<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Transition Area with Dense Medical Icons -->\n        <div class=\"py-14 relative overflow-hidden\" style=\"background-color: #7d0a69;\">\n            <!-- Dense Medical Icon Layout -->\n            <div class=\"medical-icon syringe\" style=\"top: 8%; left: 12%; color: white; opacity: 0.35;\">\n                <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 25%; right: 18%; color: white; opacity: 0.4; animation-delay: 1s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Hair Follicles -->\n            <div class=\"medical-icon\" style=\"top: 15%; left: 35%; color: white; opacity: 0.25; animation-delay: 2s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"5\" r=\"1.5\"\/>\n                    <path d=\"M12 6.5c-1 0-2 0.5-2 1.5v14h4v-14c0-1-1-1.5-2-1.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon\" style=\"top: 45%; left: 8%; color: white; opacity: 0.3; animation-delay: 3s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"4\" r=\"2\"\/>\n                    <path d=\"M12 6c-1.5 0-3 1-3 2.5v13h6v-13c0-1.5-1.5-2.5-3-2.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Face Profiles -->\n            <div class=\"medical-icon\" style=\"top: 35%; right: 8%; color: white; opacity: 0.28; animation-delay: 4s;\">\n                <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33C4.62 15.49 4 13.82 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 60%; left: 25%; color: white; opacity: 0.32; animation-delay: 5s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 75%; right: 30%; color: white; opacity: 0.38; animation-delay: 6s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Additional smaller icons for density -->\n            <div class=\"medical-icon\" style=\"top: 20%; right: 40%; color: white; opacity: 0.2; animation-delay: 7s;\">\n                <svg class=\"w-3 h-3 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"6\" r=\"1\"\/>\n                    <path d=\"M12 7c-0.5 0-1 0.5-1 1v14h2v-14c0-0.5-0.5-1-1-1z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 85%; left: 15%; color: white; opacity: 0.25; animation-delay: 8s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Irregular Lines at Various Angles -->\n            <div class=\"animated-line\" style=\"top: 12%; width: 110px; left: 45%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); transform: rotate(35deg);\"><\/div>\n            <div class=\"animated-line\" style=\"top: 30%; width: 85px; right: 25%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: rotate(-25deg); animation-delay: 3s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 55%; width: 95px; left: 50%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transform: rotate(18deg); animation-delay: 6s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 80%; width: 75px; right: 45%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent); transform: rotate(-40deg); animation-delay: 9s;\"><\/div>\n        <\/div>\n\n\n\n        <!-- Partnerships Section -->\n        <section id=\"partnerships\" class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-2xl lg:text-3xl font-bold text-white mb-6\">\n                        \u0627\u0641\u062a\u062e\u0627\u0631 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0631\u0627\u06a9\u0632 \u0639\u0644\u0645\u06cc \u0648 \u0635\u0646\u0641\u06cc \u0627\u06cc\u0631\u0627\u0646\n                    <\/h2>\n                    <p class=\"text-base text-gray-200\">\n                        \u0645\u0627 \u0645\u0641\u062a\u062e\u0631 \u0628\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0639\u062a\u0628\u0631\u062a\u0631\u06cc\u0646 \u0646\u0647\u0627\u062f\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0648 \u0635\u0646\u0641\u06cc \u06a9\u0634\u0648\u0631 \u0647\u0633\u062a\u06cc\u0645\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8\">\n                    <div class=\"partner-logo p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                        <div class=\"w-16 h-16 mx-auto mb-3 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                            <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-03_12_12-PM.png\" alt=\"\u0627\u0646\u062c\u0645\u0646 \u067e\u0632\u0634\u06a9\u0627\u0646 \u0639\u0645\u0648\u0645\u06cc\" class=\"h-12 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                            <span class=\"text-2xl hidden\">\ud83c\udfe5<\/span>\n                        <\/div>\n                        <h4 class=\"font-semibold text-white\">\u0627\u0646\u062c\u0645\u0646 \u067e\u0632\u0634\u06a9\u0627\u0646 \u0639\u0645\u0648\u0645\u06cc<\/h4>\n                    <\/div>\n\n                    <div class=\"partner-logo p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                        <div class=\"w-16 h-16 mx-auto mb-3 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                            <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-03_16_56-PM.png\" alt=\"\u0639\u0644\u0648\u0645 \u067e\u0632\u0634\u06a9\u06cc \u0627\u0647\u0648\u0627\u0632\" class=\"h-12 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                            <span class=\"text-2xl hidden\">\ud83c\udf93<\/span>\n                        <\/div>\n                        <h4 class=\"font-semibold text-white\">\u0639\u0644\u0648\u0645 \u067e\u0632\u0634\u06a9\u06cc \u0627\u0647\u0648\u0627\u0632<\/h4>\n                    <\/div>\n\n                    <div class=\"partner-logo p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                        <div class=\"w-16 h-16 mx-auto mb-3 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                            <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-03_23_22-PM.png\" alt=\"\u0646\u0638\u0627\u0645 \u067e\u0632\u0634\u06a9\u06cc \u0642\u0645\" class=\"h-12 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                            <span class=\"text-2xl hidden\">\u2695\ufe0f<\/span>\n                        <\/div>\n                        <h4 class=\"font-semibold text-white\">\u0646\u0638\u0627\u0645 \u067e\u0632\u0634\u06a9\u06cc \u0642\u0645<\/h4>\n                    <\/div>\n\n                    <div class=\"partner-logo p-6 rounded-xl text-center\" style=\"background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\">\n                        <div class=\"w-16 h-16 mx-auto mb-3 rounded-full flex items-center justify-center\" style=\"background-color: rgba(255, 255, 255, 0.1);\">\n                            <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-28-2025-03_20_34-PM.png\" alt=\"\u062c\u0647\u0627\u062f \u062f\u0627\u0646\u0634\u06af\u0627\u0647\u06cc\" class=\"h-12 w-auto\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                            <span class=\"text-2xl hidden\">\ud83d\udd2c<\/span>\n                        <\/div>\n                        <h4 class=\"font-semibold text-white\">\u062c\u0647\u0627\u062f \u062f\u0627\u0646\u0634\u06af\u0627\u0647\u06cc<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Final Transition Area Before Form -->\n        <div class=\"py-18 relative overflow-hidden\" style=\"background-color: #7d0a69;\">\n            <!-- Maximum Density Medical Icons -->\n            <div class=\"medical-icon syringe\" style=\"top: 5%; left: 5%; color: white; opacity: 0.4;\">\n                <svg class=\"w-9 h-9 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 15%; right: 8%; color: white; opacity: 0.45; animation-delay: 0.5s;\">\n                <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon\" style=\"top: 25%; left: 20%; color: white; opacity: 0.3; animation-delay: 1s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"4\" r=\"2\"\/>\n                    <path d=\"M12 6c-1.5 0-3 1-3 2.5v13h6v-13c0-1.5-1.5-2.5-3-2.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 35%; right: 25%; color: white; opacity: 0.35; animation-delay: 1.5s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Face Profile Icons -->\n            <div class=\"medical-icon\" style=\"top: 45%; left: 10%; color: white; opacity: 0.32; animation-delay: 2s;\">\n                <svg class=\"w-8 h-8 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33C4.62 15.49 4 13.82 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 55%; right: 15%; color: white; opacity: 0.38; animation-delay: 2.5s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon\" style=\"top: 65%; left: 30%; color: white; opacity: 0.28; animation-delay: 3s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"5\" r=\"1.5\"\/>\n                    <path d=\"M12 6.5c-1 0-2 0.5-2 1.5v14h4v-14c0-1-1-1.5-2-1.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 75%; right: 35%; color: white; opacity: 0.42; animation-delay: 3.5s;\">\n                <svg class=\"w-7 h-7 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 85%; left: 18%; color: white; opacity: 0.36; animation-delay: 4s;\">\n                <svg class=\"w-6 h-6 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Additional Small Icons for Maximum Density -->\n            <div class=\"medical-icon\" style=\"top: 12%; left: 45%; color: white; opacity: 0.22; animation-delay: 4.5s;\">\n                <svg class=\"w-3 h-3 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"6\" r=\"1\"\/>\n                    <path d=\"M12 7c-0.5 0-1 0.5-1 1v14h2v-14c0-0.5-0.5-1-1-1z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 28%; left: 60%; color: white; opacity: 0.25; animation-delay: 5s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon\" style=\"top: 42%; right: 45%; color: white; opacity: 0.27; animation-delay: 5.5s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"4\" r=\"1.5\"\/>\n                    <path d=\"M12 5.5c-1 0-2 0.5-2 1.5v15h4v-15c0-1-1-1.5-2-1.5z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon vial\" style=\"top: 58%; left: 50%; color: white; opacity: 0.3; animation-delay: 6s;\">\n                <svg class=\"w-4 h-4 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"medical-icon syringe\" style=\"top: 92%; right: 12%; color: white; opacity: 0.33; animation-delay: 6.5s;\">\n                <svg class=\"w-5 h-5 pulse-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                <\/svg>\n            <\/div>\n            \n            <!-- Complex Irregular Lines Network -->\n            <div class=\"animated-line\" style=\"top: 8%; width: 130px; left: 25%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: rotate(45deg);\"><\/div>\n            <div class=\"animated-line\" style=\"top: 22%; width: 95px; right: 20%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); transform: rotate(-30deg); animation-delay: 2s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 38%; width: 110px; left: 35%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent); transform: rotate(20deg); animation-delay: 4s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 52%; width: 85px; right: 30%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent); transform: rotate(-45deg); animation-delay: 6s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 68%; width: 100px; left: 40%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent); transform: rotate(35deg); animation-delay: 8s;\"><\/div>\n            <div class=\"animated-line\" style=\"top: 82%; width: 75px; right: 40%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: rotate(-20deg); animation-delay: 10s;\"><\/div>\n        <\/div>\n\n        <!-- Physician Registration Form -->\n        <section id=\"physician-form\" class=\"py-20\" style=\"background-color: #7d0a69;\">\n            <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-12\">\n                    <h2 class=\"text-2xl lg:text-3xl font-bold text-white mb-6\">\n                        \u0634\u0628\u06a9\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0645\u062a\u062e\u0635\u0635\u0627\u0646: \u0628\u0647 \u062c\u0645\u0639 Skymedic \u0628\u067e\u06cc\u0648\u0646\u062f\u06cc\u062f\n                    <\/h2>\n                    <p class=\"text-base text-gray-200\">\n                        \u067e\u0632\u0634\u06a9 \u0645\u062d\u062a\u0631\u0645\u060c \u0628\u0627 \u062a\u06a9\u0645\u06cc\u0644 \u0641\u0631\u0645 \u0632\u06cc\u0631\u060c \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc\u060c \u06a9\u0646\u06af\u0631\u0647\u200c\u0647\u0627 \u0648 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627 \u0645\u0637\u0644\u0639 \u0634\u0648\u06cc\u062f\n                    <\/p>\n                <\/div>\n\n                <form class=\"p-8 rounded-2xl relative overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\" onsubmit=\"handleFormSubmit(event)\">\n                    <!-- Animated Medical Icons -->\n                    <div class=\"medical-icon vial\" style=\"top: 3%; left: 2%;\">\n                        <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\" style=\"opacity: 0.05;\">\n                            <path d=\"M9 2V4H8C7.45 4 7 4.45 7 5S7.45 6 8 6H16C16.55 6 17 5.55 17 5S16.55 4 16 4H15V2H9M8 8V20C8 21.1 8.9 22 10 22H14C15.1 22 16 21.1 16 20V8H8M10 10H14V12H10V10M10 14H14V16H10V14Z\"\/>\n                        <\/svg>\n                    <\/div>\n                    \n                    <div class=\"medical-icon syringe\" style=\"bottom: 5%; right: 4%;\">\n                        <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\" style=\"opacity: 0.06;\">\n                            <path d=\"M19.5 3.5L20.5 4.5L19 6L22 9L20.5 10.5L19 9L17.5 10.5L16 9L17.5 7.5L16 6L17.5 4.5L19.5 3.5M7.91 17.09C7.66 17.34 7.66 17.76 7.91 18L8.5 18.59L5.91 21.18C5.66 21.43 5.24 21.43 4.99 21.18L2.82 19.01C2.57 18.76 2.57 18.34 2.82 19.09L5.41 16.5L6 17.09L7.91 17.09M12.5 8.5L15 11L13.5 12.5L11 10L12.5 8.5M10.5 10.5L13 13L8.5 17.5L6 15L10.5 10.5Z\"\/>\n                        <\/svg>\n                    <\/div>\n                    \n                    <div class=\"animated-line\" style=\"top: 20%; width: 35px; right: 8%; animation-delay: 1.5s;\"><\/div>\n                    <div class=\"animated-line\" style=\"bottom: 30%; width: 45px; left: 6%; animation-delay: 4.5s;\"><\/div>\n                    <div class=\"grid md:grid-cols-2 gap-6\">\n                        <div>\n                            <label for=\"fullName\" class=\"block text-sm font-semibold text-white mb-2\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>\n                            <input type=\"text\" id=\"fullName\" name=\"fullName\" required \n                                   class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\"\n                                   placeholder=\"\u0646\u0627\u0645 \u06a9\u0627\u0645\u0644 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\">\n                        <\/div>\n\n                        <div>\n                            <label for=\"medicalCode\" class=\"block text-sm font-semibold text-white mb-2\">\u06a9\u062f \u0646\u0638\u0627\u0645 \u067e\u0632\u0634\u06a9\u06cc<\/label>\n                            <input type=\"text\" id=\"medicalCode\" name=\"medicalCode\" required \n                                   class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\"\n                                   placeholder=\"\u06a9\u062f \u0646\u0638\u0627\u0645 \u067e\u0632\u0634\u06a9\u06cc\">\n                        <\/div>\n\n                        <div>\n                            <label for=\"specialty\" class=\"block text-sm font-semibold text-white mb-2\">\u062a\u062e\u0635\u0635<\/label>\n                            <select id=\"specialty\" name=\"specialty\" required \n                                    class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\">\n                                <option value=\"\">\u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u062e\u0635\u0635<\/option>\n                                <option value=\"dermatology\">\u067e\u0648\u0633\u062a \u0648 \u0645\u0648<\/option>\n                                <option value=\"plastic-surgery\">\u062c\u0631\u0627\u062d\u06cc \u067e\u0644\u0627\u0633\u062a\u06cc\u06a9<\/option>\n                                <option value=\"aesthetic\">\u0632\u06cc\u0628\u0627\u06cc\u06cc \u0648 \u062c\u0648\u0627\u0646\u0633\u0627\u0632\u06cc<\/option>\n                                <option value=\"general\">\u067e\u0632\u0634\u06a9 \u0639\u0645\u0648\u0645\u06cc<\/option>\n                                <option value=\"other\">\u0633\u0627\u06cc\u0631<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div>\n                            <label for=\"city\" class=\"block text-sm font-semibold text-white mb-2\">\u0634\u0647\u0631\/\u0627\u0633\u062a\u0627\u0646<\/label>\n                            <input type=\"text\" id=\"city\" name=\"city\" required \n                                   class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\"\n                                   placeholder=\"\u0634\u0647\u0631 \u0648 \u0627\u0633\u062a\u0627\u0646\">\n                        <\/div>\n\n                        <div>\n                            <label for=\"phone\" class=\"block text-sm font-semibold text-white mb-2\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>\n                            <input type=\"tel\" id=\"phone\" name=\"phone\" required \n                                   class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\"\n                                   placeholder=\"09xxxxxxxxx\">\n                        <\/div>\n\n                        <div>\n                            <label for=\"email\" class=\"block text-sm font-semibold text-white mb-2\">\u0627\u06cc\u0645\u06cc\u0644<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required \n                                   class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 outline-none bg-white text-gray-900\" style=\"--tw-ring-color: #7d0a69;\" onFocus=\"this.style.borderColor='#7d0a69'; this.style.boxShadow='0 0 0 2px rgba(125, 10, 105, 0.2)'\" onBlur=\"this.style.borderColor='#d1d5db'; this.style.boxShadow='none'\"\n                                   placeholder=\"example@email.com\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mt-8 text-center\">\n                        <button type=\"submit\" \n                                class=\"text-purple-900 px-8 py-3 rounded-lg font-medium hover:opacity-90 transition-all transform hover:scale-105 shadow-lg text-sm\" style=\"background-color: white;\">\n                            \u062b\u0628\u062a \u0646\u0627\u0645 \u062f\u0631 \u0634\u0628\u06a9\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc\n                        <\/button>\n                    <\/div>\n\n                    <div id=\"form-message\" class=\"mt-4 text-center hidden\"><\/div>\n                <\/form>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- Footer -->\n    <footer id=\"contact\" class=\"bg-gray-900 text-white py-16\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <div>\n                    <img decoding=\"async\" src=\"http:\/\/meso-ox.com\/wp-content\/uploads\/2025\/10\/\u0644\u0648\u06af\u0648-\u0641\u0648\u062a\u0631.png\" alt=\"Skymedic Logo\" class=\"h-12 sm:h-16 w-auto mb-4\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                    <div style=\"display: none;\">\n                        <h3 class=\"text-2xl font-bold mb-4\" style=\"font-family: sans-serif;\">Skymedic<\/h3>\n                        <p class=\"text-gray-300 mb-4\">Listen, understand and innovate<\/p>\n                    <\/div>\n                    <p class=\"text-gray-400 text-sm sm:text-base\">\n                        \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0648\u0627\u062f \u062e\u0627\u0644\u0635 \u0648 \u0641\u0639\u0627\u0644 \u062f\u0627\u0631\u0648\u06cc\u06cc\n                    <\/p>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-lg font-semibold mb-4\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633<\/h4>\n                    <div class=\"space-y-2 text-gray-300\">\n                        <p>\ud83d\udce7 info@meso-ox.com<\/p>\n                        <p>\ud83c\udf10 www.meso-ox.com<\/p>\n                        <p>\ud83d\udcf7 meso_ox_iran<\/p>\n                        <p>\ud83d\udcf1 09120404315<\/p>\n                        <p>\ud83d\udcf1 09195801691<\/p>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-lg font-semibold mb-4\">\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0645\u0641\u06cc\u062f<\/h4>\n                    <div class=\"space-y-2\">\n                        <a href=\"#about\" class=\"block text-gray-300 hover:text-white transition-colors\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n                        <a href=\"#partnerships\" class=\"block text-gray-300 hover:text-white transition-colors\">\u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627<\/a>\n                        <a href=\"#physician-form\" class=\"block text-gray-300 hover:text-white transition-colors\">\u062b\u0628\u062a \u0646\u0627\u0645 \u067e\u0632\u0634\u06a9\u0627\u0646<\/a>\n                        <a href=\"#contact\" class=\"block text-gray-300 hover:text-white transition-colors\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-gray-800 mt-12 pt-8 text-center text-gray-400\">\n                <p>&copy; 2024 Skymedic. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        function updateHeroImage(url) {\n            const previewDiv = document.getElementById('hero-preview');\n            \n            if (url && url.trim() !== '') {\n                previewDiv.innerHTML = `\n                    <div class=\"relative\">\n                        <img decoding=\"async\" src=\"${url}\" alt=\"\u0639\u06a9\u0633 \u0627\u0635\u0644\u06cc \u0645\u062d\u0635\u0648\u0644\" class=\"w-full h-48 object-cover rounded-lg\" \n                             onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n                        <div class=\"hidden bg-red-100 text-red-600 p-4 rounded-lg text-sm\">\n                            \u062e\u0637\u0627 \u062f\u0631 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0635\u0648\u06cc\u0631. \u0644\u0637\u0641\u0627\u064b \u0644\u06cc\u0646\u06a9 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n                    <\/div>\n                `;\n            } else {\n                previewDiv.innerHTML = `\n                    <div class=\"w-24 h-24 mx-auto bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center\" style=\"background: linear-gradient(135deg, #7d0a69 0%, #a855f7 100%);\">\n                        <svg class=\"w-12 h-12 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                        <\/svg>\n                    <\/div>\n                `;\n            }\n        }\n        \n\n\n        function handleFormSubmit(event) {\n            event.preventDefault();\n            \n            const messageDiv = document.getElementById('form-message');\n            const form = event.target;\n            \n            \/\/ Simulate form processing\n            messageDiv.className = 'mt-4 text-center p-4 bg-green-100 text-green-800 rounded-lg';\n            messageDiv.textContent = '\u062b\u0628\u062a \u0646\u0627\u0645 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0646\u062c\u0627\u0645 \u0634\u062f. \u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06af\u0631\u0641\u062a.';\n            messageDiv.classList.remove('hidden');\n            \n            \/\/ Reset form\n            form.reset();\n            \n            \/\/ Hide message after 5 seconds\n            setTimeout(() => {\n                messageDiv.classList.add('hidden');\n            }, 5000);\n        }\n\n        \/\/ Image rotation functionality\n        let currentImageIndex = 0;\n        const images = ['rotating-image-1', 'rotating-image-2', 'rotating-image-3', 'rotating-image-4'];\n        \n        function rotateImages() {\n            \/\/ Hide current image\n            document.getElementById(images[currentImageIndex]).style.opacity = '0';\n            \n            \/\/ Move to next image\n            currentImageIndex = (currentImageIndex + 1) % images.length;\n            \n            \/\/ Show next image\n            document.getElementById(images[currentImageIndex]).style.opacity = '1';\n        }\n        \n        \/\/ Start rotation every 3 seconds\n        setInterval(rotateImages, 3000);\n\n        \/\/ Smooth scrolling for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'995b0e26376942eb',t:'MTc2MTY2MTAzMS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skymedic &#8211; Listen, Understand and Innovate Skymedic Listen, understand and innovate \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627 \u062a\u0645\u0627\u0633 \u0648\u0631\u0648\u062f \u067e\u0632\u0634\u06a9\u0627\u0646 \u0648\u0631\u0648\u062f \u0645\u0632\u0648 \u0647\u0627\u06cc OX \u0645\u062d\u0635\u0648\u0644 \u06a9\u0634\u0648\u0631 \u0627\u0633\u067e\u0627\u0646\u06cc\u0627 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0648\u0627\u062f \u062e\u0627\u0644\u0635 \u0648 \u0641\u0639\u0627\u0644 \u062f\u0627\u0631\u0648\u06cc\u06cc\u060c \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062a\u0627\u06cc\u062c \u062f\u0631\u0645\u0627\u0646\u06cc \u0628\u0647 \u067e\u0632\u0634\u06a9\u0627\u0646 \u0645\u062d\u062a\u0631\u0645 \u062b\u0628\u062a \u0646\u0627\u0645 \u067e\u0632\u0634\u06a9\u0627\u0646 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646 \u0634\u062f\u0647 \u0627\u0633\u062a\u0631\u06cc\u0644\u060c \u062e\u0627\u0644\u0635 \u0648 \u0641\u0627\u0642\u062f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meso-ox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":14,"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/meso-ox.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/meso-ox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}