{"id":38,"date":"2026-09-01T12:51:53","date_gmt":"2026-09-01T12:51:53","guid":{"rendered":"https:\/\/karenfarasakht.ir\/?page_id=38"},"modified":"2026-09-01T12:59:21","modified_gmt":"2026-09-01T12:59:21","slug":"%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/karenfarasakht.ir\/?page_id=38","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-256a908 e-flex e-con-boxed e-con e-parent\" data-id=\"256a908\" 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-2243304 elementor-widget elementor-widget-html\" data-id=\"2243304\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\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>Page Hero | Karen Farasakht<\/title>\r\n\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f                              *\/\r\n        \/* ============================================ *\/\r\n        :root {\r\n            --midnight-navy: #071525;\r\n            --deep-steel: #172635;\r\n            --architectural-silver: #AEB7BF;\r\n            --glass-white: #F4F6F7;\r\n            --electric-blue: #3978FF;\r\n            \r\n            --bg-light: var(--glass-white);\r\n            --bg-soft: #e8edf0;\r\n            --text-dark: var(--midnight-navy);\r\n            --text-gray: var(--architectural-silver);\r\n            --border: #d0d7dd;\r\n            --shadow: 0 10px 30px rgba(7, 21, 37, 0.08);\r\n            --accent: var(--electric-blue);\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 (\u06a9\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u06a9\u0627\u0644)                *\/\r\n        \/* ============================================ *\/\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn'), local('Vazir'), local('Vazir-FD'), local('Vazirmatn-Regular');\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-Bold'), local('Vazir-Bold'), local('Vazir-FD-Bold');\r\n            font-weight: 700;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-ExtraBold'), local('Vazir-ExtraBold'), local('Vazir-FD-ExtraBold');\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;\r\n            background-color: var(--glass-white);\r\n            color: var(--midnight-navy);\r\n            overflow-x: hidden;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* ===== \u062f\u0645\u0648 \u06a9\u0627\u0646\u062a\u0646\u062a \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 ===== *\/\r\n        .demo-info {\r\n            padding: 40px 5%;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .demo-info h2 {\r\n            font-size: 32px;\r\n            margin-bottom: 15px;\r\n            color: var(--midnight-navy);\r\n            font-weight: 900;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info p {\r\n            font-size: 16px;\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info .highlight {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .demo-info .badge {\r\n            display: inline-block;\r\n            background: var(--midnight-navy);\r\n            color: var(--glass-white);\r\n            padding: 4px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* PAGE HERO STYLES                           *\/\r\n        \/* ============================================ *\/\r\n\r\n        .page-hero {\r\n            height: 60vh;\r\n            min-height: 400px;\r\n            width: 100%;\r\n            background: var(--midnight-navy);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .page-hero .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(to bottom, rgba(7, 21, 37, 0.6), rgba(7, 21, 37, 0.85));\r\n            z-index: 1;\r\n        }\r\n\r\n        .page-hero .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 20px;\r\n            max-width: 900px;\r\n        }\r\n\r\n        .page-hero h1 {\r\n            font-size: 70px;\r\n            font-weight: 900;\r\n            color: var(--glass-white);\r\n            margin-bottom: 20px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            line-height: 1.2;\r\n            text-shadow: 0 4px 30px rgba(7, 21, 37, 0.3);\r\n        }\r\n\r\n        .page-hero h1 span {\r\n            color: var(--electric-blue);\r\n        }\r\n\r\n        .page-hero p {\r\n            font-size: 22px;\r\n            color: var(--architectural-silver);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            text-shadow: 0 2px 20px rgba(7, 21, 37, 0.2);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* RESPONSIVE                                *\/\r\n        \/* ============================================ *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .page-hero h1 {\r\n                font-size: 52px;\r\n            }\r\n            \r\n            .page-hero p {\r\n                font-size: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .page-hero {\r\n                height: 50vh;\r\n                min-height: 350px;\r\n            }\r\n            \r\n            .page-hero h1 {\r\n                font-size: 38px;\r\n            }\r\n            \r\n            .page-hero p {\r\n                font-size: 17px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .page-hero {\r\n                height: 45vh;\r\n                min-height: 300px;\r\n            }\r\n            \r\n            .page-hero h1 {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .page-hero p {\r\n                font-size: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n    <!-- ============================================ -->\r\n    <!-- SECTION: PAGE HERO                          -->\r\n    <!-- ============================================ -->\r\n\r\n    <section class=\"page-hero\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-content\">\r\n            <h1>\u062f\u0627\u0633\u062a\u0627\u0646 <span>\u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a<\/span><\/h1>\r\n            <p>\u0627\u0632 \u06cc\u06a9 \u0627\u06cc\u062f\u0647 \u06a9\u0648\u0686\u06a9 \u062a\u0627 \u0627\u0645\u067e\u0631\u0627\u062a\u0648\u0631\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u062f\u0631\u0646<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-053ff97 e-flex e-con-boxed e-con e-parent\" data-id=\"053ff97\" 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-04952a6 elementor-widget elementor-widget-html\" data-id=\"04952a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\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>Mission | Karen Farasakht<\/title>\r\n\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f                              *\/\r\n        \/* ============================================ *\/\r\n        :root {\r\n            --midnight-navy: #071525;\r\n            --deep-steel: #172635;\r\n            --architectural-silver: #AEB7BF;\r\n            --glass-white: #F4F6F7;\r\n            --electric-blue: #3978FF;\r\n            \r\n            --bg-light: var(--glass-white);\r\n            --bg-soft: #e8edf0;\r\n            --text-dark: var(--midnight-navy);\r\n            --text-gray: var(--architectural-silver);\r\n            --border: #d0d7dd;\r\n            --shadow: 0 10px 30px rgba(7, 21, 37, 0.08);\r\n            --accent: var(--electric-blue);\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 (\u06a9\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u06a9\u0627\u0644)                *\/\r\n        \/* ============================================ *\/\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn'), local('Vazir'), local('Vazir-FD'), local('Vazirmatn-Regular');\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-Bold'), local('Vazir-Bold'), local('Vazir-FD-Bold');\r\n            font-weight: 700;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-ExtraBold'), local('Vazir-ExtraBold'), local('Vazir-FD-ExtraBold');\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;\r\n            background-color: var(--glass-white);\r\n            color: var(--midnight-navy);\r\n            overflow-x: hidden;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* ===== \u062f\u0645\u0648 \u06a9\u0627\u0646\u062a\u0646\u062a \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 ===== *\/\r\n        .demo-info {\r\n            padding: 40px 5%;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .demo-info h2 {\r\n            font-size: 32px;\r\n            margin-bottom: 15px;\r\n            color: var(--midnight-navy);\r\n            font-weight: 900;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info p {\r\n            font-size: 16px;\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info .highlight {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .demo-info .badge {\r\n            display: inline-block;\r\n            background: var(--midnight-navy);\r\n            color: var(--glass-white);\r\n            padding: 4px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* MISSION STYLES                            *\/\r\n        \/* ============================================ *\/\r\n\r\n        .mission {\r\n            padding: 80px 5%;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .mission-content {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .mission h2 {\r\n            font-size: 40px;\r\n            font-weight: 900;\r\n            margin-bottom: 30px;\r\n            color: var(--midnight-navy);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            line-height: 1.4;\r\n            position: relative;\r\n        }\r\n\r\n        .mission h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -12px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--electric-blue);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .mission h2 span {\r\n            color: var(--electric-blue);\r\n        }\r\n\r\n        .mission p {\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-size: 18px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            opacity: 0.85;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .mission p strong {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* RESPONSIVE                                *\/\r\n        \/* ============================================ *\/\r\n\r\n        @media (max-width: 768px) {\r\n            .mission {\r\n                padding: 50px 5%;\r\n            }\r\n            \r\n            .mission h2 {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .mission h2::after {\r\n                width: 40px;\r\n                height: 2px;\r\n                bottom: -10px;\r\n            }\r\n            \r\n            .mission p {\r\n                font-size: 16px;\r\n                margin-top: 25px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mission {\r\n                padding: 40px 5%;\r\n            }\r\n            \r\n            .mission h2 {\r\n                font-size: 22px;\r\n            }\r\n            \r\n            .mission h2::after {\r\n                width: 30px;\r\n                height: 2px;\r\n                bottom: -8px;\r\n            }\r\n            \r\n            .mission p {\r\n                font-size: 14px;\r\n                margin-top: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ============================================ -->\r\n    <!-- SECTION: MISSION                           -->\r\n    <!-- ============================================ -->\r\n\r\n    <section class=\"mission\">\r\n        <div class=\"mission-content\">\r\n            <h2>\u0645\u0627 \u0641\u0642\u0637 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645\u061b <br><span>\u0622\u06cc\u0646\u062f\u0647 \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.<\/span><\/h2>\r\n            <p>\r\n                \u0647\u0648\u0644\u062f\u06cc\u0646\u06af \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f3\u06f7\u06f5 \u0628\u0627 \u06cc\u06a9 \u0647\u062f\u0641 \u0633\u0627\u062f\u0647 \u062a\u0623\u0633\u06cc\u0633 \u0634\u062f: <strong>\u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u200c\u0648\u0633\u0627\u0632 \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646.<\/strong> \r\n                \u0645\u0627 \u0627\u0632 \u0647\u0645\u0627\u0646 \u0631\u0648\u0632 \u0627\u0648\u0644 \u0628\u0627\u0648\u0631 \u062f\u0627\u0634\u062a\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0627\u0633\u06a9\u0644\u062a \u0628\u062a\u0646\u06cc \u0646\u06cc\u0633\u062a\u061b \u0628\u0644\u06a9\u0647 \u0628\u0633\u062a\u0631\u06cc \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0632\u0646\u062f\u06af\u06cc\u060c \u06a9\u0627\u0631 \u0648 \u0631\u0648\u06cc\u0627\u067e\u0631\u062f\u0627\u0632\u06cc \u0646\u0633\u0644\u200c\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647. \r\n                \u0627\u0645\u0631\u0648\u0632 \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f2\u06f5 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647\u060c \u062a\u06cc\u0645\u06cc \u0645\u062a\u0634\u06a9\u0644 \u0627\u0632 \u0646\u062e\u0628\u06af\u0627\u0646 \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u0645\u0639\u0645\u0627\u0631\u06cc\u060c \u0648 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0634\u0627\u062e\u0635 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631\u060c \u0645\u0641\u062a\u062e\u0631\u06cc\u0645 \u06a9\u0647 \u0646\u0627\u0645 \u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u0646\u0645\u0627\u062f <strong>\u06a9\u06cc\u0641\u06cc\u062a\u060c \u0646\u0648\u0622\u0648\u0631\u06cc \u0648 \u0627\u0639\u062a\u0645\u0627\u062f<\/strong> \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-2e5e14a e-flex e-con-boxed e-con e-parent\" data-id=\"2e5e14a\" 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-643603a elementor-widget elementor-widget-html\" data-id=\"643603a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\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>Stats | Karen Farasakht<\/title>\r\n\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f                              *\/\r\n        \/* ============================================ *\/\r\n        :root {\r\n            --midnight-navy: #071525;\r\n            --deep-steel: #172635;\r\n            --architectural-silver: #AEB7BF;\r\n            --glass-white: #F4F6F7;\r\n            --electric-blue: #3978FF;\r\n            \r\n            --bg-light: var(--glass-white);\r\n            --bg-soft: #e8edf0;\r\n            --text-dark: var(--midnight-navy);\r\n            --text-gray: var(--architectural-silver);\r\n            --border: #d0d7dd;\r\n            --shadow: 0 10px 30px rgba(7, 21, 37, 0.08);\r\n            --accent: var(--electric-blue);\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 (\u06a9\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u06a9\u0627\u0644)                *\/\r\n        \/* ============================================ *\/\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn'), local('Vazir'), local('Vazir-FD'), local('Vazirmatn-Regular');\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-Bold'), local('Vazir-Bold'), local('Vazir-FD-Bold');\r\n            font-weight: 700;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-ExtraBold'), local('Vazir-ExtraBold'), local('Vazir-FD-ExtraBold');\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;\r\n            background-color: var(--glass-white);\r\n            color: var(--midnight-navy);\r\n            overflow-x: hidden;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* ===== \u062f\u0645\u0648 \u06a9\u0627\u0646\u062a\u0646\u062a \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 ===== *\/\r\n        .demo-info {\r\n            padding: 40px 5%;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .demo-info h2 {\r\n            font-size: 32px;\r\n            margin-bottom: 15px;\r\n            color: var(--midnight-navy);\r\n            font-weight: 900;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info p {\r\n            font-size: 16px;\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info .highlight {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .demo-info .badge {\r\n            display: inline-block;\r\n            background: var(--midnight-navy);\r\n            color: var(--glass-white);\r\n            padding: 4px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* STATS STYLES                              *\/\r\n        \/* ============================================ *\/\r\n\r\n        .about-stats {\r\n            background: var(--bg-soft);\r\n            padding: 60px 5%;\r\n            border-top: 1px solid var(--border);\r\n            border-bottom: 1px solid var(--border);\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-box {\r\n            padding: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .stat-box:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .stat-box h3 {\r\n            font-size: 50px;\r\n            font-weight: 900;\r\n            color: var(--electric-blue);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            line-height: 1.2;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .stat-box h3::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -8px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 30px;\r\n            height: 2px;\r\n            background: var(--electric-blue);\r\n            border-radius: 2px;\r\n            opacity: 0.5;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .stat-box:hover h3::after {\r\n            width: 50px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .stat-box p {\r\n            color: var(--deep-steel);\r\n            font-size: 16px;\r\n            margin-top: 18px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* RESPONSIVE                                *\/\r\n        \/* ============================================ *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .about-stats {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 30px;\r\n                padding: 50px 5%;\r\n            }\r\n            \r\n            .stat-box h3 {\r\n                font-size: 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .about-stats {\r\n                gap: 25px;\r\n                padding: 40px 5%;\r\n            }\r\n            \r\n            .stat-box h3 {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .stat-box p {\r\n                font-size: 14px;\r\n                margin-top: 14px;\r\n            }\r\n            \r\n            .stat-box h3::after {\r\n                width: 20px;\r\n                bottom: -6px;\r\n            }\r\n            \r\n            .stat-box:hover h3::after {\r\n                width: 35px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .about-stats {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 20px;\r\n                padding: 30px 5%;\r\n            }\r\n            \r\n            .stat-box h3 {\r\n                font-size: 30px;\r\n            }\r\n            \r\n            .stat-box p {\r\n                font-size: 13px;\r\n                margin-top: 12px;\r\n            }\r\n            \r\n            .stat-box h3::after {\r\n                width: 15px;\r\n                height: 2px;\r\n                bottom: -5px;\r\n            }\r\n            \r\n            .stat-box:hover h3::after {\r\n                width: 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ============================================ -->\r\n    <!-- SECTION: STATS                             -->\r\n    <!-- ============================================ -->\r\n\r\n    <section class=\"about-stats\">\r\n        <div class=\"stat-box\">\r\n            <h3>\u06f2\u06f5<\/h3>\r\n            <p>\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/p>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <h3>\u06f1\u06f2\u06f0<\/h3>\r\n            <p>\u067e\u0631\u0648\u0698\u0647 \u062a\u062d\u0648\u06cc\u0644 \u0634\u062f\u0647<\/p>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <h3>\u06f3\u06f0\u06f0<\/h3>\r\n            <p>\u0646\u06cc\u0631\u0648\u06cc \u0645\u062a\u062e\u0635\u0635<\/p>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <h3>\u06f1\u06f8<\/h3>\r\n            <p>\u062c\u0627\u06cc\u0632\u0647 \u0645\u0644\u06cc \u0648 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-d6a5ded e-flex e-con-boxed e-con e-parent\" data-id=\"d6a5ded\" 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-c43cc6f elementor-widget elementor-widget-html\" data-id=\"c43cc6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\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>Timeline | Karen Farasakht<\/title>\r\n\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f                              *\/\r\n        \/* ============================================ *\/\r\n        :root {\r\n            --midnight-navy: #071525;\r\n            --deep-steel: #172635;\r\n            --architectural-silver: #AEB7BF;\r\n            --glass-white: #F4F6F7;\r\n            --electric-blue: #3978FF;\r\n            \r\n            --bg-light: var(--glass-white);\r\n            --bg-soft: #e8edf0;\r\n            --text-dark: var(--midnight-navy);\r\n            --text-gray: var(--architectural-silver);\r\n            --border: #d0d7dd;\r\n            --shadow: 0 10px 30px rgba(7, 21, 37, 0.08);\r\n            --accent: var(--electric-blue);\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 (\u06a9\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u06a9\u0627\u0644)                *\/\r\n        \/* ============================================ *\/\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn'), local('Vazir'), local('Vazir-FD'), local('Vazirmatn-Regular');\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-Bold'), local('Vazir-Bold'), local('Vazir-FD-Bold');\r\n            font-weight: 700;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-ExtraBold'), local('Vazir-ExtraBold'), local('Vazir-FD-ExtraBold');\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;\r\n            background-color: var(--glass-white);\r\n            color: var(--midnight-navy);\r\n            overflow-x: hidden;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* ===== \u062f\u0645\u0648 \u06a9\u0627\u0646\u062a\u0646\u062a \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 ===== *\/\r\n        .demo-info {\r\n            padding: 40px 5%;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .demo-info h2 {\r\n            font-size: 32px;\r\n            margin-bottom: 15px;\r\n            color: var(--midnight-navy);\r\n            font-weight: 900;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info p {\r\n            font-size: 16px;\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info .highlight {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .demo-info .badge {\r\n            display: inline-block;\r\n            background: var(--midnight-navy);\r\n            color: var(--glass-white);\r\n            padding: 4px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* TIMELINE STYLES                           *\/\r\n        \/* ============================================ *\/\r\n\r\n        .timeline-section {\r\n            padding: 80px 5%;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .timeline-section h2 {\r\n            text-align: center;\r\n            font-size: 40px;\r\n            font-weight: 900;\r\n            margin-bottom: 60px;\r\n            color: var(--midnight-navy);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            position: relative;\r\n        }\r\n\r\n        .timeline-section h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -12px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--electric-blue);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .timeline {\r\n            position: relative;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding-bottom: 50px;\r\n        }\r\n\r\n        .timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            bottom: 0;\r\n            right: 50%;\r\n            width: 2px;\r\n            background: var(--electric-blue);\r\n            z-index: 0;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .tl-item {\r\n            position: relative;\r\n            width: 100%;\r\n            padding: 20px 0;\r\n        }\r\n\r\n        .tl-item:nth-child(odd) {\r\n            padding-left: 55%;\r\n            text-align: right;\r\n        }\r\n\r\n        .tl-item:nth-child(even) {\r\n            padding-right: 55%;\r\n            text-align: left;\r\n        }\r\n\r\n        .tl-card {\r\n            background: var(--glass-white);\r\n            border: 1px solid var(--border);\r\n            border-radius: 16px;\r\n            padding: 24px 28px;\r\n            display: inline-block;\r\n            width: 100%;\r\n            box-shadow: var(--shadow);\r\n            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n        }\r\n\r\n        .tl-card:hover {\r\n            border-color: var(--electric-blue);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(7, 21, 37, 0.12);\r\n        }\r\n\r\n        .tl-dot {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 16px;\r\n            height: 16px;\r\n            background: var(--glass-white);\r\n            border: 4px solid var(--electric-blue);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tl-item:hover .tl-dot {\r\n            background: var(--electric-blue);\r\n            box-shadow: 0 0 20px rgba(57, 120, 255, 0.3);\r\n        }\r\n\r\n        .tl-item:nth-child(odd) .tl-dot {\r\n            right: calc(50% - 8px);\r\n        }\r\n\r\n        .tl-item:nth-child(even) .tl-dot {\r\n            left: calc(50% - 8px);\r\n        }\r\n\r\n        .tl-content h4 {\r\n            color: var(--electric-blue);\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .tl-content p {\r\n            color: var(--deep-steel);\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            opacity: 0.85;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* RESPONSIVE                                *\/\r\n        \/* ============================================ *\/\r\n\r\n        @media (max-width: 768px) {\r\n            .timeline-section {\r\n                padding: 50px 5%;\r\n            }\r\n            \r\n            .timeline-section h2 {\r\n                font-size: 28px;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .timeline-section h2::after {\r\n                width: 40px;\r\n                height: 2px;\r\n                bottom: -10px;\r\n            }\r\n            \r\n            .timeline::before {\r\n                right: 20px;\r\n            }\r\n            \r\n            .tl-item:nth-child(odd),\r\n            .tl-item:nth-child(even) {\r\n                padding-left: 50px;\r\n                padding-right: 0;\r\n                text-align: right;\r\n            }\r\n            \r\n            .tl-dot,\r\n            .tl-item:nth-child(odd) .tl-dot,\r\n            .tl-item:nth-child(even) .tl-dot {\r\n                right: 12px;\r\n                left: auto;\r\n            }\r\n            \r\n            .tl-card {\r\n                padding: 18px 20px;\r\n            }\r\n            \r\n            .tl-content h4 {\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .tl-content p {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .timeline-section {\r\n                padding: 40px 5%;\r\n            }\r\n            \r\n            .timeline-section h2 {\r\n                font-size: 22px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .timeline-section h2::after {\r\n                width: 30px;\r\n                height: 2px;\r\n                bottom: -8px;\r\n            }\r\n            \r\n            .timeline::before {\r\n                right: 16px;\r\n            }\r\n            \r\n            .tl-item:nth-child(odd),\r\n            .tl-item:nth-child(even) {\r\n                padding-left: 40px;\r\n            }\r\n            \r\n            .tl-dot,\r\n            .tl-item:nth-child(odd) .tl-dot,\r\n            .tl-item:nth-child(even) .tl-dot {\r\n                right: 8px;\r\n                width: 12px;\r\n                height: 12px;\r\n                border-width: 3px;\r\n            }\r\n            \r\n            .tl-card {\r\n                padding: 14px 16px;\r\n            }\r\n            \r\n            .tl-content h4 {\r\n                font-size: 16px;\r\n            }\r\n            \r\n            .tl-content p {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n    <!-- ============================================ -->\r\n    <!-- SECTION: TIMELINE                          -->\r\n    <!-- ============================================ -->\r\n\r\n    <section class=\"timeline-section\">\r\n        <h2>\u0645\u0633\u06cc\u0631 \u0631\u0634\u062f \u0645\u0627<\/h2>\r\n        <div class=\"timeline\">\r\n\r\n            <div class=\"tl-item\">\r\n                <div class=\"tl-card\">\r\n                    <div class=\"tl-content\">\r\n                        <h4>\u06f1\u06f3\u06f7\u06f5<\/h4>\r\n                        <p>\u062a\u0623\u0633\u06cc\u0633 \u0634\u0631\u06a9\u062a \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0633\u06a9\u0648\u0646\u06cc \u06a9\u0648\u0686\u06a9 \u062f\u0631 \u062a\u0647\u0631\u0627\u0646.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tl-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-item\">\r\n                <div class=\"tl-card\">\r\n                    <div class=\"tl-content\">\r\n                        <h4>\u06f1\u06f3\u06f8\u06f5<\/h4>\r\n                        <p>\u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0648 \u0627\u062f\u0627\u0631\u06cc\u061b \u0622\u063a\u0627\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0639\u0645\u0627\u0631\u0627\u0646 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tl-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-item\">\r\n                <div class=\"tl-card\">\r\n                    <div class=\"tl-content\">\r\n                        <h4>\u06f1\u06f3\u06f9\u06f5<\/h4>\r\n                        <p>\u062a\u0623\u0633\u06cc\u0633 \u0647\u0648\u0644\u062f\u06cc\u0646\u06af \u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0628\u062e\u0634 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0633\u0627\u062e\u062a (BIM).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tl-dot\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-item\">\r\n                <div class=\"tl-card\">\r\n                    <div class=\"tl-content\">\r\n                        <h4>\u06f1\u06f4\u06f0\u06f2<\/h4>\r\n                        <p>\u0627\u0641\u062a\u062a\u0627\u062d \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0628\u0631\u062c \u0647\u0648\u0634\u0645\u0646\u062f \u0627\u06cc\u0631\u0627\u0646 \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u0634\u0627\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u062c\u0647\u0627\u0646\u06cc.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tl-dot\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dea25dd e-con-full e-flex e-con e-parent\" data-id=\"dea25dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cad83 elementor-widget elementor-widget-html\" data-id=\"75cad83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\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>Team | Karen Farasakht<\/title>\r\n\r\n    <style>\r\n        \/* ============================================ *\/\r\n        \/* \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f                              *\/\r\n        \/* ============================================ *\/\r\n        :root {\r\n            --midnight-navy: #071525;\r\n            --deep-steel: #172635;\r\n            --architectural-silver: #AEB7BF;\r\n            --glass-white: #F4F6F7;\r\n            --electric-blue: #3978FF;\r\n            \r\n            --bg-light: var(--glass-white);\r\n            --bg-soft: #e8edf0;\r\n            --text-dark: var(--midnight-navy);\r\n            --text-gray: var(--architectural-silver);\r\n            --border: #d0d7dd;\r\n            --shadow: 0 10px 30px rgba(7, 21, 37, 0.08);\r\n            --accent: var(--electric-blue);\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631\u0645\u062a\u0646 (\u06a9\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u06a9\u0627\u0644)                *\/\r\n        \/* ============================================ *\/\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn'), local('Vazir'), local('Vazir-FD'), local('Vazirmatn-Regular');\r\n            font-weight: 400;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-Bold'), local('Vazir-Bold'), local('Vazir-FD-Bold');\r\n            font-weight: 700;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        @font-face {\r\n            font-family: 'Vazirmatn';\r\n            src: local('Vazirmatn-ExtraBold'), local('Vazir-ExtraBold'), local('Vazir-FD-ExtraBold');\r\n            font-weight: 900;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;\r\n            background-color: var(--glass-white);\r\n            color: var(--midnight-navy);\r\n            overflow-x: hidden;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* ===== \u062f\u0645\u0648 \u06a9\u0627\u0646\u062a\u0646\u062a \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 ===== *\/\r\n        .demo-info {\r\n            padding: 40px 5%;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: var(--glass-white);\r\n        }\r\n\r\n        .demo-info h2 {\r\n            font-size: 32px;\r\n            margin-bottom: 15px;\r\n            color: var(--midnight-navy);\r\n            font-weight: 900;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info p {\r\n            font-size: 16px;\r\n            color: var(--deep-steel);\r\n            line-height: 2;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        .demo-info .highlight {\r\n            color: var(--electric-blue);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .demo-info .badge {\r\n            display: inline-block;\r\n            background: var(--midnight-navy);\r\n            color: var(--glass-white);\r\n            padding: 4px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* TEAM STYLES                               *\/\r\n        \/* ============================================ *\/\r\n\r\n        .team-section {\r\n            padding: 80px 5%;\r\n            background: var(--bg-soft);\r\n        }\r\n\r\n        .team-section h2 {\r\n            text-align: center;\r\n            font-size: 40px;\r\n            font-weight: 900;\r\n            margin-bottom: 60px;\r\n            color: var(--midnight-navy);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            position: relative;\r\n        }\r\n\r\n        .team-section h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -12px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--electric-blue);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .team-grid {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .team-card {\r\n            background: var(--glass-white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            border: 1px solid var(--border);\r\n            box-shadow: var(--shadow);\r\n            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .team-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: var(--electric-blue);\r\n            box-shadow: 0 20px 50px rgba(7, 21, 37, 0.12);\r\n        }\r\n\r\n        .team-image {\r\n            width: 100%;\r\n            height: 280px;\r\n            background: var(--deep-steel);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--architectural-silver);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .team-card:hover .team-image {\r\n            background: var(--midnight-navy);\r\n        }\r\n\r\n        .team-avatar {\r\n            width: 80px;\r\n            height: 80px;\r\n            fill: none;\r\n            stroke: var(--architectural-silver);\r\n            stroke-width: 1.5;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .team-card:hover .team-avatar {\r\n            stroke: var(--electric-blue);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .team-info {\r\n            padding: 20px 20px 25px;\r\n            text-align: center;\r\n        }\r\n\r\n        .team-info h4 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n            color: var(--midnight-navy);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .team-card:hover .team-info h4 {\r\n            color: var(--electric-blue);\r\n        }\r\n\r\n        .team-info p {\r\n            color: var(--deep-steel);\r\n            font-size: 14px;\r\n            margin-bottom: 15px;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .team-socials {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .team-socials a {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 38px;\r\n            height: 38px;\r\n            border-radius: 50%;\r\n            border: 1px solid var(--border);\r\n            color: var(--architectural-silver);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .team-socials a:hover {\r\n            border-color: var(--electric-blue);\r\n            color: var(--electric-blue);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(57, 120, 255, 0.15);\r\n        }\r\n\r\n        .team-socials a .icon-svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: none;\r\n            stroke: currentColor;\r\n            stroke-width: 1.8;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        \/* ============================================ *\/\r\n        \/* RESPONSIVE                                *\/\r\n        \/* ============================================ *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .team-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 25px;\r\n            }\r\n            \r\n            .team-image {\r\n                height: 240px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .team-section {\r\n                padding: 50px 5%;\r\n            }\r\n            \r\n            .team-section h2 {\r\n                font-size: 28px;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .team-section h2::after {\r\n                width: 40px;\r\n                height: 2px;\r\n                bottom: -10px;\r\n            }\r\n            \r\n            .team-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n            }\r\n            \r\n            .team-image {\r\n                height: 180px;\r\n            }\r\n            \r\n            .team-avatar {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .team-section {\r\n                padding: 40px 5%;\r\n            }\r\n            \r\n            .team-section h2 {\r\n                font-size: 22px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .team-section h2::after {\r\n                width: 30px;\r\n                height: 2px;\r\n                bottom: -8px;\r\n            }\r\n            \r\n            .team-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .team-image {\r\n                height: 200px;\r\n            }\r\n            \r\n            .team-avatar {\r\n                width: 70px;\r\n                height: 70px;\r\n            }\r\n            \r\n            .team-info h4 {\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .team-info p {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ============================================ -->\r\n    <!-- SECTION: TEAM                             -->\r\n    <!-- ============================================ -->\r\n\r\n    <section class=\"team-section\">\r\n        <h2>\u0641\u0631\u0645\u0627\u0646\u062f\u0647\u0627\u0646 \u0627\u0645\u067e\u0631\u0627\u062a\u0648\u0631\u06cc<\/h2>\r\n        <div class=\"team-grid\">\r\n            \r\n            <div class=\"team-card\">\r\n                <div class=\"team-image\">\r\n                    <svg class=\"team-avatar\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"team-info\">\r\n                    <h4>\u0645\u0647\u0646\u062f\u0633 \u0622\u0631\u0634 \u0631\u0627\u062f<\/h4>\r\n                    <p>\u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u0648 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631<\/p>\r\n                    <div class=\"team-socials\">\r\n                        <a href=\"#\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"16\"\/>\r\n                                <line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"8.01\"\/>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"11\"\/>\r\n                                <path d=\"M16 16v-3a2 2 0 0 0-4 0\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" aria-label=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n                                <path d=\"M22 7L12 13 2 7\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"team-image\">\r\n                    <svg class=\"team-avatar\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"team-info\">\r\n                    <h4>\u062f\u06a9\u062a\u0631 \u0633\u0627\u0631\u0627 \u0645\u0647\u0631<\/h4>\r\n                    <p>\u0645\u062f\u06cc\u0631 \u0641\u0646\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc<\/p>\r\n                    <div class=\"team-socials\">\r\n                        <a href=\"#\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"16\"\/>\r\n                                <line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"8.01\"\/>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"11\"\/>\r\n                                <path d=\"M16 16v-3a2 2 0 0 0-4 0\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" aria-label=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n                                <path d=\"M22 7L12 13 2 7\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"team-image\">\r\n                    <svg class=\"team-avatar\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"team-info\">\r\n                    <h4>\u062f\u06a9\u062a\u0631 \u06a9\u0627\u0645\u0631\u0627\u0646 \u0646\u06cc\u06a9<\/h4>\r\n                    <p>\u0645\u062f\u06cc\u0631 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648 \u0645\u0627\u0644\u06cc<\/p>\r\n                    <div class=\"team-socials\">\r\n                        <a href=\"#\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"16\"\/>\r\n                                <line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"8.01\"\/>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"11\"\/>\r\n                                <path d=\"M16 16v-3a2 2 0 0 0-4 0\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" aria-label=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n                                <path d=\"M22 7L12 13 2 7\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"team-image\">\r\n                    <svg class=\"team-avatar\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"team-info\">\r\n                    <h4>\u0645\u0639\u0645\u0627\u0631 \u0644\u06cc\u0644\u0627 \u0635\u062f\u0631<\/h4>\r\n                    <p>\u0645\u062f\u06cc\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0645\u0639\u0645\u0627\u0631\u06cc<\/p>\r\n                    <div class=\"team-socials\">\r\n                        <a href=\"#\" aria-label=\"\u0644\u06cc\u0646\u06a9\u062f\u06cc\u0646\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"16\"\/>\r\n                                <line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"8.01\"\/>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"11\"\/>\r\n                                <path d=\"M16 16v-3a2 2 0 0 0-4 0\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" aria-label=\"\u0627\u06cc\u0645\u06cc\u0644\">\r\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\r\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n                                <path d=\"M22 7L12 13 2 7\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Page Hero | Karen Farasakht \u062f\u0627\u0633\u062a\u0627\u0646 \u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a \u0627\u0632 \u06cc\u06a9 \u0627\u06cc\u062f\u0647 \u06a9\u0648\u0686\u06a9 \u062a\u0627 \u0627\u0645\u067e\u0631\u0627\u062a\u0648\u0631\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0645\u062f\u0631\u0646 Mission | Karen Farasakht \u0645\u0627 \u0641\u0642\u0637 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645\u061b \u0622\u06cc\u0646\u062f\u0647 \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645. \u0647\u0648\u0644\u062f\u06cc\u0646\u06af \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u06a9\u0627\u0631\u0646\u200c\u0641\u0631\u0627\u0633\u0627\u062e\u062a \u062f\u0631 \u0633\u0627\u0644 \u06f1\u06f3\u06f7\u06f5 \u0628\u0627 \u06cc\u06a9 \u0647\u062f\u0641 \u0633\u0627\u062f\u0647 \u062a\u0623\u0633\u06cc\u0633 \u0634\u062f: \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u200c\u0648\u0633\u0627\u0632 \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646. \u0645\u0627 \u0627\u0632 \u0647\u0645\u0627\u0646 \u0631\u0648\u0632 \u0627\u0648\u0644 \u0628\u0627\u0648\u0631 \u062f\u0627\u0634\u062a\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0641\u0642\u0637 \u06cc\u06a9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":7,"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/karenfarasakht.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}