{"id":2020,"date":"2026-09-19T00:48:18","date_gmt":"2026-09-19T00:48:18","guid":{"rendered":"https:\/\/triplemedicine.com\/?page_id=2020"},"modified":"2026-09-22T02:52:18","modified_gmt":"2026-09-22T02:52:18","slug":"research-development","status":"publish","type":"page","link":"https:\/\/triplemedicine.com\/ar\/research-development\/","title":{"rendered":"\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2020\" class=\"elementor elementor-2020\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4342a94 e-flex e-con-boxed e-con e-parent\" data-id=\"4342a94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27bb304 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"27bb304\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Division of Scientific Excellence Badge<\/title>\r\n\r\n    <!-- Font Awesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Google Font: Montserrat -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --badge-bg-blue: #00427c;\r\n            --badge-text-gold: #ffc223;\r\n            --badge-border-purple: #7052ff;\r\n            --badge-border-outer-gold: rgba(255, 194, 35, 0.4);\r\n            --badge-glow-purple: rgba(112, 82, 255, 0.6);\r\n        }\r\n\r\n        \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 *\/\r\n        .badge-wrapper {\r\n            position: relative;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            padding: 4px;\r\n            background: rgba(0, 50, 95, 0.8);\r\n            border: 1px solid var(--badge-border-outer-gold);\r\n            border-radius: 6px;\r\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.2);\r\n            transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, border-color 0.3s ease;\r\n            cursor: pointer;\r\n            perspective: 1000px;\r\n            font-family: 'Montserrat', sans-serif;\r\n            box-sizing: border-box;\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .badge-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* \u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0648\u0647\u062c \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a \u0627\u0644\u062f\u0627\u062e\u0644\u064a *\/\r\n        .badge-inner {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 8px 18px 8px 14px;\r\n            border: 2px solid var(--badge-border-purple);\r\n            border-radius: 4px;\r\n            background: var(--badge-bg-blue);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 0 12px var(--badge-glow-purple);\r\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0645\u062a\u062f \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n        .badge-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: -40px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--badge-border-purple) 0%, rgba(112, 82, 255, 0) 100%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u0645\u0636\u064a\u0626\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n        .badge-connector-dot {\r\n            position: absolute;\r\n            right: -6px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: var(--badge-border-purple);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 8px #ffffff, 0 0 12px var(--badge-border-purple);\r\n            z-index: 10;\r\n            animation: pulseDot 2s infinite ease-in-out;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0633\u0643\u0648\u0628 *\/\r\n        .badge-icon {\r\n            color: var(--badge-text-gold);\r\n            font-size: 1.2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            filter: drop-shadow(0 0 6px rgba(255, 194, 35, 0.6));\r\n            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0641\u0627\u0635\u0644 \u0627\u0644\u0639\u0645\u0648\u062f\u064a \u0627\u0644\u0645\u0635\u063a\u0631 *\/\r\n        .badge-divider {\r\n            width: 1px;\r\n            height: 18px;\r\n            background: rgba(255, 194, 35, 0.3);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n        .badge-text {\r\n            color: var(--badge-text-gold);\r\n            font-size: 0.95rem;\r\n            font-weight: 800;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n            text-shadow: 0 0 8px rgba(255, 194, 35, 0.4);\r\n            user-select: none;\r\n        }\r\n\r\n        \/* --- \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u064a\u0629 (Hover & Animations) --- *\/\r\n\r\n        .badge-inner::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -150%;\r\n            width: 100%;\r\n            height: 200%;\r\n            background: linear-gradient(\r\n                60deg, \r\n                transparent 30%, \r\n                rgba(255, 255, 255, 0.25) 50%, \r\n                transparent 70%\r\n            );\r\n            transition: left 0.75s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .badge-wrapper:hover {\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 194, 35, 0.3);\r\n            border-color: var(--badge-text-gold);\r\n        }\r\n\r\n        .badge-wrapper:hover .badge-inner {\r\n            border-color: #a08aff;\r\n            box-shadow: 0 0 20px rgba(160, 138, 255, 0.8), inset 0 0 10px rgba(112, 82, 255, 0.3);\r\n        }\r\n\r\n        .badge-wrapper:hover .badge-inner::before {\r\n            left: 150%;\r\n        }\r\n\r\n        .badge-wrapper:hover .badge-icon {\r\n            transform: scale(1.25) rotate(-8deg);\r\n        }\r\n\r\n        @keyframes pulseDot {\r\n            0%, 100% {\r\n                transform: translateY(-50%) scale(1);\r\n                box-shadow: 0 0 6px #ffffff, 0 0 10px var(--badge-border-purple);\r\n            }\r\n            50% {\r\n                transform: translateY(-50%) scale(1.3);\r\n                box-shadow: 0 0 12px #ffffff, 0 0 18px var(--badge-text-gold);\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0648\u064f\u0628 \u0645\u0639 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629 (Mobile)\r\n           ========================================== *\/\r\n        @media screen and (max-width: 768px) {\r\n            .badge-wrapper {\r\n                max-width: 100% !important;\r\n            }\r\n\r\n            .badge-wrapper::after {\r\n                display: none !important; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062e\u0637 \u0627\u0644\u0632\u0627\u0626\u062f \u0644\u0645\u0646\u0639 \u062e\u0631\u0648\u062c \u0627\u0644\u0639\u0646\u0635\u0631 \u0639\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n            }\r\n\r\n            .badge-inner {\r\n                gap: 6px !important;\r\n                padding: 6px 10px !important;\r\n            }\r\n\r\n            .badge-icon {\r\n                font-size: 0.9rem !important;\r\n            }\r\n\r\n            .badge-divider {\r\n                height: 14px !important;\r\n            }\r\n\r\n            .badge-text {\r\n                font-size: 0.65rem !important; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062e\u0637 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0645\u0646\u0639 \u0627\u0644\u062e\u0631\u0648\u062c *\/\r\n                letter-spacing: 0.5px !important;\r\n                white-space: normal !important; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u062a\u0646\u0633\u064a\u0642 \u0645\u0631\u0646 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0634\u0627\u0634\u0629 \u0634\u062f\u064a\u062f\u0629 \u0627\u0644\u0636\u064a\u0642 *\/\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 420px) {\r\n            .badge-text {\r\n                font-size: 0.55rem !important;\r\n                letter-spacing: 0.2px !important;\r\n            }\r\n            .badge-inner {\r\n                padding: 5px 8px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- \u0627\u0644\u0628\u0627\u062f\u062c \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <div class=\"badge-wrapper\" id=\"techBadge\">\r\n        <div class=\"badge-inner\">\r\n            <div class=\"badge-icon\">\r\n                <i class=\"fa-solid fa-microscope\"><\/i>\r\n            <\/div>\r\n            <div class=\"badge-divider\"><\/div>\r\n            <div class=\"badge-text\">\u0642\u0633\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0639\u0644\u0645\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"badge-connector-dot\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- JavaScript \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0644\u0640 3D Tilt -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const badge = document.getElementById('techBadge');\r\n            if (!badge) return;\r\n\r\n            badge.addEventListener('mousemove', (e) => {\r\n                const rect = badge.getBoundingClientRect();\r\n                const x = e.clientX - rect.left - rect.width \/ 2;\r\n                const y = e.clientY - rect.top - rect.height \/ 2;\r\n\r\n                const rotateX = -y \/ 4;\r\n                const rotateY = x \/ 8;\r\n\r\n                badge.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.03)`;\r\n            });\r\n\r\n            badge.addEventListener('mouseleave', () => {\r\n                badge.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)';\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a4815d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1a4815d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0646\u0647\u0648\u0636 \u0628\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u0635\u064a\u062f\u0644\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0639\u0644\u0645\u064a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f8a72d elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5f8a72d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a \u0634\u0631\u0643\u0629 \"Triple Medicine\"\u060c \u064a\u0631\u0628\u0637 \u0645\u0631\u0641\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0628\u064a\u0646 \u0639\u0644\u0645 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062e\u0644\u0648\u064a \u0648\u062f\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 (cosmeceuticals)\u061b \u062d\u064a\u062b \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0628\u062a\u0643\u0627\u0631 \u0639\u0644\u0627\u062c\u0627\u062a \u062c\u0644\u062f\u064a\u0629 \u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u0648\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u062f\u0648\u0627\u0626\u064a\u0629 \u0645\u0633\u062a\u0642\u0631\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0648\u0630\u0644\u0643 \u0648\u0641\u0642\u0627\u064b \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0633\u0631\u064a\u0631\u064a\u0629 \u0635\u0627\u0631\u0645\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f63b83 e-flex e-con-boxed e-con e-parent\" data-id=\"3f63b83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e38f0ba elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e38f0ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"text-center mb-xxl\"><div class=\"inline-flex items-center justify-center space-x-2 text-secondary font-label-caps text-label-caps mb-2\">\u0645\u064a\u062b\u0627\u0642 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb8e29 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"bfb8e29\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0635\u0631\u0627\u0645\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f94d3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e4f94d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4dc410 e-grid e-con-full e-con e-child\" data-id=\"d4dc410\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f323451 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"f323451\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .pillar-card-wrapper {\n        --card-border-gold: #ffc223;\n        --card-bg: #ffffff;\n        --text-title-blue: #00427c;\n        --text-body-dark: #4a5568;\n        --text-muted: #8c98a4;\n        --badge-bg-gold: #fff8e6;\n        --badge-text-gold: #b38200;\n        --icon-bg-blue: #eef5fc;\n        --icon-color-blue: #00427c;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 20px 15px;\n        margin: 20px auto;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card {\n        width: 100%;\n        max-width: 540px;\n        background-color: var(--card-bg);\n        border-radius: 12px;\n        padding: 32px 30px 24px 30px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        border-top: 4px solid var(--card-border-gold);\n        overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n    }\n\n    .pillar-card-wrapper .pillar-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.6) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover::before {\n        left: 150%;\n    }\n\n    .pillar-card-wrapper .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 24px;\n    }\n\n    .pillar-card-wrapper .card-icon-box {\n        width: 48px;\n        height: 48px;\n        border-radius: 8px;\n        background-color: var(--icon-bg-blue);\n        color: var(--icon-color-blue);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.25rem;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-icon-box {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title-blue);\n        color: #ffffff;\n    }\n\n    .pillar-card-wrapper .card-tag {\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.8px;\n        text-transform: uppercase;\n        background-color: var(--badge-bg-gold);\n        color: var(--badge-text-gold);\n        transition: transform 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-tag {\n        transform: scale(1.04);\n    }\n\n    .pillar-card-wrapper .card-title-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 18px;\n    }\n\n    .pillar-card-wrapper .card-title {\n        color: var(--text-title-blue);\n        font-size: 1.45rem;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.2;\n        letter-spacing: -0.2px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-line {\n        height: 3px;\n        width: 36px;\n        background-color: var(--card-border-gold);\n        border-radius: 2px;\n        transition: width 0.4s ease, background-color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-line {\n        width: 55px;\n        background-color: var(--text-title-blue);\n    }\n\n    .pillar-card-wrapper .card-description {\n        color: var(--text-body-dark);\n        font-size: 0.92rem;\n        line-height: 1.75;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 18px;\n        border-top: 1px solid #f0f4f8;\n        font-size: 0.78rem;\n        color: var(--text-muted);\n        font-weight: 600;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer-right {\n        font-weight: 700;\n    }\n\n    @media screen and (max-width: 576px) {\n        .pillar-card-wrapper {\n            padding: 10px 5px;\n            margin: 10px auto;\n        }\n\n        .pillar-card-wrapper .pillar-card {\n            padding: 24px 20px 18px 20px;\n        }\n\n        .pillar-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .pillar-card-wrapper .card-description {\n            font-size: 0.85rem;\n            line-height: 1.65;\n        }\n    }\n<\/style>\n\n<div class=\"pillar-card-wrapper\">\n    <div class=\"pillar-card\">\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\">\n                <i class=\"fa-solid fa-flask\"><\/i>\n            <\/div>\n            <span class=\"card-tag\">\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/span>\n        <\/div>\n\n        <div class=\"card-title-container\">\n            <h3 class=\"card-title\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\n            <div class=\"card-line\"><\/div>\n        <\/div>\n\n        <p class=\"card-description\">\n            \u00ab\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0637\u0628\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0622\u0645\u0646\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u062a\u0636\u0639 \u0635\u062d\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0633\u0644\u0627\u0645\u062a\u0647\u0645 \u0639\u0644\u0649 \u0631\u0623\u0633 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a. \u0643\u0645\u0627 \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0645\u0639 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0646\u0627 \u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.\u00bb\n        <\/p>\n\n        <div class=\"card-footer\">\n            <span class=\"card-footer-left\">\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/span>\n            <span class=\"card-footer-right\">TM-SOP-011<\/span>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c31a2 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c8c31a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .pillar-card-wrapper {\n        --card-border-blue: #00427c;\n        --card-bg: #ffffff;\n        --text-title-blue: #00427c;\n        --text-body-dark: #4a5568;\n        --text-muted: #8c98a4;\n        --badge-bg-blue: #eef5fc;\n        --badge-text-blue: #00427c;\n        --icon-bg-gold: #fff8e6;\n        --icon-color-gold: #d49b00;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 20px 15px;\n        margin: 20px auto;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card {\n        width: 100%;\n        max-width: 540px;\n        background-color: var(--card-bg);\n        border-radius: 12px;\n        padding: 32px 30px 24px 30px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        border-top: 4px solid var(--card-border-blue);\n        overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n    }\n\n    .pillar-card-wrapper .pillar-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.6) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover::before {\n        left: 150%;\n    }\n\n    .pillar-card-wrapper .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 24px;\n    }\n\n    .pillar-card-wrapper .card-icon-box {\n        width: 48px;\n        height: 48px;\n        border-radius: 8px;\n        background-color: var(--icon-bg-gold);\n        color: var(--icon-color-gold);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.25rem;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-icon-box {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title-blue);\n        color: #ffffff;\n    }\n\n    .pillar-card-wrapper .card-tag {\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.8px;\n        text-transform: uppercase;\n        background-color: var(--badge-bg-blue);\n        color: var(--badge-text-blue);\n        transition: transform 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-tag {\n        transform: scale(1.04);\n    }\n\n    .pillar-card-wrapper .card-title-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 18px;\n    }\n\n    .pillar-card-wrapper .card-title {\n        color: var(--text-title-blue);\n        font-size: 1.45rem;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.2;\n        letter-spacing: -0.2px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-line {\n        height: 3px;\n        width: 36px;\n        background-color: var(--card-border-blue);\n        border-radius: 2px;\n        transition: width 0.4s ease, background-color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-line {\n        width: 55px;\n        background-color: #ffc223;\n    }\n\n    .pillar-card-wrapper .card-description {\n        color: var(--text-body-dark);\n        font-size: 0.92rem;\n        line-height: 1.75;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 18px;\n        border-top: 1px solid #f0f4f8;\n        font-size: 0.78rem;\n        color: var(--text-muted);\n        font-weight: 600;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer-right {\n        font-weight: 700;\n    }\n\n    @media screen and (max-width: 576px) {\n        .pillar-card-wrapper {\n            padding: 10px 5px;\n            margin: 10px auto;\n        }\n\n        .pillar-card-wrapper .pillar-card {\n            padding: 24px 20px 18px 20px;\n        }\n\n        .pillar-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .pillar-card-wrapper .card-description {\n            font-size: 0.85rem;\n            line-height: 1.65;\n        }\n    }\n<\/style>\n\n<div class=\"pillar-card-wrapper\">\n    <div class=\"pillar-card\">\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\">\n                <i class=\"fa-solid fa-award\"><\/i>\n            <\/div>\n            <span class=\"card-tag\">\u062a\u0639\u0647\u062f \u0628\u0627\u0644\u062c\u0648\u062f\u0629<\/span>\n        <\/div>\n\n        <div class=\"card-title-container\">\n            <h3 class=\"card-title\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\n            <div class=\"card-line\"><\/div>\n        <\/div>\n\n        <p class=\"card-description\">\n            \u0646\u0633\u0639\u0649 \u062c\u0627\u0647\u062f\u064a\u0646 \u0644\u062a\u0623\u0633\u064a\u0633 \u0645\u0646\u0638\u0648\u0645\u0629 \u062f\u0648\u0627\u0626\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0636\u0645\u0646 \u0633\u0644\u0627\u0645\u0629 \u0643\u0644 \u0645\u0646\u062a\u062c \u0637\u0628\u064a \u0648\u062a\u062c\u0645\u064a\u0644\u064a \u064a\u062e\u0631\u062c \u0645\u0646 \u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0644\u062f\u064a\u0646\u0627\u061b \u0625\u0630 \u064a\u0628\u062f\u0623 \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0646 \u0646\u0642\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645\u060c \u0648\u064a\u0645\u062a\u062f \u0644\u064a\u0634\u0645\u0644 \u062f\u0642\u0629 \u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629.\n        <\/p>\n\n        <div class=\"card-footer\">\n            <span class=\"card-footer-left\">\u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/span>\n            <span class=\"card-footer-right\">ISO 22716 \/ GMP<\/span>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96de730 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"96de730\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .pillar-card-wrapper {\n        --card-border-gold: #ffc223;\n        --card-bg: #ffffff;\n        --text-title-blue: #00427c;\n        --text-body-dark: #4a5568;\n        --text-muted: #8c98a4;\n        --badge-bg-gold: #fff8e6;\n        --badge-text-gold: #b38200;\n        --icon-bg-gold: #fff8e6;\n        --icon-color-gold: #d49b00;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 20px 15px;\n        margin: 20px auto;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card {\n        width: 100%;\n        max-width: 540px;\n        background-color: var(--card-bg);\n        border-radius: 12px;\n        padding: 32px 30px 24px 30px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        border-top: 4px solid var(--card-border-gold);\n        overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n    }\n\n    .pillar-card-wrapper .pillar-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.6) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover::before {\n        left: 150%;\n    }\n\n    .pillar-card-wrapper .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 24px;\n    }\n\n    .pillar-card-wrapper .card-icon-box {\n        width: 48px;\n        height: 48px;\n        border-radius: 8px;\n        background-color: var(--icon-bg-gold);\n        color: var(--icon-color-gold);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.25rem;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-icon-box {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title-blue);\n        color: #ffffff;\n    }\n\n    .pillar-card-wrapper .card-tag {\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.8px;\n        text-transform: uppercase;\n        background-color: var(--badge-bg-gold);\n        color: var(--badge-text-gold);\n        transition: transform 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-tag {\n        transform: scale(1.04);\n    }\n\n    .pillar-card-wrapper .card-title-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 18px;\n    }\n\n    .pillar-card-wrapper .card-title {\n        color: var(--text-title-blue);\n        font-size: 1.45rem;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.2;\n        letter-spacing: -0.2px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-line {\n        height: 3px;\n        width: 36px;\n        background-color: var(--card-border-gold);\n        border-radius: 2px;\n        transition: width 0.4s ease, background-color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-line {\n        width: 55px;\n        background-color: var(--text-title-blue);\n    }\n\n    .pillar-card-wrapper .card-description {\n        color: var(--text-body-dark);\n        font-size: 0.92rem;\n        line-height: 1.75;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 18px;\n        border-top: 1px solid #f0f4f8;\n        font-size: 0.78rem;\n        color: var(--text-muted);\n        font-weight: 600;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer-right {\n        font-weight: 700;\n    }\n\n    @media screen and (max-width: 576px) {\n        .pillar-card-wrapper {\n            padding: 10px 5px;\n            margin: 10px auto;\n        }\n\n        .pillar-card-wrapper .pillar-card {\n            padding: 24px 20px 18px 20px;\n        }\n\n        .pillar-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .pillar-card-wrapper .card-description {\n            font-size: 0.85rem;\n            line-height: 1.65;\n        }\n    }\n<\/style>\n\n<div class=\"pillar-card-wrapper\">\n    <div class=\"pillar-card\">\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\">\n                <i class=\"fa-solid fa-truck-fast\"><\/i>\n            <\/div>\n            <span class=\"card-tag\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0629<\/span>\n        <\/div>\n\n        <div class=\"card-title-container\">\n            <h3 class=\"card-title\">\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a<\/h3>\n            <div class=\"card-line\"><\/div>\n        <\/div>\n\n        <p class=\"card-description\">\n            \u0646\u0633\u0639\u0649 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0646\u0627\u062c\u062d\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u0627\u0644\u0645\u0648\u0632\u0639\u064a\u0646 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u064a\u062d\u0642\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0645\u0639\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a.\n        <\/p>\n\n        <div class=\"card-footer\">\n            <span class=\"card-footer-left\">\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u064a\u062f (GDP)<\/span>\n            <span class=\"card-footer-right\">TM-LOG-900<\/span>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1246817 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1246817\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .pillar-card-wrapper {\n        --card-border-blue: #00427c;\n        --card-bg: #ffffff;\n        --text-title-blue: #00427c;\n        --text-body-dark: #4a5568;\n        --text-muted: #8c98a4;\n        --badge-bg-blue: #eef5fc;\n        --badge-text-blue: #00427c;\n        --icon-bg-blue: #eef5fc;\n        --icon-color-blue: #00427c;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 20px 15px;\n        margin: 20px auto;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card {\n        width: 100%;\n        max-width: 540px;\n        background-color: var(--card-bg);\n        border-radius: 12px;\n        padding: 32px 30px 24px 30px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        border-top: 4px solid var(--card-border-blue);\n        overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n    }\n\n    .pillar-card-wrapper .pillar-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.6) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover::before {\n        left: 150%;\n    }\n\n    .pillar-card-wrapper .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 24px;\n    }\n\n    .pillar-card-wrapper .card-icon-box {\n        width: 48px;\n        height: 48px;\n        border-radius: 8px;\n        background-color: var(--icon-bg-blue);\n        color: var(--icon-color-blue);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.25rem;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-icon-box {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title-blue);\n        color: #ffffff;\n    }\n\n    .pillar-card-wrapper .card-tag {\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.8px;\n        text-transform: uppercase;\n        background-color: var(--badge-bg-blue);\n        color: var(--badge-text-blue);\n        transition: transform 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-tag {\n        transform: scale(1.04);\n    }\n\n    .pillar-card-wrapper .card-title-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 18px;\n    }\n\n    .pillar-card-wrapper .card-title {\n        color: var(--text-title-blue);\n        font-size: 1.45rem;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.2;\n        letter-spacing: -0.2px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-line {\n        height: 3px;\n        width: 36px;\n        background-color: var(--card-border-blue);\n        border-radius: 2px;\n        transition: width 0.4s ease, background-color 0.3s ease;\n    }\n\n    .pillar-card-wrapper .pillar-card:hover .card-line {\n        width: 55px;\n        background-color: #ffc223;\n    }\n\n    .pillar-card-wrapper .card-description {\n        color: var(--text-body-dark);\n        font-size: 0.92rem;\n        line-height: 1.75;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 18px;\n        border-top: 1px solid #f0f4f8;\n        font-size: 0.78rem;\n        color: var(--text-muted);\n        font-weight: 600;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .pillar-card-wrapper .card-footer-right {\n        font-weight: 700;\n    }\n\n    @media screen and (max-width: 576px) {\n        .pillar-card-wrapper {\n            padding: 10px 5px;\n            margin: 10px auto;\n        }\n\n        .pillar-card-wrapper .pillar-card {\n            padding: 24px 20px 18px 20px;\n        }\n\n        .pillar-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .pillar-card-wrapper .card-description {\n            font-size: 0.85rem;\n            line-height: 1.65;\n        }\n    }\n<\/style>\n\n<div class=\"pillar-card-wrapper\">\n    <div class=\"pillar-card\">\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\">\n                <i class=\"fa-solid fa-flag\"><\/i>\n            <\/div>\n            <span class=\"card-tag\">\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"card-title-container\">\n            <h3 class=\"card-title\">\u0647\u062f\u0641\u0646\u0627<\/h3>\n            <div class=\"card-line\"><\/div>\n        <\/div>\n\n        <p class=\"card-description\">\n            \u00ab\u0646\u0633\u0639\u0649 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642 \u0645\u062a\u0645\u064a\u0632 \u0642\u0627\u062f\u0631 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0643\u0641\u0627\u0621\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u062f\u0644\u0627\u0646\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u0643\u0627\u0646\u062a\u0646\u0627 \u0643\u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642 \u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629.\u00bb\n        <\/p>\n\n        <div class=\"card-footer\">\n            <span class=\"card-footer-left\">\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629<\/span>\n            <span class=\"card-footer-right\">Goal 2026\/28<\/span>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f26270 e-flex e-con-boxed e-con e-parent\" data-id=\"1f26270\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fafa803 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"fafa803\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"text-secondary font-label-caps text-label-caps uppercase tracking-wider block mb-1\">\u0627\u0644\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ecab76 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2ecab76\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0639\u0644\u0645 \u0627\u0644\u0635\u064a\u0627\u063a\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dab446 elementor-widget elementor-widget-text-editor\" data-id=\"5dab446\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex flex-col md:flex-row md:items-end justify-between mb-xl\"><p class=\"text-on-surface-variant max-w-md mt-2 md:mt-0 text-sm\">\u0627\u0644\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0629 \u0627\u0644\u0646\u0634\u0637\u0629 (APIs) \u0648\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u062c\u0644\u062f\u064a\u0629 (cosmeceuticals) \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0644\u0648\u0645 \u062a\u062b\u0628\u064a\u062a \u0645\u064f\u062b\u0628\u064e\u062a\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a691844 e-grid e-con-boxed e-con e-child\" data-id=\"a691844\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2c640c4 e-grid e-con-full e-con e-child\" data-id=\"2c640c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2afb1 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2c2afb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .tech-card-wrapper {\n        --card-bg: #ffffff;\n        --text-title: #00427c;\n        --text-body: #5a6a80;\n        --icon-bg: #eef5fc;\n        --icon-color: #00427c;\n        --accent-color: #00569e;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 15px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n    }\n\n    .tech-card-wrapper .tech-card {\n        width: 100%;\n        max-width: 320px;\n        background-color: var(--card-bg);\n        border-radius: 14px;\n        padding: 32px 26px 24px 26px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #f0f4f8;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n                    border-color 0.4s ease;\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .tech-card-wrapper .tech-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n        border-color: rgba(0, 66, 124, 0.15);\n    }\n\n    \/* Shine Effect *\/\n    .tech-card-wrapper .tech-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.8) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .tech-card-wrapper .tech-card:hover::before {\n        left: 150%;\n    }\n\n    .tech-card-wrapper .icon-container {\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        background-color: var(--icon-bg);\n        color: var(--icon-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        margin-bottom: 24px;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .icon-container {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title);\n        color: #ffffff;\n    }\n\n    .tech-card-wrapper .card-title {\n        color: var(--text-title);\n        font-size: 1.35rem;\n        font-weight: 800;\n        margin: 0 0 16px 0;\n        line-height: 1.3;\n        font-family: 'Montserrat', sans-serif;\n        letter-spacing: -0.2px;\n    }\n\n    .tech-card-wrapper .card-description {\n        color: var(--text-body);\n        font-size: 0.88rem;\n        line-height: 1.65;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n        min-height: 110px;\n    }\n\n    .tech-card-wrapper .card-features {\n        padding-top: 20px;\n        border-top: 1px solid #f0f4f8;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .tech-card-wrapper .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--accent-color);\n        font-family: 'Montserrat', sans-serif;\n        transition: transform 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .feature-item {\n        transform: translateX(4px);\n    }\n\n    .tech-card-wrapper .feature-item i {\n        font-size: 0.85rem;\n        color: var(--accent-color);\n    }\n\n    @media screen and (max-width: 576px) {\n        .tech-card-wrapper .tech-card {\n            padding: 24px 20px 20px 20px;\n        }\n\n        .tech-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .tech-card-wrapper .card-description {\n            min-height: auto;\n            font-size: 0.84rem;\n        }\n    }\n<\/style>\n\n<div class=\"tech-card-wrapper\">\n    <div class=\"tech-card\">\n        <div class=\"icon-container\">\n            <i class=\"fa-solid fa-vial-virus\"><\/i>\n        <\/div>\n\n        <h3 class=\"card-title\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0639\u0628\u0631 \u0627\u0644\u062c\u0644\u062f<\/h3>\n\n        <p class=\"card-description\">\n            \u0627\u0644\u0645\u0633\u062a\u062d\u0644\u0628\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629\u060c \u0648\u062d\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062f\u0647\u0648\u0646 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0646\u0641\u0627\u0630\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0645\u064a\u0629 (\u0627\u0644\u0644\u064a\u0628\u0648\u0632\u0648\u0645\u0627\u062a)\u060c \u0648\u0627\u0644\u0645\u064f\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0639\u0628\u0631 \u0627\u0644\u062c\u0644\u062f.\n        <\/p>\n\n        <div class=\"card-features\">\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u062a\u062d\u0631\u064a\u0631 \u0646\u0634\u0637 \u0645\u0645\u062a\u062f<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0644\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0642\u0631\u0646\u064a\u0629<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b54b136 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b54b136\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .tech-card-wrapper {\n        --card-bg: #ffffff;\n        --text-title: #00427c;\n        --text-body: #5a6a80;\n        --icon-bg: #eef5fc;\n        --icon-color: #00427c;\n        --accent-color: #00569e;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 15px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n    }\n\n    .tech-card-wrapper .tech-card {\n        width: 100%;\n        max-width: 320px;\n        background-color: var(--card-bg);\n        border-radius: 14px;\n        padding: 32px 26px 24px 26px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #f0f4f8;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n                    border-color 0.4s ease;\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .tech-card-wrapper .tech-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n        border-color: rgba(0, 66, 124, 0.15);\n    }\n\n    \/* Shine Effect *\/\n    .tech-card-wrapper .tech-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.8) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .tech-card-wrapper .tech-card:hover::before {\n        left: 150%;\n    }\n\n    .tech-card-wrapper .icon-container {\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        background-color: var(--icon-bg);\n        color: var(--icon-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        margin-bottom: 24px;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .icon-container {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title);\n        color: #ffffff;\n    }\n\n    .tech-card-wrapper .card-title {\n        color: var(--text-title);\n        font-size: 1.35rem;\n        font-weight: 800;\n        margin: 0 0 16px 0;\n        line-height: 1.3;\n        font-family: 'Montserrat', sans-serif;\n        letter-spacing: -0.2px;\n    }\n\n    .tech-card-wrapper .card-description {\n        color: var(--text-body);\n        font-size: 0.88rem;\n        line-height: 1.65;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n        min-height: 110px;\n    }\n\n    .tech-card-wrapper .card-features {\n        padding-top: 20px;\n        border-top: 1px solid #f0f4f8;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .tech-card-wrapper .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--accent-color);\n        font-family: 'Montserrat', sans-serif;\n        transition: transform 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .feature-item {\n        transform: translateX(4px);\n    }\n\n    .tech-card-wrapper .feature-item i {\n        font-size: 0.85rem;\n        color: var(--accent-color);\n    }\n\n    @media screen and (max-width: 576px) {\n        .tech-card-wrapper .tech-card {\n            padding: 24px 20px 20px 20px;\n        }\n\n        .tech-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .tech-card-wrapper .card-description {\n            min-height: auto;\n            font-size: 0.84rem;\n        }\n    }\n<\/style>\n\n<div class=\"tech-card-wrapper\">\n    <div class=\"tech-card\">\n        <div class=\"icon-container\">\n            <i class=\"fa-solid fa-vial-virus\"><\/i>\n        <\/div>\n\n        <h3 class=\"card-title\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0639\u0628\u0631 \u0627\u0644\u062c\u0644\u062f<\/h3>\n\n        <p class=\"card-description\">\n            \u0627\u0644\u0645\u0633\u062a\u062d\u0644\u0628\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629\u060c \u0648\u062d\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062f\u0647\u0648\u0646 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0646\u0641\u0627\u0630\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0645\u064a\u0629 (\u0627\u0644\u0644\u064a\u0628\u0648\u0632\u0648\u0645\u0627\u062a)\u060c \u0648\u0627\u0644\u0645\u064f\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0639\u0628\u0631 \u0627\u0644\u062c\u0644\u062f.\n        <\/p>\n\n        <div class=\"card-features\">\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u062a\u062d\u0631\u064a\u0631 \u0646\u0634\u0637 \u0645\u0645\u062a\u062f<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0644\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0642\u0631\u0646\u064a\u0629<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-511f70f elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"511f70f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .tech-card-wrapper {\n        --card-bg: #ffffff;\n        --text-title: #00427c;\n        --text-body: #5a6a80;\n        --icon-bg: #eef5fc;\n        --icon-color: #00427c;\n        --accent-color: #00569e;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 15px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n    }\n\n    .tech-card-wrapper .tech-card {\n        width: 100%;\n        max-width: 320px;\n        background-color: var(--card-bg);\n        border-radius: 14px;\n        padding: 32px 26px 24px 26px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #f0f4f8;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n                    border-color 0.4s ease;\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .tech-card-wrapper .tech-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n        border-color: rgba(0, 66, 124, 0.15);\n    }\n\n    \/* Shine Effect *\/\n    .tech-card-wrapper .tech-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.8) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .tech-card-wrapper .tech-card:hover::before {\n        left: 150%;\n    }\n\n    .tech-card-wrapper .icon-container {\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        background-color: var(--icon-bg);\n        color: var(--icon-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        margin-bottom: 24px;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .icon-container {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title);\n        color: #ffffff;\n    }\n\n    .tech-card-wrapper .card-title {\n        color: var(--text-title);\n        font-size: 1.35rem;\n        font-weight: 800;\n        margin: 0 0 16px 0;\n        line-height: 1.3;\n        font-family: 'Montserrat', sans-serif;\n        letter-spacing: -0.2px;\n    }\n\n    .tech-card-wrapper .card-description {\n        color: var(--text-body);\n        font-size: 0.88rem;\n        line-height: 1.65;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n        min-height: 110px;\n    }\n\n    .tech-card-wrapper .card-features {\n        padding-top: 20px;\n        border-top: 1px solid #f0f4f8;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .tech-card-wrapper .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--accent-color);\n        font-family: 'Montserrat', sans-serif;\n        transition: transform 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .feature-item {\n        transform: translateX(4px);\n    }\n\n    .tech-card-wrapper .feature-item i {\n        font-size: 0.85rem;\n        color: var(--accent-color);\n    }\n\n    @media screen and (max-width: 576px) {\n        .tech-card-wrapper .tech-card {\n            padding: 24px 20px 20px 20px;\n        }\n\n        .tech-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .tech-card-wrapper .card-description {\n            min-height: auto;\n            font-size: 0.84rem;\n        }\n    }\n<\/style>\n\n<div class=\"tech-card-wrapper\">\n    <div class=\"tech-card\">\n        <div class=\"icon-container\">\n            <i class=\"fa-solid fa-pump-medical\"><\/i>\n        <\/div>\n\n        <h3 class=\"card-title\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629<\/h3>\n\n        <p class=\"card-description\">\n            \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 (PET) \u0644\u0636\u0645\u0627\u0646 \u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062d\u0627\u0641\u0638\u0629 \u0648\u0627\u0644\u0639\u0642\u0645 \u0637\u0648\u0627\u0644 \u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\n        <\/p>\n\n        <div class=\"card-features\">\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0644\u0642\u064a\u062d \u0644\u0645\u062f\u0629 28 \u064a\u0648\u0645\u0627\u064b<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u062d\u062f\u0648\u062f \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-935bfb6 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"935bfb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .tech-card-wrapper {\n        --card-bg: #ffffff;\n        --text-title: #00427c;\n        --text-body: #5a6a80;\n        --icon-bg: #eef5fc;\n        --icon-color: #00427c;\n        --accent-color: #00569e;\n        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n        --card-hover-shadow: 0 20px 40px rgba(0, 66, 124, 0.12);\n        \n        width: 100%;\n        padding: 15px;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n    }\n\n    .tech-card-wrapper .tech-card {\n        width: 100%;\n        max-width: 320px;\n        background-color: var(--card-bg);\n        border-radius: 14px;\n        padding: 32px 26px 24px 26px;\n        box-shadow: var(--card-shadow);\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #f0f4f8;\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                    box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n                    border-color 0.4s ease;\n        cursor: pointer;\n        box-sizing: border-box;\n    }\n\n    .tech-card-wrapper .tech-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--card-hover-shadow);\n        border-color: rgba(0, 66, 124, 0.15);\n    }\n\n    \/* Shine Effect *\/\n    .tech-card-wrapper .tech-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -150%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            120deg,\n            transparent 30%,\n            rgba(255, 255, 255, 0.8) 50%,\n            transparent 70%\n        );\n        transition: left 0.8s ease;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .tech-card-wrapper .tech-card:hover::before {\n        left: 150%;\n    }\n\n    .tech-card-wrapper .icon-container {\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        background-color: var(--icon-bg);\n        color: var(--icon-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        margin-bottom: 24px;\n        transition: transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .icon-container {\n        transform: scale(1.1) rotate(-6deg);\n        background-color: var(--text-title);\n        color: #ffffff;\n    }\n\n    .tech-card-wrapper .card-title {\n        color: var(--text-title);\n        font-size: 1.35rem;\n        font-weight: 800;\n        margin: 0 0 16px 0;\n        line-height: 1.3;\n        font-family: 'Montserrat', sans-serif;\n        letter-spacing: -0.2px;\n    }\n\n    .tech-card-wrapper .card-description {\n        color: var(--text-body);\n        font-size: 0.88rem;\n        line-height: 1.65;\n        font-weight: 500;\n        margin-bottom: 28px;\n        font-family: 'Montserrat', sans-serif;\n        min-height: 110px;\n    }\n\n    .tech-card-wrapper .card-features {\n        padding-top: 20px;\n        border-top: 1px solid #f0f4f8;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .tech-card-wrapper .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--accent-color);\n        font-family: 'Montserrat', sans-serif;\n        transition: transform 0.3s ease;\n    }\n\n    .tech-card-wrapper .tech-card:hover .feature-item {\n        transform: translateX(4px);\n    }\n\n    .tech-card-wrapper .feature-item i {\n        font-size: 0.85rem;\n        color: var(--accent-color);\n    }\n\n    @media screen and (max-width: 576px) {\n        .tech-card-wrapper .tech-card {\n            padding: 24px 20px 20px 20px;\n        }\n\n        .tech-card-wrapper .card-title {\n            font-size: 1.2rem;\n        }\n\n        .tech-card-wrapper .card-description {\n            min-height: auto;\n            font-size: 0.84rem;\n        }\n    }\n<\/style>\n\n<div class=\"tech-card-wrapper\">\n    <div class=\"tech-card\">\n        <div class=\"icon-container\">\n            <i class=\"fa-solid fa-leaf\"><\/i>\n        <\/div>\n\n        <h3 class=\"card-title\">\u062a\u0631\u0643\u064a\u0628\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/h3>\n\n        <p class=\"card-description\">\n            \u0639\u0645\u0644\u064a\u0629 \u0627\u0633\u062a\u062d\u0644\u0627\u0628 \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0631\u062f \u062a\u0631\u0627\u0639\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u064a\u0626\u064a\u0629\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0627\u062f \u062e\u0627\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0644\u0644 \u0627\u0644\u062d\u064a\u0648\u064a \u062a\u0641\u064a \u0628\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062e\u0636\u0631\u0627\u0621.\n        <\/p>\n\n        <div class=\"card-features\">\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0637\u0627\u0642\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0643\u0631\u0628\u0648\u0646<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <i class=\"fa-regular fa-circle-check\"><\/i>\n                <span>\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0646\u0641\u0627\u064a\u0627\u062a \u0627\u0644\u0633\u0627\u0626\u0644\u0629 \u063a\u064a\u0631 \u0627\u0644\u0633\u0627\u0645\u0629<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4401b8 e-flex e-con-boxed e-con e-parent\" data-id=\"f4401b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ca2d744 e-con-full e-flex e-con e-child\" data-id=\"ca2d744\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ef350 elementor-widget elementor-widget-text-editor\" data-id=\"f8ef350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-body-lg text-body-lg text-on-surface-variant mb-6\"><span class=\"text-secondary font-label-caps text-label-caps uppercase\">\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d94a2d elementor-widget elementor-widget-heading\" data-id=\"9d94a2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u062d\u0642\u0642 \u062a\u062d\u0644\u064a\u0644\u064a \u0635\u0627\u0631\u0645<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ee1f47 elementor-widget elementor-widget-text-editor\" data-id=\"9ee1f47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-on-surface-variant text-sm leading-relaxed\">\u064a\u062e\u0636\u0639 \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0643\u0631\u0648\u0645\u0627\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0631\u0627\u062d\u0644\u060c \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0627\u0644\u0645\u064f\u0633\u0631\u0651\u064e\u0639\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631 \u0641\u064a \u0627\u0644\u0645\u062e\u062a\u0628\u0631 (in vitro) \u0642\u0628\u0644 \u0646\u0642\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9f59b3 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"b9f59b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"279\" src=\"https:\/\/triplemedicine.com\/wp-content\/uploads\/2026\/09\/Rigorous-Analytical-Validation.jpg\" class=\"attachment-full size-full wp-image-2211\" alt=\"\" srcset=\"https:\/\/triplemedicine.com\/wp-content\/uploads\/2026\/09\/Rigorous-Analytical-Validation.jpg 512w, https:\/\/triplemedicine.com\/wp-content\/uploads\/2026\/09\/Rigorous-Analytical-Validation-300x163.jpg 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u0642\u0627\u0648\u0629 \u0627\u0644\u0643\u0631\u0648\u0645\u0627\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629<\/h3><p class=\"elementor-image-box-description\">\u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0643\u0645\u064a \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 (APIs) \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u0648\u062c\u064a\u0647\u064a\u0629 \u0627\u0644\u0635\u0627\u0631\u0645\u0629 ICH Q2(R1).<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-804c712 e-con-full e-flex e-con e-child\" data-id=\"804c712\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99df8b1 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"99df8b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .matrix-wrapper {\r\n        --primary-blue: #00427c;\r\n        --header-bg: #00427c;\r\n        --badge-gold-bg: #ffc223;\r\n        --badge-gold-text: #000000;\r\n        --text-dark: #2d3748;\r\n        --text-muted: #718096;\r\n        --border-color: #e2e8f0;\r\n        --row-hover-bg: #f8fafc;\r\n        --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);\r\n        --shadow-hover: 0 15px 35px rgba(0, 66, 124, 0.12);\r\n\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        margin: 20px auto;\r\n        font-family: 'Montserrat', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .matrix-container {\r\n        background-color: #ffffff;\r\n        border-radius: 12px;\r\n        box-shadow: var(--shadow-soft);\r\n        overflow: hidden;\r\n        border: 1px solid var(--border-color);\r\n        transition: box-shadow 0.4s ease;\r\n    }\r\n\r\n    .matrix-container:hover {\r\n        box-shadow: var(--shadow-hover);\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .matrix-header {\r\n        background-color: var(--header-bg);\r\n        color: #ffffff;\r\n        padding: 24px 30px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .matrix-header-info h2 {\r\n        font-size: 1.55rem;\r\n        font-weight: 800;\r\n        margin: 0 0 6px 0;\r\n        letter-spacing: -0.3px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .matrix-header-info p {\r\n        font-size: 0.82rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .header-badge {\r\n        background-color: var(--badge-gold-bg);\r\n        color: var(--badge-gold-text);\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        padding: 8px 16px;\r\n        border-radius: 6px;\r\n        letter-spacing: 0.5px;\r\n        box-shadow: 0 4px 12px rgba(255, 194, 35, 0.3);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        animation: pulseBadge 2.5s infinite ease-in-out;\r\n    }\r\n\r\n    .header-badge:hover {\r\n        transform: scale(1.05);\r\n        box-shadow: 0 6px 16px rgba(255, 194, 35, 0.5);\r\n    }\r\n\r\n    @keyframes pulseBadge {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.03); }\r\n    }\r\n\r\n    \/* Table Structure *\/\r\n    .table-responsive {\r\n        width: 100%;\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .matrix-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        text-align: left;\r\n        min-width: 750px;\r\n    }\r\n\r\n    .matrix-table th {\r\n        background-color: #f1f5f9;\r\n        color: var(--primary-blue);\r\n        font-size: 0.82rem;\r\n        font-weight: 800;\r\n        padding: 16px 24px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3px;\r\n        border-bottom: 2px solid var(--border-color);\r\n    }\r\n\r\n    .matrix-table tbody tr {\r\n        border-bottom: 1px solid var(--border-color);\r\n        transition: background-color 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .matrix-table tbody tr:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .matrix-table tbody tr:hover {\r\n        background-color: var(--row-hover-bg);\r\n    }\r\n\r\n    .matrix-table td {\r\n        padding: 18px 24px;\r\n        font-size: 0.88rem;\r\n        color: var(--text-dark);\r\n        font-weight: 500;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .col-parameter {\r\n        font-weight: 700 !important;\r\n        color: var(--primary-blue) !important;\r\n        width: 24%;\r\n    }\r\n\r\n    .col-method {\r\n        width: 28%;\r\n        color: #4a5568 !important;\r\n    }\r\n\r\n    .col-standard {\r\n        width: 18%;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    .col-limit {\r\n        width: 18%;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    .col-status {\r\n        width: 12%;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* Status Badges *\/\r\n    .status-tag {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 5px 12px;\r\n        border-radius: 6px;\r\n        font-size: 0.72rem;\r\n        font-weight: 800;\r\n        letter-spacing: 0.5px;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .status-tag:hover {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .status-tag::before {\r\n        content: '';\r\n        width: 6px;\r\n        height: 6px;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Passed \/ Stable \/ Sterile Green Style *\/\r\n    .status-green {\r\n        background-color: #e6f4ea;\r\n        color: #1e7e34;\r\n    }\r\n    .status-green::before {\r\n        background-color: #28a745;\r\n        box-shadow: 0 0 6px rgba(40, 167, 69, 0.6);\r\n    }\r\n\r\n    \/* Optimal Blue Style *\/\r\n    .status-blue {\r\n        background-color: #e8f0fe;\r\n        color: #1a73e8;\r\n    }\r\n    .status-blue::before {\r\n        background-color: #1a73e8;\r\n        box-shadow: 0 0 6px rgba(26, 115, 232, 0.6);\r\n    }\r\n\r\n    \/* Footer Section *\/\r\n    .matrix-footer {\r\n        background-color: #f8fafc;\r\n        padding: 16px 30px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-top: 1px solid var(--border-color);\r\n        font-size: 0.78rem;\r\n        color: var(--text-muted);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .footer-ref {\r\n        color: var(--primary-blue);\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media screen and (max-width: 768px) {\r\n        .matrix-header {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .matrix-footer {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 8px;\r\n            padding: 16px 20px;\r\n        }\r\n\r\n        .matrix-table th, .matrix-table td {\r\n            padding: 14px 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"matrix-wrapper\">\r\n    <div class=\"matrix-container\">\r\n        <!-- Header -->\r\n        <div class=\"matrix-header\">\r\n            <div class=\"matrix-header-info\">\r\n                <h2>\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0636\u063a\u0637<\/h2>\r\n                <p>\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0648\u0641\u0642\u0627\u064b \u0644\u062f\u0633\u062a\u0648\u0631 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 (\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0625\u0641\u0631\u0627\u062c \u0639\u0646 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u0629\/\u0627\u0644\u062f\u0641\u0639\u0629)<\/p>\r\n            <\/div>\r\n            <div class=\"header-badge\">\r\n                \u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u0647 \u0644\u0639\u0627\u0645 2024\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Table -->\r\n        <div class=\"table-responsive\">\r\n            <table class=\"matrix-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>\u0645\u0639\u064a\u0627\u0631 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/th>\r\n                        <th>\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a\u0629<\/th>\r\n                        <th>\u062d\u062f \u0627\u0644\u0635\u0648\u0631\u0629<\/th>\r\n                        <th>\u062d\u062f \u0627\u0644\u062a\u0641\u0627\u0648\u062a<\/th>\r\n                        <th style=\"text-align: right;\">\u062d\u0627\u0644\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"col-parameter\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0634\u0637\u0629 (HPLC)<\/td>\r\n                        <td class=\"col-method\">\u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u0648\u0642 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0630\u0627\u062a \u0627\u0644\u0637\u0648\u0631 \u0627\u0644\u0639\u0643\u0633\u064a<\/td>\r\n                        <td class=\"col-standard\">ICH Q1A(R2)<\/td>\r\n                        <td class=\"col-limit\">98.5% \u2013 101.5%<\/td>\r\n                        <td class=\"col-status\">\r\n                            <span class=\"status-tag status-green\">\u0627\u062c\u062a\u0627\u0632<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"col-parameter\">\u0627\u0644\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u064f\u0633\u0631\u0651\u064e\u0639<\/td>\r\n                        <td class=\"col-method\">\u063a\u0631\u0641\u0629 \u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0646\u0627\u062e\u064a (40 \u062f\u0631\u062c\u0629 \u0645\u0626\u0648\u064a\u0629 \/ \u0631\u0637\u0648\u0628\u0629 \u0646\u0633\u0628\u064a\u0629 75%)<\/td>\r\n                        <td class=\"col-standard\">ICH Q1F<\/td>\r\n                        <td class=\"col-limit\">6 \u0623\u0634\u0647\u0631 \u0643\u062d\u062f \u0623\u062f\u0646\u0649<\/td>\r\n                        <td class=\"col-status\">\r\n                            <span class=\"status-tag status-green\">\u0645\u0633\u062a\u0642\u0631<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"col-parameter\">\u062a\u0639\u062f\u0627\u062f \u0627\u0644\u0643\u0627\u0626\u0646\u0627\u062a \u0627\u0644\u062d\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 (TAMC)<\/td>\r\n                        <td class=\"col-method\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u062f \u0627\u0644\u0637\u0628\u0642\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0631\u0634\u064a\u062d \u0627\u0644\u063a\u0634\u0627\u0626\u064a<\/td>\r\n                        <td class=\"col-standard\">USP &lt;61&gt; \/ EP 2.6.12<\/td>\r\n                        <td class=\"col-limit\">&lt; 100 CFU \/ g<\/td>\r\n                        <td class=\"col-status\">\r\n                            <span class=\"status-tag status-green\">\u0645\u0639\u0642\u0651\u0645<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"col-parameter\">\u0628\u0642\u0627\u064a\u0627 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062b\u0642\u064a\u0644\u0629<\/td>\r\n                        <td class=\"col-method\">\u0645\u0637\u064a\u0627\u0641\u064a\u0629 \u0627\u0644\u0643\u062a\u0644\u0629 \u0628\u0627\u0644\u0628\u0644\u0627\u0632\u0645\u0627 \u0627\u0644\u0645\u0642\u062a\u0631\u0646\u0629 \u0628\u0627\u0644\u062d\u062b (ICP-MS)<\/td>\r\n                        <td class=\"col-standard\">ICH Q3D<\/td>\r\n                        <td class=\"col-limit\">&lt; 0.5 ppm Pb, Cd, As<\/td>\r\n                        <td class=\"col-status\">\r\n                            <span class=\"status-tag status-green\">\u0627\u062c\u062a\u0627\u0632<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"col-parameter\">\u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062f\u0641\u0642 \u0639\u0628\u0631 \u0627\u0644\u062c\u0644\u062f<\/td>\r\n                        <td class=\"col-method\">\u063a\u0631\u0641\u0629 \u062e\u0644\u064a\u0629 \u0627\u0646\u062a\u0634\u0627\u0631 \"\u0641\u0631\u0627\u0646\u0632\"<\/td>\r\n                        <td class=\"col-standard\">OECD 428 Guideline<\/td>\r\n                        <td class=\"col-limit\">\u0645\u0644\u0641 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u064f\u0639\u062a\u0645\u062f<\/td>\r\n                        <td class=\"col-status\">\r\n                            <span class=\"status-tag status-blue\">\u0623\u0641\u0636\u0644<\/span>\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <!-- Footer -->\r\n        <div class=\"matrix-footer\">\r\n            <span>\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u2022 \u0648\u062d\u062f\u0629 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u062c\u064a\u062f (GMP) \u0644\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\u0629<\/span>\r\n            <span class=\"footer-ref\">\u0645\u0639\u0631\u0641 \u0627\u0644\u0645\u0631\u062c\u0639: EDA-REG-2024-884<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e14691 e-con-full e-flex e-con e-parent\" data-id=\"3e14691\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b88086b e-grid e-con-boxed e-con e-child\" data-id=\"b88086b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e53c72 elementor-invisible elementor-widget elementor-widget-counter\" data-id=\"1e53c72\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a (\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631)<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"45\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b8f032 elementor-invisible elementor-widget elementor-widget-counter\" data-id=\"5b8f032\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">\u0627\u0644\u0635\u064a\u063a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u0629<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"320\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-091488e elementor-invisible elementor-widget elementor-widget-counter\" data-id=\"091488e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"99.9\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dfd9b3 elementor-invisible elementor-widget elementor-widget-counter\" data-id=\"7dfd9b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">\u0645\u0646\u0634\u0623\u0629 \u0637\u0628\u064a\u0629 (\u0628\u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0631\u0628\u0639)<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">K<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-889d771 e-flex e-con-boxed e-con e-parent\" data-id=\"889d771\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2190064 elementor-widget elementor-widget-text-editor\" data-id=\"2190064\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Font Awesome & Google Font -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .cta-banner-wrapper {\n        --navy-title: #00427c;\n        --gold-sub: #c69214;\n        --text-body: #5a6a80;\n        --card-bg: #ffffff;\n        --side-bg: #f4f7fa;\n        --accent-shape: #fdf8e7;\n        \n        width: 100%;\n        max-width: 1140px;\n        margin: 20px auto;\n        font-family: 'Montserrat', sans-serif;\n        box-sizing: border-box;\n        padding: 10px;\n    }\n\n    .cta-card {\n        background-color: var(--card-bg);\n        border-radius: 14px;\n        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);\n        border: 1px solid #eef2f6;\n        padding: 45px;\n        display: flex;\n        gap: 40px;\n        align-items: center;\n        justify-content: space-between;\n        position: relative;\n        overflow: hidden;\n        transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n\n    .cta-card:hover {\n        box-shadow: 0 15px 45px rgba(0, 66, 124, 0.08);\n    }\n\n    \/* Soft Accent Background Block on Top Right *\/\n    .cta-card::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 260px;\n        height: 100%;\n        background-color: var(--accent-shape);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* Left Main Content *\/\n    .cta-content-left {\n        flex: 1 1 60%;\n        z-index: 1;\n    }\n\n    .cta-subtitle {\n        color: var(--gold-sub);\n        font-size: 0.78rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        margin-bottom: 12px;\n        display: block;\n    }\n\n    .cta-title {\n        color: var(--navy-title);\n        font-size: 1.85rem;\n        font-weight: 800;\n        line-height: 1.3;\n        margin: 0 0 18px 0;\n        letter-spacing: -0.4px;\n    }\n\n    .cta-description {\n        color: var(--text-body);\n        font-size: 0.92rem;\n        line-height: 1.7;\n        font-weight: 500;\n        margin-bottom: 35px;\n        max-width: 92%;\n    }\n\n    \/* Features Grid Below Description *\/\n    .cta-features-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n\n    .feature-item-box {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        transition: transform 0.3s ease;\n    }\n\n    .feature-item-box:hover {\n        transform: translateX(5px);\n    }\n\n    .feature-icon-wrapper {\n        width: 32px;\n        height: 32px;\n        border-radius: 6px;\n        background-color: #fef8eb;\n        color: var(--gold-sub);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.95rem;\n        flex-shrink: 0;\n        transition: transform 0.3s ease, background-color 0.3s ease;\n    }\n\n    .feature-item-box:hover .feature-icon-wrapper {\n        transform: scale(1.1);\n        background-color: var(--gold-sub);\n        color: #ffffff;\n    }\n\n    .feature-text-info h4 {\n        color: var(--navy-title);\n        font-size: 0.88rem;\n        font-weight: 700;\n        margin: 0 0 4px 0;\n    }\n\n    .feature-text-info p {\n        color: var(--text-body);\n        font-size: 0.78rem;\n        margin: 0;\n        line-height: 1.4;\n        font-weight: 500;\n    }\n\n    \/* Right Inquiry Box *\/\n    .cta-box-right {\n        flex: 0 0 320px;\n        background-color: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(5px);\n        border: 1px solid #e1e8f0;\n        border-radius: 12px;\n        padding: 30px 24px;\n        text-align: center;\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03);\n        z-index: 1;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .cta-box-right:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(0, 66, 124, 0.1);\n    }\n\n    .box-title {\n        color: var(--navy-title);\n        font-size: 0.98rem;\n        font-weight: 800;\n        margin: 0 0 10px 0;\n    }\n\n    .box-description {\n        color: var(--text-body);\n        font-size: 0.78rem;\n        line-height: 1.55;\n        margin-bottom: 16px;\n        font-weight: 500;\n    }\n\n    \/* Guarantee Note *\/\n    .box-note {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        color: var(--text-body);\n        font-size: 0.73rem;\n        font-weight: 600;\n        padding-top: 12px;\n        border-top: 1px dashed #e1e8f0;\n    }\n\n    .box-note i {\n        font-size: 0.75rem;\n    }\n\n    \/* Responsive Design *\/\n    @media screen and (max-width: 992px) {\n        .cta-card {\n            flex-direction: column;\n            padding: 32px 24px;\n            gap: 30px;\n        }\n\n        .cta-card::after {\n            width: 100%;\n            height: 200px;\n            bottom: 0;\n            top: auto;\n        }\n\n        .cta-content-left {\n            width: 100%;\n        }\n\n        .cta-description {\n            max-width: 100%;\n        }\n\n        .cta-box-right {\n            width: 100%;\n            box-sizing: border-box;\n            flex: 1 1 100%;\n        }\n    }\n\n    @media screen and (max-width: 576px) {\n        .cta-features-grid {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cta-title {\n            font-size: 1.45rem;\n        }\n    }\n<\/style>\n\n<div class=\"cta-banner-wrapper\">\n    <div class=\"cta-card\">\n        <!-- Left Side: Main Text Content -->\n        <div class=\"cta-content-left\">\n            <span class=\"cta-subtitle\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/span>\n            <h2 class=\"cta-title\">\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0635 \u0628\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/h2>\n            <p class=\"cta-description\">\n                \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0630\u0627\u062a \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u062e\u0627\u0635\u0629\u060c \u0623\u0648 \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0648\u0625\u0635\u0644\u0627\u062d\u0647\u0627\u060c \u0623\u0648 \u062a\u0635\u0646\u064a\u0639 \u062f\u0641\u0639\u0627\u062a \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0628\u0645\u0648\u062c\u0628 \u0634\u0647\u0627\u062f\u0629 GMP \u0643\u0627\u0645\u0644\u0629\u060c \u0641\u0625\u0646 \u0634\u0631\u0643\u0629 Triple Medicine \u062a\u0648\u0641\u0631 \u062a\u0643\u0627\u0645\u0644\u0627\u064b \u062a\u0642\u0646\u064a\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b.\n            <\/p>\n\n            <div class=\"cta-features-grid\">\n                <!-- Feature Item 1 -->\n                <div class=\"feature-item-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <i class=\"fa-solid fa-flask\"><\/i>\n                    <\/div>\n                    <div class=\"feature-text-info\">\n                        <h4>\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a<\/h4>\n                        <p>\u062a\u062c\u0627\u0631\u0628 \u0645\u064f\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062e\u0644\u064a\u0642 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0648\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\u0647\u0627.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Feature Item 2 -->\n                <div class=\"feature-item-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <i class=\"fa-solid fa-file-signature\"><\/i>\n                    <\/div>\n                    <div class=\"feature-text-info\">\n                        <h4>\u0625\u0639\u062f\u0627\u062f \u0645\u0644\u0641 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h4>\n                        <p>\u062f\u0639\u0645 \u0645\u0644\u0641 CTD \u0644\u063a\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0637\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Side: Action Box -->\n        <div class=\"cta-box-right\">\n            <h3 class=\"box-title\">\u0628\u062f\u0621 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0628\u0634\u0623\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0629<\/h3>\n            <p class=\"box-description\">\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0645\u0639 \u0643\u0628\u064a\u0631 \u0645\u0633\u0624\u0648\u0644\u064a\u0646\u0627 \u0627\u0644\u0639\u0644\u0645\u064a\u064a\u0646 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0639\u062f\u0645 \u0627\u0644\u0625\u0641\u0635\u0627\u062d (NDA) \u0630\u0627\u062a \u0627\u0644\u0637\u0627\u0628\u0639 \u0627\u0644\u0641\u0646\u064a.\n            <\/p>\n\n            <div class=\"box-note\">\n                <i class=\"fa-solid fa-lock\"><\/i>\n                <span>\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0631\u064a\u0629 \u0628\u0645\u0648\u062c\u0628 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0639\u062f\u0645 \u0625\u0641\u0635\u0627\u062d \u0645\u062a\u0628\u0627\u062f\u0644\u0629<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Division of Scientific Excellence Badge DIVISION OF SCIENTIFIC EXCELLENCE Advancing Pharmaceutical Formulation &amp; Scientific Innovation At Triple Medicine, our dedicated Research &amp; Development facility bridges cellular pharmacology and cosmeceutical precision. We engineer next-generation dermal therapeutics and high-efficacy stable medicine formulations under rigid clinical benchmarks. CORPORATE CHARTER &amp; STRATEGIC MISSION Scientific Rigor with Public Responsibility R&#038;D [&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-2020","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","73d1961b1312c61361055d62c0b51a27":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"d24bbe04794e734ebeb686dd85a891cc":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","b5545ebe3acdf0a81d2a4e8d72e293e7":"","hero_structure":"narrow","21a42e7ab7f360fb5fd659c4203f1d70":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"2819d4b0fc6c54ff87240c190b5603c0":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"e5f84bfb1451736dd519be017f3b8908":"","page_structure_type":"default","cd04af0b28349ff9ae8912f28d4931ec":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"dfe8615bdb7bb0523a6f436392a2e395":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/pages\/2020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/comments?post=2020"}],"version-history":[{"count":40,"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/pages\/2020\/revisions"}],"predecessor-version":[{"id":2222,"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/pages\/2020\/revisions\/2222"}],"wp:attachment":[{"href":"https:\/\/triplemedicine.com\/ar\/wp-json\/wp\/v2\/media?parent=2020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}