{"id":3736,"date":"2026-07-25T11:27:51","date_gmt":"2026-07-25T11:27:51","guid":{"rendered":"https:\/\/ng-agency.net\/?page_id=3736"},"modified":"2026-09-03T10:06:38","modified_gmt":"2026-09-03T10:06:38","slug":"elementor-3736","status":"publish","type":"page","link":"https:\/\/ng-agency.net\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3736\" class=\"elementor elementor-3736\">\n\t\t\t\t<div class=\"elementor-element elementor-element-gjj0nof e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"gjj0nof\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/ng-agency.net\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/IMG_3958-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-3211a19 e-con-full e-flex e-con e-child\" data-id=\"3211a19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c21c13f elementor-widget elementor-widget-html\" data-id=\"c21c13f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-hero-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-hero-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-hero-scope .hero-section {\r\n            position: relative !important;\r\n            width: 100% !important;\r\n            min-height: 100vh !important;\r\n            background: transparent !important;\r\n            padding: 80px 50px 50px 50px !important;\r\n            direction: rtl !important;\r\n            text-align: right !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-hero-scope .hero-content {\r\n            display: block !important;\r\n            width: 100% !important;\r\n            max-width: 850px !important;\r\n            margin-right: 0 !important;\r\n            margin-left: auto !important; \/* \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a (\u0639\u0631\u0628\u064a): \u064a\u0644\u0632\u0642 \u0641\u064a \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n            text-align: right !important;\r\n        }\r\n\r\n        \/* --------------------------------------------------------------------------\r\n           \u2728 \u0633\u062d\u0631 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0644\u063a\u0629 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a (LTR)\r\n           -------------------------------------------------------------------------- *\/\r\n        :lang(en) .ng-hero-scope .hero-section,\r\n        [dir=\"ltr\"] .ng-hero-scope .hero-section,\r\n        html[dir=\"ltr\"] .ng-hero-scope .hero-section,\r\n        body[dir=\"ltr\"] .ng-hero-scope .hero-section,\r\n        body.translated-ltr .ng-hero-scope .hero-section {\r\n            direction: ltr !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .hero-content,\r\n        [dir=\"ltr\"] .ng-hero-scope .hero-content,\r\n        html[dir=\"ltr\"] .ng-hero-scope .hero-content,\r\n        body[dir=\"ltr\"] .ng-hero-scope .hero-content,\r\n        body.translated-ltr .ng-hero-scope .hero-content {\r\n            margin-right: auto !important;\r\n            margin-left: 0 !important; \/* \u064a\u0646\u0637 \u0623\u0642\u0635\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 \u062a\u0645\u0627\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0641\u0627\u0636\u064a\u0629 *\/\r\n            text-align: left !important;\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .main-heading,\r\n        [dir=\"ltr\"] .ng-hero-scope .main-heading,\r\n        html[dir=\"ltr\"] .ng-hero-scope .main-heading,\r\n        body[dir=\"ltr\"] .ng-hero-scope .main-heading,\r\n        body.translated-ltr .ng-hero-scope .main-heading {\r\n            text-align: left !important;\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .description,\r\n        [dir=\"ltr\"] .ng-hero-scope .description,\r\n        html[dir=\"ltr\"] .ng-hero-scope .description,\r\n        body[dir=\"ltr\"] .ng-hero-scope .description,\r\n        body.translated-ltr .ng-hero-scope .description {\r\n            text-align: left !important;\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .cta-container,\r\n        [dir=\"ltr\"] .ng-hero-scope .cta-container,\r\n        html[dir=\"ltr\"] .ng-hero-scope .cta-container,\r\n        body[dir=\"ltr\"] .ng-hero-scope .cta-container,\r\n        body.translated-ltr .ng-hero-scope .cta-container {\r\n            text-align: left !important;\r\n            justify-content: flex-start !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n            \u0627\u0644\u0645\u0648\u0634\u0646 \u0627\u0644\u0641\u062e\u0645 \u0648\u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628\u064a (Modern Fast & Fluid Motion)\r\n            ========================================== *\/\r\n        .ng-hero-scope .motion-item {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            will-change: transform, opacity;\r\n            animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        }\r\n\r\n        \/* \u062a\u062a\u0627\u0628\u0639 \u0632\u0645\u0646\u064a \u0645\u062a\u0646\u0627\u0633\u0642 \u0648\u0645\u0631\u064a\u062d *\/\r\n        .ng-hero-scope .delay-1 { animation-delay: 0.15s; }\r\n        .ng-hero-scope .delay-2 { animation-delay: 0.35s; }\r\n        .ng-hero-scope .delay-3 { animation-delay: 0.55s; }\r\n\r\n        @keyframes heroSlideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .ng-hero-scope .main-heading {\r\n            color: #ffffff !important;\r\n            font-size: 56px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.3 !important;\r\n            margin-bottom: 20px !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c \u062a\u0646\u0641\u0633\u064a \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0644\u0644\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 *\/\r\n        .ng-hero-scope .highlight-text {\r\n            color: #ff2a75 !important;\r\n            display: inline-block !important;\r\n            position: relative;\r\n            animation: glowPulse 3.5s ease-in-out infinite alternate;\r\n        }\r\n\r\n        @keyframes glowPulse {\r\n            0% {\r\n                text-shadow: 0 0 15px rgba(255, 42, 117, 0.3);\r\n            }\r\n            100% {\r\n                text-shadow: 0 0 30px rgba(255, 42, 117, 0.6);\r\n            }\r\n        }\r\n\r\n        .ng-hero-scope .description {\r\n            color: rgba(255, 255, 255, 0.85) !important;\r\n            font-size: 17px !important;\r\n            line-height: 1.7 !important;\r\n            max-width: 650px !important;\r\n            margin-bottom: 35px !important;\r\n            font-weight: 600 !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n        .ng-hero-scope .cta-container {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 15px !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n            \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u0627\u0644\u0640 Hover\r\n            ========================================== *\/\r\n        .ng-hero-scope .btn {\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            padding: 14px 28px !important;\r\n            border-radius: 10px !important;\r\n            font-size: 16px !important;\r\n            font-weight: 700 !important;\r\n            text-decoration: none !important;\r\n            cursor: pointer !important;\r\n            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        background-color 0.3s ease, \r\n                        border-color 0.3s ease, \r\n                        box-shadow 0.3s ease !important;\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0634\u064a\u0645\u0631 (Lustre Effect) *\/\r\n        .ng-hero-scope .btn::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -75%;\r\n            width: 50%;\r\n            height: 200%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);\r\n            transform: rotate(25deg);\r\n            transition: left 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .ng-hero-scope .btn:hover::after {\r\n            left: 125%;\r\n        }\r\n\r\n        .ng-hero-scope .btn-primary {\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            border: 2px solid #ff2a75 !important;\r\n            box-shadow: 0 6px 20px rgba(255, 42, 117, 0.25) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-primary:hover {\r\n            background-color: #e02065 !important;\r\n            border-color: #e02065 !important;\r\n            transform: translateY(-2px) scale(1.01) !important;\r\n            box-shadow: 0 10px 25px rgba(255, 42, 117, 0.4) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-primary:active {\r\n            transform: translateY(0) scale(0.98) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-secondary {\r\n            background-color: rgba(255, 255, 255, 0.08) !important;\r\n            color: #ffffff !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n            backdrop-filter: blur(8px) !important;\r\n            -webkit-backdrop-filter: blur(8px) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-secondary:hover {\r\n            background-color: rgba(255, 255, 255, 0.16) !important;\r\n            transform: translateY(-2px) !important;\r\n            border-color: rgba(255, 255, 255, 0.35) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-secondary:active {\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        .ng-hero-scope .btn-arrow {\r\n            display: inline-block !important;\r\n            margin-right: 6px !important;\r\n            margin-left: 0 !important;\r\n            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .btn-arrow,\r\n        [dir=\"ltr\"] .ng-hero-scope .btn-arrow,\r\n        html[dir=\"ltr\"] .ng-hero-scope .btn-arrow,\r\n        body[dir=\"ltr\"] .ng-hero-scope .btn-arrow,\r\n        body.translated-ltr .ng-hero-scope .btn-arrow {\r\n            margin-right: 0 !important;\r\n            margin-left: 6px !important;\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        .ng-hero-scope .btn-secondary:hover .btn-arrow {\r\n            transform: translateX(-5px);\r\n        }\r\n\r\n        :lang(en) .ng-hero-scope .btn-secondary:hover .btn-arrow,\r\n        [dir=\"ltr\"] .ng-hero-scope .btn-secondary:hover .btn-arrow,\r\n        html[dir=\"ltr\"] .ng-hero-scope .btn-secondary:hover .btn-arrow,\r\n        body[dir=\"ltr\"] .ng-hero-scope .btn-secondary:hover .btn-arrow,\r\n        body.translated-ltr .ng-hero-scope .btn-secondary:hover .btn-arrow {\r\n            transform: scaleX(-1) translateX(-5px);\r\n        }\r\n\r\n        \/* \u0627\u062d\u062a\u0631\u0627\u0645 \u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u062d\u0641\u0638 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .ng-hero-scope .motion-item {\r\n                animation: none !important;\r\n                opacity: 1 !important;\r\n                transform: none !important;\r\n            }\r\n            .ng-hero-scope .highlight-text {\r\n                animation: none !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-hero-scope .hero-section {\r\n                padding: 60px 30px 40px 30px !important;\r\n                min-height: auto !important;\r\n            }\r\n            .ng-hero-scope .main-heading { font-size: 40px !important; }\r\n            .ng-hero-scope .description { font-size: 15px !important; }\r\n            .ng-hero-scope .btn { padding: 12px 22px !important; font-size: 14.5px !important; }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-hero-scope .hero-section { padding: 40px 16px 30px 16px !important; min-height: auto !important; }\r\n            .ng-hero-scope .main-heading { font-size: 28px !important; }\r\n            .ng-hero-scope .description { font-size: 14px !important; }\r\n            .ng-hero-scope .cta-container { flex-direction: row !important; gap: 8px !important; width: 100% !important; }\r\n            .ng-hero-scope .btn { flex: 1 !important; padding: 10px 12px !important; font-size: 13px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-content\">\r\n            <h1 class=\"main-heading motion-item delay-1\">\r\n                \u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629\u2026<br>\r\n                <span class=\"highlight-text\">\u064a\u0635\u0639\u0628 \u062a\u062c\u0627\u0647\u0644\u0647\u0627<\/span>\r\n            <\/h1>\r\n            <p class=\"description motion-item delay-2\">\r\n                \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u060c \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0627\u0644\u0646\u0645\u0648.\r\n            <\/p>\r\n            <div class=\"cta-container motion-item delay-3\">\r\n                <a href=\"#\" class=\"btn btn-primary\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\r\n                <a href=\"#our-portfolio\" class=\"btn btn-secondary\" onclick=\"scrollToPortfolio(event)\">\r\n                    \u0623\u0639\u0645\u0627\u0644\u0646\u0627 <span class=\"btn-arrow\">&larr;<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    function scrollToPortfolio(event) {\r\n        event.preventDefault();\r\n        const targetSection = document.getElementById('our-portfolio');\r\n        if (targetSection) {\r\n            targetSection.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start'\r\n            });\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4269058 e-flex e-con-boxed e-con e-parent\" data-id=\"4269058\" 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-653d5e9 elementor-widget elementor-widget-html\" data-id=\"653d5e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-audit-scope\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-audit-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-audit-scope .audit-section {\r\n            position: relative !important;\r\n            width: 100% !important;\r\n            padding: 60px 20px !important;\r\n            background: transparent !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            direction: rtl !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-audit-scope .audit-wrapper {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            width: 100% !important;\r\n            max-width: 1150px !important;\r\n            gap: 40px !important;\r\n        }\r\n\r\n        .ng-audit-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(35px);\r\n            animation: auditUnifiedSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n        }\r\n\r\n        @keyframes auditUnifiedSlideUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a (\u0639\u0631\u0628\u064a):\r\n           - \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 (order: 1)\r\n           - \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0623\u0633\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 (order: 2)\r\n        *\/\r\n        .ng-audit-scope .audit-text-side {\r\n            flex: 1 !important;\r\n            text-align: right !important;\r\n            color: #1a1a1e !important;\r\n            animation-delay: 0.1s !important;\r\n            order: 1 !important;\r\n        }\r\n\r\n        .ng-audit-scope .audit-tool-side {\r\n            width: 480px !important;\r\n            max-width: 100% !important;\r\n            background-color: #18181b !important;\r\n            border-radius: 20px !important;\r\n            padding: 30px 26px !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            text-align: right !important;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;\r\n            animation-delay: 0.25s !important;\r\n            transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n            order: 2 !important;\r\n        }\r\n\r\n        .ng-audit-scope .audit-tool-side:hover {\r\n            border-color: rgba(255, 42, 117, 0.3) !important;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 42, 117, 0.1) !important;\r\n        }\r\n\r\n        .ng-audit-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 25px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 8px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .ng-audit-scope .main-heading {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 14px !important;\r\n        }\r\n\r\n        .ng-audit-scope .highlight-text {\r\n            color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-audit-scope .description {\r\n            color: #55555e !important;\r\n            font-size: 14.5px !important;\r\n            line-height: 1.6 !important;\r\n            max-width: 500px !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        .ng-audit-scope .progress-bar {\r\n            display: flex !important;\r\n            gap: 6px !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        .ng-audit-scope .progress-segment {\r\n            height: 5px !important;\r\n            flex: 1 !important;\r\n            border-radius: 10px !important;\r\n            background-color: rgba(255, 255, 255, 0.1) !important;\r\n            transition: background-color 0.4s ease !important;\r\n        }\r\n\r\n        .ng-audit-scope .progress-segment.active {\r\n            background-color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-audit-scope .step-indicator {\r\n            color: rgba(255, 255, 255, 0.6) !important;\r\n            font-size: 12px !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 6px !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .ng-audit-scope .question-heading {\r\n            color: #ffffff !important;\r\n            font-size: 18px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 20px !important;\r\n            line-height: 1.35 !important;\r\n        }\r\n\r\n        .ng-audit-scope .options-grid {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .ng-audit-scope .option-btn {\r\n            background-color: rgba(255, 255, 255, 0.05) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            color: #ffffff !important;\r\n            font-size: 13px !important;\r\n            font-weight: 700 !important;\r\n            padding: 12px 14px !important;\r\n            text-align: right !important;\r\n            cursor: pointer !important;\r\n            width: 100% !important;\r\n            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-audit-scope .option-btn:hover {\r\n            background-color: rgba(255, 42, 117, 0.15) !important;\r\n            border-color: #ff2a75 !important;\r\n            transform: translateX(-4px) !important;\r\n        }\r\n\r\n        .ng-audit-scope .analyzing-box {\r\n            display: none;\r\n            text-align: right !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-audit-scope .analyzing-box h3 {\r\n            font-size: 18px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 18px !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-audit-scope .analysis-list {\r\n            list-style: none !important;\r\n            margin-bottom: 22px !important;\r\n        }\r\n\r\n        .ng-audit-scope .analysis-item {\r\n            font-size: 13.5px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 10px !important;\r\n            color: rgba(255, 255, 255, 0.35) !important;\r\n            transition: color 0.3s ease !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n        }\r\n\r\n        .ng-audit-scope .analysis-item.done {\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-audit-scope .percentage-text {\r\n            font-size: 32px !important;\r\n            font-weight: 900 !important;\r\n            color: #ff2a75 !important;\r\n            text-align: center !important;\r\n            margin-top: 10px !important;\r\n        }\r\n\r\n        .ng-audit-scope .result-box {\r\n            display: none;\r\n            text-align: right !important;\r\n        }\r\n\r\n        .ng-audit-scope .score-card {\r\n            background: rgba(255, 255, 255, 0.05) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n            border-radius: 16px !important;\r\n            padding: 18px !important;\r\n            text-align: center !important;\r\n            margin-bottom: 18px !important;\r\n        }\r\n\r\n        .ng-audit-scope .score-number {\r\n            font-size: 42px !important;\r\n            font-weight: 900 !important;\r\n            color: #ff2a75 !important;\r\n            line-height: 1 !important;\r\n            margin: 8px 0 !important;\r\n        }\r\n\r\n        .ng-audit-scope .score-badge {\r\n            display: inline-block !important;\r\n            padding: 6px 16px !important;\r\n            border-radius: 20px !important;\r\n            font-size: 12.5px !important;\r\n            font-weight: 800 !important;\r\n        }\r\n\r\n        .ng-audit-scope .score-badge.high { background: rgba(34, 197, 94, 0.2) !important; color: #4ade80 !important; }\r\n        .ng-audit-scope .score-badge.mid { background: rgba(234, 179, 8, 0.2) !important; color: #facc15 !important; }\r\n        .ng-audit-scope .score-badge.low { background: rgba(239, 68, 68, 0.2) !important; color: #f87171 !important; }\r\n\r\n        .ng-audit-scope .result-box p {\r\n            color: rgba(255, 255, 255, 0.85) !important;\r\n            font-size: 13.5px !important;\r\n            line-height: 1.55 !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        .ng-audit-scope .cta-input {\r\n            width: 100% !important;\r\n            padding: 12px 14px !important;\r\n            border-radius: 10px !important;\r\n            border: 1px solid #e0e0e0 !important;\r\n            background-color: #ffffff !important;\r\n            color: #111111 !important;\r\n            font-size: 13px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 10px !important;\r\n            outline: none !important;\r\n            transition: border-color 0.2s ease !important;\r\n        }\r\n\r\n        .ng-audit-scope .cta-input:focus {\r\n            border-color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-audit-scope .submit-btn {\r\n            width: 100% !important;\r\n            padding: 14px !important;\r\n            background: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            border: none !important;\r\n            border-radius: 10px !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            cursor: pointer !important;\r\n            transition: background-color 0.3s ease, transform 0.2s ease !important;\r\n        }\r\n\r\n        .ng-audit-scope .submit-btn:hover {\r\n            background-color: #e02065 !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n\r\n        \/* ==========================================================================\r\n           \u2728 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0639\u0646\u062f \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u063a\u0629 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a (LTR):\r\n           - \u0627\u0644\u0646\u0635\u0648\u0635 \u062a\u0646\u062a\u0642\u0644 \u0644\u0644\u0634\u0645\u0627\u0644 (order: 1)\r\n           - \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0623\u0633\u0648\u062f \u064a\u0646\u062a\u0642\u0644 \u0644\u0644\u064a\u0645\u064a\u0646 (order: 2)\r\n           ========================================================================== *\/\r\n        .ng-audit-scope.is-ltr .audit-section {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        .ng-audit-scope.is-ltr .audit-text-side {\r\n            order: 1 !important; \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u062a\u0631\u0648\u062d \u0634\u0645\u0627\u0644 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-audit-scope.is-ltr .audit-tool-side {\r\n            order: 2 !important; \/* \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u0633\u0648\u062f \u064a\u0631\u0648\u062d \u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-audit-scope.is-ltr .option-btn {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-audit-scope.is-ltr .option-btn:hover {\r\n            transform: translateX(4px) !important;\r\n        }\r\n\r\n        .ng-audit-scope.is-ltr .analyzing-box,\r\n        .ng-audit-scope.is-ltr .result-box {\r\n            text-align: left !important;\r\n        }\r\n\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-audit-scope .audit-section { padding: 20px 12px !important; }\r\n            .ng-audit-scope .audit-wrapper { flex-direction: column !important; gap: 20px !important; }\r\n            .ng-audit-scope .audit-text-side { text-align: center !important; order: 1 !important; }\r\n            .ng-audit-scope .audit-tool-side { width: 100% !important; padding: 20px 15px !important; order: 2 !important; }\r\n            .ng-audit-scope .main-heading { font-size: 20px !important; }\r\n            .ng-audit-scope .options-grid { gap: 8px !important; }\r\n            .ng-audit-scope .option-btn { padding: 10px 12px !important; font-size: 12px !important; text-align: center !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"audit-section\">\r\n        <div class=\"audit-wrapper\">\r\n            <div class=\"audit-text-side ng-motion-up\">\r\n                <span class=\"eyebrow\">\u062a\u0642\u064a\u064a\u0645 \u0633\u0631\u064a\u0639<\/span>\r\n                <h2 class=\"main-heading\">\r\n                    \u0627\u0643\u062a\u0634\u0641 \u0648\u0636\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<br>\r\n                    <span class=\"highlight-text\">\u062a\u0633\u064a\u0637\u0631<\/span> \u0639\u0644\u0649 \u0627\u0644\u0633\u0648\u0642\r\n                <\/h2>\r\n                <p class=\"description\">\r\n                    \u0623\u062c\u0628 \u0639\u0646 5 \u0623\u0633\u0626\u0644\u0629 \u0633\u0631\u064a\u0639\u0629\u060c \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0623\u0648\u0644\u064a \u064a\u0648\u0636\u062d \u0645\u0633\u062a\u0648\u0649 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629\u060c \u0648\u0641\u0631\u0635 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0644\u0644\u0646\u0645\u0648.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"audit-tool-side ng-motion-up\">\r\n                <div id=\"quiz-container\">\r\n                    <div class=\"progress-bar\">\r\n                        <div class=\"progress-segment active\" id=\"seg-1\"><\/div>\r\n                        <div class=\"progress-segment\" id=\"seg-2\"><\/div>\r\n                        <div class=\"progress-segment\" id=\"seg-3\"><\/div>\r\n                        <div class=\"progress-segment\" id=\"seg-4\"><\/div>\r\n                        <div class=\"progress-segment\" id=\"seg-5\"><\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"step-indicator\" id=\"step-text\">\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 5<\/span>\r\n                    <h3 class=\"question-heading\" id=\"question-text\">\u0645\u0627 \u0646\u0648\u0639 \u0646\u0634\u0627\u0637\u0643\u061f<\/h3>\r\n                    <div class=\"options-grid\" id=\"options-container\">\r\n                        <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"analyzing-box\" id=\"analyzing-box\">\r\n                    <h3>\u062c\u0627\u0631\u064a \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u2026<\/h3>\r\n                    <ul class=\"analysis-list\">\r\n                        <li class=\"analysis-item\" id=\"item-1\">\u2714\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u0634\u0627\u0637<\/li>\r\n                        <li class=\"analysis-item\" id=\"item-2\">\u2714\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/li>\r\n                        <li class=\"analysis-item\" id=\"item-3\">\u2714\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0647\u062f\u0627\u0641<\/li>\r\n                        <li class=\"analysis-item\" id=\"item-4\">\u2714\ufe0f \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/li>\r\n                        <li class=\"analysis-item\" id=\"item-5\">\u2714\ufe0f \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/li>\r\n                    <\/ul>\r\n                    <div class=\"percentage-text\" id=\"percent-text\">0%<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"result-box\" id=\"result-box\">\r\n                    <div class=\"score-card\">\r\n                        <span style=\"color: rgba(255,255,255,0.7); font-size: 12px; font-weight:700;\">\u0646\u062a\u064a\u062c\u0629 \u062a\u0642\u064a\u064a\u0645 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n                        <div class=\"score-number\" id=\"final-score\">0 \/ 100<\/div>\r\n                        <div class=\"score-badge\" id=\"score-badge\">\u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/div>\r\n                    <\/div>\r\n\r\n                    <p>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 \u0645\u0639 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628:<\/p>\r\n                    \r\n                    <input type=\"text\" id=\"user-name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0631\u064a\u0645\" class=\"cta-input\" required \/>\r\n                    <input type=\"tel\" id=\"user-phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 (\u0645\u062b\u0627\u0644: 0501234567)\" class=\"cta-input\" required \/>\r\n                    <input type=\"url\" id=\"user-url\" placeholder=\"\u0631\u0627\u0628\u0637 \u0645\u0648\u0642\u0639\u0643 \u0623\u0648 \u062d\u0633\u0627\u0628 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627\" class=\"cta-input\" required \/>\r\n                    \r\n                    <button class=\"submit-btn\" onclick=\"sendToWhatsApp()\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0642\u0631\u064a\u0631 \u062e\u0637\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0622\u0646<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            const scope = document.querySelector('.ng-audit-scope');\r\n            function checkLanguage() {\r\n                const htmlDir = document.documentElement.getAttribute('dir');\r\n                const htmlLang = document.documentElement.getAttribute('lang');\r\n                const bodyClass = document.body.className;\r\n                \r\n                if (htmlDir === 'ltr' || (htmlLang && htmlLang.startsWith('en')) || bodyClass.includes('translated-ltr') || scope.querySelector('.eyebrow').innerText.includes('Quick')) {\r\n                    scope.classList.add('is-ltr');\r\n                } else {\r\n                    scope.classList.remove('is-ltr');\r\n                }\r\n            }\r\n            \r\n            const observer = new MutationObserver(checkLanguage);\r\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n            observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n            \r\n            checkLanguage();\r\n            setInterval(checkLanguage, 500);\r\n\r\n            const whatsappNumber = \"201003205721\"; \r\n\r\n            const questions = [\r\n                { step: \"\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 5\", question: \"\u0645\u0627 \u0646\u0648\u0639 \u0646\u0634\u0627\u0637\u0643\u061f\", options: [ { text: \"\u0645\u0637\u0627\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a\", weight: 15 }, { text: \"\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\", weight: 20 }, { text: \"\u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a\", weight: 18 }, { text: \"\u0634\u0631\u0643\u0629 \u0635\u0646\u0627\u0639\u064a\u0629\", weight: 18 }, { text: \"\u0639\u064a\u0627\u062f\u0629 \u0623\u0648 \u0645\u0631\u0643\u0632 \u0637\u0628\u064a\", weight: 16 }, { text: \"\u0639\u0642\u0627\u0631\u0627\u062a\", weight: 18 }, { text: \"\u0623\u062e\u0631\u0649\", weight: 12 } ] },\r\n                { step: \"\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062b\u0627\u0646\u064a \u0645\u0646 5\", question: \"\u0645\u0627 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u064a \u064a\u0645\u0631 \u0628\u0647\u0627 \u0646\u0634\u0627\u0637\u0643 \u062d\u0627\u0644\u064a\u0627\u064b\u061f\", options: [ { text: \"\u0641\u064a \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633\", weight: 8 }, { text: \"\u0628\u062f\u0623\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\", weight: 12 }, { text: \"\u0646\u062d\u0642\u0642 \u0645\u0628\u064a\u0639\u0627\u062a \u0648\u0646\u0633\u0639\u0649 \u0644\u0644\u0646\u0645\u0648\", weight: 16 }, { text: \"\u0644\u062f\u064a\u0646\u0627 \u0639\u062f\u0629 \u0641\u0631\u0648\u0639\", weight: 18 }, { text: \"\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0631\u0627\u0633\u062e\u0629\", weight: 20 } ] },\r\n                { step: \"\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062b\u0627\u0644\u062b \u0645\u0646 5\", question: \"\u0645\u0627 \u0647\u0648 \u0647\u062f\u0641\u0643 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629\u061f\", options: [ { text: \"\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\", weight: 18 }, { text: \"\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f\", weight: 18 }, { text: \"\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u0642\u0648\u0649\", weight: 20 }, { text: \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\", weight: 16 }, { text: \"\u0627\u0644\u062a\u0648\u0633\u0639 \u0648\u0627\u0641\u062a\u062a\u0627\u062d \u0641\u0631\u0648\u0639 \u062c\u062f\u064a\u062f\u0629\", weight: 20 } ] },\r\n                { step: \"\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0631\u0627\u0628\u0639 \u0645\u0646 5\", question: \"\u0643\u064a\u0641 \u064a\u062a\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0641\u064a \u0646\u0634\u0627\u0637\u0643 \u062d\u0627\u0644\u064a\u0627\u064b\u061f\", options: [ { text: \"\u0641\u0631\u064a\u0642 \u062a\u0633\u0648\u064a\u0642 \u062f\u0627\u062e\u0644\u064a\", weight: 18 }, { text: \"\u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\", weight: 20 }, { text: \"\u0645\u0633\u062a\u0642\u0644\u0648\u0646 (Freelancers)\", weight: 14 }, { text: \"\u0623\u0642\u0648\u0645 \u0628\u0625\u062f\u0627\u0631\u062a\u0647 \u0628\u0646\u0641\u0633\u064a\", weight: 10 }, { text: \"\u0644\u0627 \u064a\u0648\u062c\u062f \u0646\u0634\u0627\u0637 \u062a\u0633\u0648\u064a\u0642\u064a \u062d\u0627\u0644\u064a\u0627\u064b\", weight: 5 } ] },\r\n                { step: \"\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062e\u0627\u0645\u0633 \u0645\u0646 5\", question: \"\u0623\u064a \u0645\u0646 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647\u0627 \u062d\u0627\u0644\u064a\u0627\u064b\u061f\", options: [ { text: \"\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\", weight: 14 }, { text: \"\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0645\u0648\u0644\u0629\", weight: 16 }, { text: \"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648SEO\", weight: 16 }, { text: \"\u0623\u0643\u062b\u0631 \u0645\u0646 \u0642\u0646\u0627\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\", weight: 20 }, { text: \"\u0644\u0627 \u0623\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u064a \u0642\u0646\u0627\u0629 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646\", weight: 5 } ] }\r\n            ];\r\n\r\n            let currentStep = 0;\r\n            let totalScore = 0;\r\n            let userAnswers = [];\r\n            let isTransitioning = false;\r\n\r\n            const quizContainer = scope.querySelector(\"#quiz-container\");\r\n            const optionsContainer = scope.querySelector(\"#options-container\");\r\n            const stepText = scope.querySelector(\"#step-text\");\r\n            const questionText = scope.querySelector(\"#question-text\");\r\n            const analyzingBox = scope.querySelector(\"#analyzing-box\");\r\n            const resultBox = scope.querySelector(\"#result-box\");\r\n            const finalScore = scope.querySelector(\"#final-score\");\r\n            const scoreBadge = scope.querySelector(\"#score-badge\");\r\n            const percentText = scope.querySelector(\"#percent-text\");\r\n\r\n            function loadQuestion() {\r\n                isTransitioning = false;\r\n                const q = questions[currentStep];\r\n                \r\n                stepText.innerText = q.step;\r\n                questionText.innerText = q.question;\r\n\r\n                for (let i = 1; i <= 5; i++) {\r\n                    const seg = scope.querySelector(`#seg-${i}`);\r\n                    if (i <= currentStep + 1) seg.classList.add(\"active\");\r\n                    else seg.classList.remove(\"active\");\r\n                }\r\n\r\n                optionsContainer.innerHTML = \"\";\r\n                q.options.forEach(opt => {\r\n                    const btn = document.createElement(\"button\");\r\n                    btn.className = \"option-btn\";\r\n                    btn.innerText = opt.text;\r\n                    btn.onclick = () => selectOption(opt.text, opt.weight);\r\n                    optionsContainer.appendChild(btn);\r\n                });\r\n            }\r\n\r\n            function selectOption(answerText, weight) {\r\n                if (isTransitioning) return;\r\n                isTransitioning = true;\r\n\r\n                userAnswers.push({ question: questions[currentStep].question, answer: answerText });\r\n                totalScore += weight;\r\n\r\n                currentStep++;\r\n                if (currentStep < questions.length) {\r\n                    loadQuestion();\r\n                } else {\r\n                    startAnalysis();\r\n                }\r\n            }\r\n\r\n            function startAnalysis() {\r\n                quizContainer.style.display = \"none\";\r\n                analyzingBox.style.display = \"block\";\r\n\r\n                let percent = 0;\r\n                const interval = setInterval(() => {\r\n                    percent += 2;\r\n                    percentText.innerText = percent + \"%\";\r\n\r\n                    if (percent >= 20) scope.querySelector(\"#item-1\").classList.add(\"done\");\r\n                    if (percent >= 40) scope.querySelector(\"#item-2\").classList.add(\"done\");\r\n                    if (percent >= 60) scope.querySelector(\"#item-3\").classList.add(\"done\");\r\n                    if (percent >= 80) scope.querySelector(\"#item-4\").classList.add(\"done\");\r\n                    if (percent >= 98) scope.querySelector(\"#item-5\").classList.add(\"done\");\r\n\r\n                    if (percent >= 100) {\r\n                        clearInterval(interval);\r\n                        setTimeout(showResult, 400); \r\n                    }\r\n                }, 35); \r\n            }\r\n\r\n            function showResult() {\r\n                analyzingBox.style.display = \"none\";\r\n                resultBox.style.display = \"block\";\r\n\r\n                let finalScoreVal = Math.min(Math.max(totalScore, 35), 98);\r\n                finalScore.innerText = finalScoreVal + \" \/ 100\";\r\n\r\n                if (finalScoreVal >= 85) { scoreBadge.innerText = \"\ud83d\udfe2 \u0645\u0645\u062a\u0627\u0632 (85\u2013100)\"; scoreBadge.className = \"score-badge high\"; }\r\n                else if (finalScoreVal >= 60) { scoreBadge.innerText = \"\ud83d\udfe1 \u062c\u064a\u062f \u0648\u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 (60\u201384)\"; scoreBadge.className = \"score-badge mid\"; }\r\n                else { scoreBadge.innerText = \"\ud83d\udd34 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 (\u0623\u0642\u0644 \u0645\u0646 60)\"; scoreBadge.className = \"score-badge low\"; }\r\n            }\r\n\r\n            window.sendToWhatsApp = function() {\r\n                const name = scope.querySelector(\"#user-name\").value.trim();\r\n                const phone = scope.querySelector(\"#user-phone\").value.trim();\r\n                const url = scope.querySelector(\"#user-url\").value.trim();\r\n\r\n                if (!name || !phone || !url) { \r\n                    alert(\"\u0628\u0631\u062c\u0627\u0621 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\"); \r\n                    return; \r\n                }\r\n\r\n                let answersText = userAnswers.map((item, idx) => `  ${idx + 1}. ${item.question}: *${item.answer}*`).join(\"\\n\");\r\n\r\n                let fullMessage = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u063a\u0628 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \ud83d\ude80\\n\\n` +\r\n                                  `\ud83d\udc64 *\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644:*\\n` +\r\n                                  `\u2022 \u0627\u0644\u0627\u0633\u0645: ${name}\\n` +\r\n                                  `\u2022 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628: ${phone}\\n` +\r\n                                  `\u2022 \u0627\u0644\u0631\u0627\u0628\u0637: ${url}\\n` +\r\n                                  `\ud83d\udcca *\u0627\u0644\u0646\u062a\u064a\u062c\u0629:* ${finalScore.innerText}\\n\\n` +\r\n                                  `\ud83d\udcdd *\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062d\u062f\u062f\u0629:*\\n` +\r\n                                  `${answersText}`;\r\n\r\n                const waUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(fullMessage)}`;\r\n                \r\n                window.location.href = waUrl;\r\n            }\r\n\r\n            loadQuestion();\r\n        })();\r\n    <\/script>\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-0332672 e-con-full e-flex e-con e-parent\" data-id=\"0332672\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c546a1 elementor-widget elementor-widget-html\" data-id=\"8c546a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-counters-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo \u0627\u0644\u0645\u0648\u062d\u062f -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-counters-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-counters-scope .counters-section {\r\n            width: 100% !important;\r\n            padding: 60px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-counters-scope .counters-container {\r\n            max-width: 1250px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* --- \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0641\u0642\u064a\u0629 --- *\/\r\n        .ng-counters-scope .counters-grid {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            flex-wrap: nowrap !important;\r\n            gap: 15px !important;\r\n            justify-content: center !important;\r\n            direction: rtl !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u062d\u0631\u0643\u0629 \u0638\u0647\u0648\u0631 \u0627\u0644\u0643\u0631\u0648\u062a \u0628\u0627\u0644\u0633\u0643\u0631\u0648\u0644 (\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0648\u0647\u0627\u062f\u0626\u0629 1.8s)\r\n           ========================================== *\/\r\n        .ng-counters-scope .counter-card {\r\n            flex: 1 1 25% !important;\r\n            max-width: 25% !important;\r\n            width: 25% !important;\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 20px !important;\r\n            padding: 28px 16px !important;\r\n            text-align: center !important;\r\n            position: relative !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n            overflow: hidden !important;\r\n            \r\n            opacity: 0;\r\n            transform: translateY(45px);\r\n            will-change: transform, opacity;\r\n            \r\n            \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0628\u0637\u064a\u0626\u0629 *\/\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1),\r\n                        border-color 0.2s ease,\r\n                        box-shadow 0.2s ease !important;\r\n        }\r\n\r\n        .ng-counters-scope .counter-card.in-view {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .no-js .ng-counters-scope .counter-card,\r\n        .elementor-editor-active .ng-counters-scope .counter-card {\r\n            opacity: 1 !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        .ng-counters-scope .counter-card:nth-child(1) { transition-delay: 0.1s !important; }\r\n        .ng-counters-scope .counter-card:nth-child(2) { transition-delay: 0.25s !important; }\r\n        .ng-counters-scope .counter-card:nth-child(3) { transition-delay: 0.4s !important; }\r\n        .ng-counters-scope .counter-card:nth-child(4) { transition-delay: 0.55s !important; }\r\n\r\n        \/* ==========================================\r\n           \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0627\u0648\u0633 (Hover - \u0641\u0648\u0631\u064a \u0648\u0633\u0631\u064a\u0639 \u0628\u062f\u0648\u0646 \u062a\u0623\u062e\u064a\u0631)\r\n           ========================================== *\/\r\n        .ng-counters-scope .counter-card {\r\n            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;\r\n        }\r\n\r\n        .ng-counters-scope .counter-card:hover {\r\n            transform: translateY(-5px) !important;\r\n            border-color: rgba(255, 42, 117, 0.5) !important;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 42, 117, 0.15) !important;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u0636\u0648\u0621 \u0639\u0627\u0628\u0631 \u0633\u0631\u064a\u0639 \u062c\u062f\u0627\u064b *\/\r\n        .ng-counters-scope .counter-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -80%;\r\n            width: 50%;\r\n            height: 200%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transform: rotate(25deg);\r\n            transition: left 0.4s ease;\r\n        }\r\n\r\n        .ng-counters-scope .counter-card:hover::after {\r\n            left: 130%;\r\n        }\r\n\r\n        \/* \u0631\u0642\u0645 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0648\u0631\u062f\u064a *\/\r\n        .ng-counters-scope .counter-number-wrapper {\r\n            font-size: 42px !important;\r\n            font-weight: 900 !important;\r\n            color: #ff2a75 !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 8px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            direction: ltr !important;\r\n            text-shadow: 0 0 15px rgba(255, 42, 117, 0.3);\r\n        }\r\n\r\n        .ng-counters-scope .counter-title {\r\n            color: #ffffff !important;\r\n            font-size: 16px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 4px !important;\r\n            line-height: 1.25 !important;\r\n        }\r\n\r\n        .ng-counters-scope .counter-desc {\r\n            color: #8e8e93 !important;\r\n            font-size: 12.5px !important;\r\n            font-weight: 500 !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsiveness)\r\n           ========================================== *\/\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-counters-scope .counter-card { padding: 18px 10px !important; }\r\n            .ng-counters-scope .counter-number-wrapper { font-size: 30px !important; }\r\n            .ng-counters-scope .counter-title { font-size: 13.5px !important; }\r\n            .ng-counters-scope .counter-desc { font-size: 11px !important; }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-counters-scope .counters-section { padding: 30px 8px !important; }\r\n            .ng-counters-scope .counters-grid { gap: 8px !important; flex-wrap: wrap !important; }\r\n            .ng-counters-scope .counter-card { flex: 1 1 calc(50% - 6px) !important; max-width: calc(50% - 6px) !important; width: calc(50% - 6px) !important; padding: 16px 8px !important; border-radius: 12px !important; }\r\n            .ng-counters-scope .counter-number-wrapper { font-size: 26px !important; margin-bottom: 4px !important; }\r\n            .ng-counters-scope .counter-title { font-size: 12.5px !important; margin-bottom: 3px !important; }\r\n            .ng-counters-scope .counter-desc { font-size: 10px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"counters-section\">\r\n        <div class=\"counters-container\">\r\n            <div class=\"counters-grid\">\r\n                \r\n                <!-- \u0627\u0644\u0639\u062f\u0627\u062f 1 -->\r\n                <div class=\"counter-card\">\r\n                    <div class=\"counter-number-wrapper\">\r\n                        <span>+<\/span><span class=\"counter-val\" data-target=\"8\">0<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"counter-title\">\u0633\u0646\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/h3>\r\n                    <p class=\"counter-desc\">\u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/p>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u0639\u062f\u0627\u062f 2 -->\r\n                <div class=\"counter-card\">\r\n                    <div class=\"counter-number-wrapper\">\r\n                        <span>+<\/span><span class=\"counter-val\" data-target=\"220\">0<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"counter-title\">\u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d<\/h3>\r\n                    <p class=\"counter-desc\">\u062a\u0645 \u0625\u0646\u062c\u0627\u0632\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0627\u0645\u0629<\/p>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u0639\u062f\u0627\u062f 3 -->\r\n                <div class=\"counter-card\">\r\n                    <div class=\"counter-number-wrapper\">\r\n                        <span>+<\/span><span class=\"counter-val\" data-target=\"80\">0<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"counter-title\">\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n                    <p class=\"counter-desc\">\u0633\u0627\u0647\u0645\u0646\u0627 \u0641\u064a \u0646\u0641\u0648\u0630\u0647\u0627 \u0648\u0646\u0645\u0648\u0647\u0627<\/p>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u0639\u062f\u0627\u062f 4 -->\r\n                <div class=\"counter-card\">\r\n                    <div class=\"counter-number-wrapper\">\r\n                        <span>%<\/span><span>+<\/span><span class=\"counter-val\" data-target=\"300\">0<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"counter-title\">\u0646\u0645\u0648 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h3>\r\n                    <p class=\"counter-desc\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0642\u0642\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0633\u0643\u0631\u0628\u062a \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a -->\r\n    <script>\r\n        (function() {\r\n            let countersAnimated = false;\r\n\r\n            function animateCounters(scope) {\r\n                const counters = scope.querySelectorAll(\".counter-val\");\r\n                counters.forEach(counter => {\r\n                    const target = +counter.getAttribute(\"data-target\");\r\n                    const duration = 2500; \r\n                    const startTime = performance.now();\r\n\r\n                    function updateCount(currentTime) {\r\n                        const elapsedTime = currentTime - startTime;\r\n                        const progress = Math.min(elapsedTime \/ duration, 1);\r\n                        const easeOutProgress = 1 - Math.pow(1 - progress, 4);\r\n                        const currentVal = Math.floor(easeOutProgress * target);\r\n                        counter.innerText = currentVal;\r\n                        if (progress < 1) { requestAnimationFrame(updateCount); } \r\n                        else { counter.innerText = target; }\r\n                    }\r\n                    requestAnimationFrame(updateCount);\r\n                });\r\n            }\r\n\r\n            function activateCountersSection(scope) {\r\n                if (countersAnimated) return;\r\n                countersAnimated = true;\r\n                \r\n                const cards = scope.querySelectorAll(\".counter-card\");\r\n                cards.forEach(card => card.classList.add(\"in-view\"));\r\n\r\n                setTimeout(() => animateCounters(scope), 400);\r\n            }\r\n\r\n            const initCountersObserver = () => {\r\n                const countersScope = document.querySelector('.ng-counters-scope');\r\n                if (!countersScope) return;\r\n\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            activateCountersSection(countersScope);\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.15 });\r\n\r\n                const section = countersScope.querySelector(\".counters-section\");\r\n                if (section) observer.observe(section);\r\n            };\r\n\r\n            if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n                initCountersObserver();\r\n            } else {\r\n                document.addEventListener('DOMContentLoaded', initCountersObserver);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/div>\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-cd9175b e-flex e-con-boxed e-con e-parent\" data-id=\"cd9175b\" 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-86ed1eb elementor-widget__width-initial services elementor-widget elementor-widget-html\" data-id=\"86ed1eb\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"services\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-services-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-services-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-services-scope .services-section {\r\n            width: 100% !important;\r\n            padding: 40px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-services-scope .services-container {\r\n            max-width: 1250px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0648\u0634\u0646 *\/\r\n        .ng-services-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(45px);\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-services-scope.start-animation .ng-motion-up {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .elementor-editor-active .ng-services-scope .ng-motion-up {\r\n            opacity: 1 !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        .ng-services-scope.start-animation .delay-title-1 { transition-delay: 0.1s !important; }\r\n        .ng-services-scope.start-animation .delay-title-2 { transition-delay: 0.25s !important; }\r\n        .ng-services-scope.start-animation .delay-title-3 { transition-delay: 0.4s !important; }\r\n\r\n        .ng-services-scope.start-animation .delay-card-1 { transition-delay: 0.45s !important; }\r\n        .ng-services-scope.start-animation .delay-card-2 { transition-delay: 0.53s !important; }\r\n        .ng-services-scope.start-animation .delay-card-3 { transition-delay: 0.61s !important; }\r\n        .ng-services-scope.start-animation .delay-card-4 { transition-delay: 0.69s !important; }\r\n        .ng-services-scope.start-animation .delay-card-5 { transition-delay: 0.77s !important; }\r\n        .ng-services-scope.start-animation .delay-card-6 { transition-delay: 0.85s !important; }\r\n        .ng-services-scope.start-animation .delay-card-7 { transition-delay: 0.93s !important; }\r\n        .ng-services-scope.start-animation .delay-card-8 { transition-delay: 1.01s !important; }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062b\u0627\u0628\u062a\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062a\u0645\u0627\u0645\u0627\u064b (Center) \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u062a\u064a\u0646 *\/\r\n        .ng-services-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 25px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            display: inline-block !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-services-scope .section-title {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 8px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-services-scope .section-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 14.5px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 700px !important;\r\n            margin: 0 auto 30px auto !important;\r\n            line-height: 1.5 !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        .ng-services-scope .services-grid {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 16px !important;\r\n            justify-content: center !important;\r\n            direction: rtl !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ng-services-scope .service-card {\r\n            flex: 0 0 calc(25% - 12px) !important;\r\n            max-width: calc(25% - 12px) !important;\r\n            width: calc(25% - 12px) !important;\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(0, 0, 0, 0.08) !important;\r\n            border-radius: 20px !important;\r\n            padding: 22px 18px !important;\r\n            text-align: right !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            min-height: 230px !important;\r\n            position: relative !important;\r\n            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        .ng-services-scope .service-card:hover {\r\n            transform: translateY(-6px) !important;\r\n            border-color: rgba(255, 42, 117, 0.5) !important;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), 0 0 15px rgba(255, 42, 117, 0.15) !important;\r\n        }\r\n\r\n        .ng-services-scope .card-header {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            margin-bottom: 12px !important;\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        .ng-services-scope .icon-box {\r\n            width: 38px !important;\r\n            height: 38px !important;\r\n            background-color: rgba(255, 42, 117, 0.1) !important;\r\n            border-radius: 10px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            color: #ff2a75 !important;\r\n            transition: background-color 0.3s ease, color 0.3s ease !important;\r\n        }\r\n\r\n        .ng-services-scope .service-card:hover .icon-box {\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-services-scope .icon-box svg {\r\n            width: 18px !important;\r\n            height: 18px !important;\r\n            fill: none !important;\r\n            stroke: currentColor !important;\r\n            stroke-width: 2 !important;\r\n        }\r\n\r\n        .ng-services-scope .card-number {\r\n            color: rgba(255, 255, 255, 0.3) !important;\r\n            font-size: 13px !important;\r\n            font-weight: 800 !important;\r\n        }\r\n\r\n        .ng-services-scope .card-title {\r\n            color: #ffffff !important;\r\n            font-size: 17px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n\r\n        .ng-services-scope .card-desc {\r\n            color: #8e8e93 !important;\r\n            font-size: 13px !important;\r\n            line-height: 1.5 !important;\r\n            font-weight: 500 !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n\r\n        .ng-services-scope .card-footer-flex {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            margin-top: auto !important;\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        .ng-services-scope .card-tag {\r\n            color: rgba(255, 255, 255, 0.4) !important;\r\n            font-size: 10px !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        .ng-services-scope .service-hint {\r\n            color: #ff2a75 !important;\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0640 Pop-up \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 *\/\r\n        .ng-services-scope .service-modal-overlay {\r\n            position: fixed !important;\r\n            top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\r\n            background: rgba(10, 10, 12, 0.8) !important;\r\n            backdrop-filter: blur(8px) !important;\r\n            z-index: 999999 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            opacity: 0 !important;\r\n            visibility: hidden !important;\r\n            transition: opacity 0.3s ease, visibility 0.3s ease !important;\r\n            padding: 20px !important;\r\n        }\r\n\r\n        .ng-services-scope .service-modal-overlay.active {\r\n            opacity: 1 !important;\r\n            visibility: visible !important;\r\n        }\r\n\r\n        .ng-services-scope .service-modal-box {\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 42, 117, 0.4) !important;\r\n            border-radius: 24px !important;\r\n            padding: 35px 30px !important;\r\n            max-width: 520px !important;\r\n            width: 100% !important;\r\n            text-align: right !important;\r\n            position: relative !important;\r\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 42, 117, 0.2) !important;\r\n            transform: scale(0.8) translateY(20px) !important;\r\n            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-services-scope .service-modal-overlay.active .service-modal-box {\r\n            transform: scale(1) translateY(0) !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-close-btn {\r\n            position: absolute !important;\r\n            top: 20px !important;\r\n            left: 20px !important;\r\n            background: rgba(255, 255, 255, 0.08) !important;\r\n            border: none !important;\r\n            color: #ffffff !important;\r\n            width: 32px !important; height: 32px !important;\r\n            border-radius: 50% !important;\r\n            font-size: 16px !important;\r\n            font-weight: 800 !important;\r\n            cursor: pointer !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            transition: background 0.2s ease !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-close-btn:hover {\r\n            background: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-title {\r\n            color: #ffffff !important;\r\n            font-size: 22px !important;\r\n            font-weight: 900 !important;\r\n            margin-bottom: 12px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n            direction: ltr !important;\r\n            justify-content: flex-end !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-title span {\r\n            color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-desc {\r\n            color: #b0b0b8 !important;\r\n            font-size: 14px !important;\r\n            line-height: 1.7 !important;\r\n            font-weight: 500 !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-subtitle {\r\n            color: #ff2a75 !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-features-list {\r\n            list-style: none !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-features-list li {\r\n            color: #ffffff !important;\r\n            font-size: 13px !important;\r\n            font-weight: 700 !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            padding: 10px 14px !important;\r\n            border-radius: 10px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n        .ng-services-scope .modal-features-list li::before {\r\n            content: '\u2713' !important;\r\n            color: #ff2a75 !important;\r\n            font-weight: 900 !important;\r\n        }\r\n\r\n\r\n        \/* ==========================================================================\r\n           \u2728 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u062a\u0638\u0644 \u0628\u0627\u0644\u0645\u0646\u062a\u0635\u0641\u060c \u0648\u0627\u0644\u0643\u0631\u0648\u062a \u0648\u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 \u062a\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0633\u0627\u0631\r\n           ========================================================================== *\/\r\n        .ng-services-scope.is-ltr .services-section {\r\n            direction: ltr !important;\r\n            text-align: center !important; \/* \u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0628\u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .services-grid {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .service-card {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .service-modal-box {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .modal-close-btn {\r\n            left: auto !important;\r\n            right: 20px !important;\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .modal-title {\r\n            direction: ltr !important;\r\n            justify-content: flex-start !important;\r\n        }\r\n\r\n        .ng-services-scope.is-ltr .modal-features-list li {\r\n            text-align: left !important;\r\n            flex-direction: row-reverse !important;\r\n            justify-content: flex-end !important;\r\n        }\r\n\r\n\r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-services-scope .services-section { padding: 30px 15px !important; }\r\n            .ng-services-scope .section-title { font-size: 28px !important; }\r\n            .ng-services-scope .services-grid { gap: 12px !important; }\r\n            .ng-services-scope .service-card {\r\n                flex: 0 0 calc(50% - 6px) !important;\r\n                max-width: calc(50% - 6px) !important;\r\n                width: calc(50% - 6px) !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-services-scope .services-section { padding: 20px 12px !important; }\r\n            .ng-services-scope .section-title { font-size: 22px !important; }\r\n            .ng-services-scope .section-subtitle { font-size: 12px !important; margin-bottom: 20px !important; }\r\n            \r\n            .ng-services-scope .services-grid {\r\n                flex-direction: column !important;\r\n                gap: 12px !important;\r\n            }\r\n\r\n            .ng-services-scope .service-card {\r\n                flex: 0 0 100% !important;\r\n                max-width: 100% !important;\r\n                width: 100% !important;\r\n                min-height: auto !important;\r\n                padding: 18px !important;\r\n            }\r\n\r\n            .ng-services-scope .service-modal-box {\r\n                padding: 25px 20px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"services-section\">\r\n        <div class=\"services-container\">\r\n            <span class=\"eyebrow ng-motion-up delay-title-1\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n            <h2 class=\"section-title ng-motion-up delay-title-2\">\u062d\u0644\u0648\u0644 \u0646\u0645\u0648 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n            <p class=\"section-subtitle ng-motion-up delay-title-3\">\r\n                \u0646\u0639\u0645\u0644 \u0643\u0634\u0631\u064a\u0643 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0648\u062a\u0633\u0627\u0639\u062f \u0623\u0639\u0645\u0627\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0628\u062b\u0642\u0629.\r\n            <\/p>\r\n\r\n            <div class=\"services-grid\">\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 1 -->\r\n                <div class=\"service-card ng-motion-up delay-card-1\" onclick=\"openServiceModal('strategyModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">01<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0628\u0646\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0641\u0631\u0635 \u0627\u0644\u0646\u0645\u0648 \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">STRATEGY<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 2 -->\r\n                <div class=\"service-card ng-motion-up delay-card-2\" onclick=\"openServiceModal('brandingModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">02<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0628\u0646\u064a \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0645\u0646\u062d\u0647\u0627 \u062d\u0636\u0648\u0631\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u064a\u0635\u0639\u0628 \u062a\u062c\u0627\u0647\u0644\u0647.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">IDENTITY<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 3 -->\r\n                <div class=\"service-card ng-motion-up delay-card-3\" onclick=\"openServiceModal('mediaProdModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M23 7l-7 5 7 5V7z\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">03<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0646\u062a\u062c \u0635\u0648\u0631\u064b\u0627 \u0648\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0648\u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u064b\u0627 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u064b\u0627 \u064a\u0639\u0632\u0632 \u062d\u0636\u0648\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u064b\u0627 \u064a\u062f\u0648\u0645.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">PRODUCTION<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 4 -->\r\n                <div class=\"service-card ng-motion-up delay-card-4\" onclick=\"openServiceModal('contentStratModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">04<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0628\u062a\u0643\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0648\u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a\u064b\u0627 \u064a\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0631\u0633\u0627\u0626\u0644 \u0645\u0624\u062b\u0631\u0629\u060c \u0648\u064a\u0645\u0646\u062d \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062d\u0636\u0648\u0631\u064b\u0627 \u0645\u0633\u062a\u0645\u0631\u064b\u0627 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">CREATION<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 5 -->\r\n                <div class=\"service-card ng-motion-up delay-card-5\" onclick=\"openServiceModal('socialModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">05<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0625\u062f\u0627\u0631\u0629 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u062f\u064a\u0631 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062d\u062a\u0648\u0649 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0639\u0632\u0632 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u062a\u0628\u0646\u064a \u062d\u0636\u0648\u0631\u064b\u0627 \u0631\u0642\u0645\u064a\u064b\u0627 \u0645\u0633\u062a\u062f\u0627\u0645\u064b\u0627.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">SOCIAL<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 6 -->\r\n                <div class=\"service-card ng-motion-up delay-card-6\" onclick=\"openServiceModal('mediaBuyingModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">06<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u062f\u064a\u0631 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 Meta \u0648Google \u0648Snapchat \u0648TikTok \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">PAID ADS<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 7 -->\r\n                <div class=\"service-card ng-motion-up delay-card-7\" onclick=\"openServiceModal('webDevModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">07<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0637\u0648\u0631 \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">WEB DEV<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u062e\u062f\u0645\u0629 8 -->\r\n                <div class=\"service-card ng-motion-up delay-card-8\" onclick=\"openServiceModal('seoModal')\">\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            <div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\r\n                            <span class=\"card-number\">08<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u062d\u0633\u0646 \u0638\u0647\u0648\u0631 \u0645\u0648\u0642\u0639\u0643 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0648\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643 \u0628\u0627\u0644\u0641\u0639\u0644.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-footer-flex\">\r\n                        <span class=\"card-tag\">SEO<\/span>\r\n                        <span class=\"service-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2197<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0646\u0648\u0627\u0641\u0630 \u0627\u0644\u0640 Pop-up \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 -->\r\n    <div class=\"service-modal-overlay\" id=\"strategyModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('strategyModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">01. Brand Strategy<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u0628\u0646\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0641\u0631\u0635 \u0627\u0644\u0646\u0645\u0648 \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0641\u0631\u0635 \u0627\u0644\u0646\u0645\u0648.<\/li>\r\n                <li>\u062a\u062d\u062f\u064a\u062f \u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 (Buyer Persona) \u0648\u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629.<\/li>\r\n                <li>\u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u0645\u0633\u0627\u0631 \u062a\u062d\u0648\u064a\u0644 (Marketing Funnel) \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"brandingModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('brandingModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">02. Brand Identity<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u0628\u0646\u064a \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0645\u0646\u062d\u0647\u0627 \u062d\u0636\u0648\u0631\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u064a\u0635\u0639\u0628 \u062a\u062c\u0627\u0647\u0644\u0647.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u062a\u0635\u0645\u064a\u0645 \u0634\u0639\u0627\u0631 \u0648\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.<\/li>\r\n                <li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/li>\r\n                <li>\u0625\u0639\u062f\u0627\u062f \u062f\u0644\u064a\u0644 \u0627\u0644\u0647\u0648\u064a\u0629 (Brand Guidelines) \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u062a\u0633\u0627\u0642.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"mediaProdModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('mediaProdModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">03. Media Production<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u0646\u062a\u062c \u0635\u0648\u0631\u064b\u0627 \u0648\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0648\u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u064b\u0627 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u064b\u0627 \u064a\u0639\u0632\u0632 \u062d\u0636\u0648\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u064b\u0627 \u064a\u062f\u0648\u0645.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u062a\u0635\u0648\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a.<\/li>\r\n                <li>\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0648Reels.<\/li>\r\n                <li>\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"contentStratModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('contentStratModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">04. Content Strategy & Creation<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u0628\u062a\u0643\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0648\u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a\u064b\u0627 \u064a\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0631\u0633\u0627\u0626\u0644 \u0645\u0624\u062b\u0631\u0629\u060c \u0648\u064a\u0645\u0646\u062d \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062d\u0636\u0648\u0631\u064b\u0627 \u0645\u0633\u062a\u0645\u0631\u064b\u0627 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u0625\u0639\u062f\u0627\u062f \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u062e\u0637\u0629 \u0627\u0644\u0646\u0634\u0631.<\/li>\r\n                <li>\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a \u0648\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0641\u064a\u062f\u064a\u0648.<\/li>\r\n                <li>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"socialModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('socialModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">05. Social Media Management<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u062f\u064a\u0631 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062d\u062a\u0648\u0649 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0639\u0632\u0632 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u062a\u0628\u0646\u064a \u062d\u0636\u0648\u0631\u064b\u0627 \u0631\u0642\u0645\u064a\u064b\u0627 \u0645\u0633\u062a\u062f\u0627\u0645\u064b\u0627.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0634\u0647\u0631\u064a\u0629.<\/li>\r\n                <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.<\/li>\r\n                <li>\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"mediaBuyingModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('mediaBuyingModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">06. Media Buying<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u062f\u064a\u0631 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 Meta \u0648Google \u0648Snapchat \u0648TikTok \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u0625\u0639\u062f\u0627\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629.<\/li>\r\n                <li>\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0643\u062a\u0633\u0627\u0628.<\/li>\r\n                <li>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062f\u0648\u0631\u064a\u0629.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"webDevModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('webDevModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">07. Web Design & Development<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u0637\u0648\u0631 \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 (UI\/UX).<\/li>\r\n                <li>\u062a\u0637\u0648\u064a\u0631 \u0645\u0648\u0627\u0642\u0639 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629.<\/li>\r\n                <li>\u062a\u062d\u0633\u064a\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-modal-overlay\" id=\"seoModal\">\r\n        <div class=\"service-modal-box\">\r\n            <button class=\"modal-close-btn\" onclick=\"closeServiceModal('seoModal')\">\u2715<\/button>\r\n            <h3 class=\"modal-title\">08. Search Engine Optimization (SEO)<\/h3>\r\n            <p class=\"modal-desc\">\u0646\u062d\u0633\u0646 \u0638\u0647\u0648\u0631 \u0645\u0648\u0642\u0639\u0643 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0648\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643 \u0628\u0627\u0644\u0641\u0639\u0644.<\/p>\r\n            <div class=\"modal-subtitle\">\u0645\u0627\u0630\u0627 \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629\u061f<\/div>\r\n            <ul class=\"modal-features-list\">\r\n                <li>\u062a\u062d\u0633\u064a\u0646 SEO \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0644\u0645\u0648\u0642\u0639.<\/li>\r\n                <li>\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629.<\/li>\r\n                <li>\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0644\u0631\u0641\u0639 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0633\u0643\u0631\u0628\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0648\u0627\u0644\u0645\u0648\u062f\u0627\u0644 -->\r\n    <script>\r\n        (function() {\r\n            const servicesScope = document.querySelector('.ng-services-scope');\r\n            \r\n            function checkServicesLang() {\r\n                const htmlDir = document.documentElement.getAttribute('dir');\r\n                const htmlLang = document.documentElement.getAttribute('lang');\r\n                const bodyClass = document.body.className;\r\n                \r\n                if (htmlDir === 'ltr' || (htmlLang && htmlLang.startsWith('en')) || bodyClass.includes('translated-ltr') || servicesScope.querySelector('.eyebrow').innerText.includes('Services')) {\r\n                    servicesScope.classList.add('is-ltr');\r\n                } else {\r\n                    servicesScope.classList.remove('is-ltr');\r\n                }\r\n            }\r\n            \r\n            const observer = new MutationObserver(checkServicesLang);\r\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n            observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n            \r\n            checkServicesLang();\r\n            setInterval(checkServicesLang, 500);\r\n        })();\r\n\r\n        function openServiceModal(modalId) {\r\n            const modal = document.getElementById(modalId);\r\n            if (modal) {\r\n                modal.classList.add('active');\r\n            }\r\n        }\r\n\r\n        function closeServiceModal(modalId) {\r\n            const modal = document.getElementById(modalId);\r\n            if (modal) {\r\n                modal.classList.remove('active');\r\n            }\r\n        }\r\n\r\n        document.addEventListener('click', function(e) {\r\n            if (e.target.classList.contains('service-modal-overlay')) {\r\n                e.target.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const servicesScope = document.querySelector(\".ng-services-scope\");\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        servicesScope.classList.add(\"start-animation\");\r\n                    }\r\n                });\r\n            }, { threshold: 0.25 });\r\n\r\n            if (servicesScope) observer.observe(servicesScope);\r\n        });\r\n    <\/script>\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-b07b05c e-flex e-con-boxed e-con e-parent\" data-id=\"b07b05c\" 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-2e665ac elementor-widget elementor-widget-html\" data-id=\"2e665ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ID \u0627\u0644\u0633\u0643\u0634\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0632\u0631\u0627\u0631 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 -->\r\n<div class=\"ng-portfolio-scope\" id=\"our-portfolio\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-portfolio-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .portfolio-section {\r\n            width: 100% !important;\r\n            padding: 60px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .portfolio-container {\r\n            max-width: 1150px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n            \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0648\u0634\u0646: \u062f\u062e\u0648\u0644 \u0633\u0644\u0633 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649\r\n            ========================================== *\/\r\n        .ng-portfolio-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(35px);\r\n            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope.start-animation .ng-motion-up {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .ng-portfolio-scope.start-animation .title-delay-1 { transition-delay: 0.1s !important; }\r\n        .ng-portfolio-scope.start-animation .title-delay-2 { transition-delay: 0.25s !important; }\r\n        .ng-portfolio-scope.start-animation .title-delay-3 { transition-delay: 0.4s !important; }\r\n\r\n        .ng-portfolio-scope.start-animation .tab-delay-1 { transition-delay: 0.5s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-2 { transition-delay: 0.6s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-3 { transition-delay: 0.7s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-4 { transition-delay: 0.8s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-5 { transition-delay: 0.9s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-6 { transition-delay: 1.0s !important; }\r\n        .ng-portfolio-scope.start-animation .tab-delay-7 { transition-delay: 1.1s !important; }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u064a\u0638\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n        .ng-portfolio-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 25px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            display: inline-block !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .section-title {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 8px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .section-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 14.5px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 650px !important;\r\n            margin: 0 auto 28px auto !important;\r\n            line-height: 1.55 !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .tabs-nav {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            justify-content: center !important;\r\n            gap: 10px !important;\r\n            max-width: 800px !important;\r\n            margin: 0 auto 30px auto !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .tab-btn {\r\n            background: #ffffff !important;\r\n            border: 1px solid #e2e2e8 !important;\r\n            color: #44444c !important;\r\n            padding: 9px 20px !important;\r\n            border-radius: 30px !important;\r\n            font-size: 13.5px !important;\r\n            font-weight: 700 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.03) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .tab-btn:hover,\r\n        .ng-portfolio-scope .tab-btn.active {\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            border-color: #ff2a75 !important;\r\n            box-shadow: 0 8px 20px rgba(255, 42, 117, 0.25) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card {\r\n            display: none;\r\n            background-color: #141417 !important;\r\n            border-radius: 24px !important;\r\n            overflow: hidden !important;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;\r\n            width: 100% !important;\r\n            direction: rtl !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        border-color 0.4s ease !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card:hover {\r\n            transform: translateY(-10px) !important;\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), 0 0 30px rgba(255, 42, 117, 0.2) !important;\r\n            border-color: rgba(255, 42, 117, 0.4) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card.active {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            align-items: stretch !important;\r\n            animation: cardSlideUpIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card.leaving {\r\n            animation: cardSlideUpOut 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n        }\r\n\r\n        @keyframes cardSlideUpIn {\r\n            from { opacity: 0; transform: translateY(35px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes cardSlideUpOut {\r\n            from { opacity: 1; transform: translateY(0); }\r\n            to { opacity: 0; transform: translateY(-25px); }\r\n        }\r\n\r\n        .ng-portfolio-scope .card-media {\r\n            flex: 0 0 50% !important;\r\n            width: 50% !important;\r\n            position: relative !important;\r\n            min-height: 380px !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .card-media img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            display: block !important;\r\n            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card.active .card-media img {\r\n            animation: imageZoom 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n        }\r\n\r\n        @keyframes imageZoom {\r\n            from { transform: scale(1.15); opacity: 0; }\r\n            to { transform: scale(1); opacity: 1; }\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card:hover .card-media img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .badge-tag {\r\n            position: absolute !important;\r\n            top: 18px !important;\r\n            right: 18px !important;\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            padding: 6px 18px !important;\r\n            border-radius: 30px !important;\r\n            font-size: 12px !important;\r\n            font-weight: 800 !important;\r\n            box-shadow: 0 6px 15px rgba(0,0,0,0.3) !important;\r\n            z-index: 2 !important;\r\n            animation: badgeFloat 3s ease-in-out infinite !important;\r\n        }\r\n\r\n        @keyframes badgeFloat {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-6px); }\r\n        }\r\n\r\n        .ng-portfolio-scope .card-info {\r\n            flex: 0 0 50% !important;\r\n            width: 50% !important;\r\n            padding: 35px 32px !important;\r\n            text-align: right !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: center !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card.active .fade-element {\r\n            opacity: 0;\r\n            transform: translateY(15px);\r\n            animation: infoItemFadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n        }\r\n\r\n        @keyframes infoItemFadeUp {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .ng-portfolio-scope .project-card.active .item-delay-1 { animation-delay: 0.1s !important; }\r\n        .ng-portfolio-scope .project-card.active .item-delay-2 { animation-delay: 0.2s !important; }\r\n        .ng-portfolio-scope .project-card.active .item-delay-3 { animation-delay: 0.3s !important; }\r\n        .ng-portfolio-scope .project-card.active .item-delay-4 { animation-delay: 0.4s !important; }\r\n        .ng-portfolio-scope .project-card.active .item-delay-5 { animation-delay: 0.5s !important; }\r\n        .ng-portfolio-scope .project-card.active .item-delay-6 { animation-delay: 0.6s !important; }\r\n\r\n        .ng-portfolio-scope .duration {\r\n            color: rgba(255, 255, 255, 0.5) !important;\r\n            font-size: 12px !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .challenge-title {\r\n            color: #ffffff !important;\r\n            font-size: 22px !important;\r\n            font-weight: 900 !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .challenge-desc {\r\n            color: rgba(255, 255, 255, 0.7) !important;\r\n            font-size: 13.5px !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 22px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .stats-container {\r\n            margin-bottom: 20px !important;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            padding: 14px 16px;\r\n            border-radius: 14px;\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .ng-portfolio-scope .stat-row {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .stat-row:last-child { margin-bottom: 0 !important; }\r\n\r\n        .ng-portfolio-scope .bar-bg {\r\n            flex: 1 !important;\r\n            height: 9px !important;\r\n            background-color: rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 10px !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .bar-fill {\r\n            height: 100% !important;\r\n            border-radius: 10px !important;\r\n            width: 0%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .bar-fill-before { background-color: #666672 !important; }\r\n        .ng-portfolio-scope .bar-fill-after { \r\n            background: linear-gradient(90deg, #ff2a75, #ff6299) !important; \r\n            box-shadow: 0 0 10px rgba(255, 42, 117, 0.5);\r\n        }\r\n\r\n        .ng-portfolio-scope .bar-fill::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: -50%;\r\n            width: 50%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\r\n            filter: blur(4px);\r\n            animation: barGlowShine 2s infinite !important;\r\n        }\r\n\r\n        @keyframes barGlowShine {\r\n            0% { left: -50%; }\r\n            100% { left: 150%; }\r\n        }\r\n\r\n        .ng-portfolio-scope .stat-text {\r\n            font-size: 12px !important;\r\n            font-weight: 800 !important;\r\n            min-width: 90px !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .stat-text.before { color: rgba(255, 255, 255, 0.5) !important; }\r\n        .ng-portfolio-scope .stat-text.after { color: #ff2a75 !important; }\r\n\r\n        .ng-portfolio-scope .meta-detail {\r\n            font-size: 13px !important;\r\n            color: rgba(255, 255, 255, 0.85) !important;\r\n            margin-bottom: 6px !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .read-story {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n            color: #ff2a75 !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            text-decoration: none !important;\r\n            margin-top: 12px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope .story-arrow {\r\n            display: inline-block;\r\n            animation: arrowBounce 1.5s infinite ease-in-out !important;\r\n        }\r\n\r\n        @keyframes arrowBounce {\r\n            0%, 100% { transform: translateX(0); }\r\n            50% { transform: translateX(-6px); }\r\n        }\r\n\r\n\r\n        \/* ==========================================================================\r\n           \u2728 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u062a\u0638\u0644 \u0633\u0646\u062a\u0631\u060c \u0648\u0627\u0644\u0643\u0627\u0631\u062f \u0645\u0646 \u062c\u0648\u0629 \u064a\u062a\u0628\u062f\u0644 (\u0635\u0648\u0631\u0629 \u064a\u0645\u064a\u0646\u060c \u0646\u0635\u0648\u0635 \u0634\u0645\u0627\u0644)\r\n           ========================================================================== *\/\r\n        .ng-portfolio-scope.is-ltr .portfolio-section {\r\n            direction: ltr !important;\r\n            text-align: center !important; \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u064a\u0638\u0644 \u0633\u0646\u062a\u0631 *\/\r\n        }\r\n\r\n        .ng-portfolio-scope.is-ltr .project-card {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        .ng-portfolio-scope.is-ltr .card-media {\r\n            order: 2 !important; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n        }\r\n\r\n        .ng-portfolio-scope.is-ltr .card-info {\r\n            order: 1 !important; \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0634\u0645\u0627\u0644 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-portfolio-scope.is-ltr .badge-tag {\r\n            right: auto !important;\r\n            left: 18px !important;\r\n        }\r\n\r\n        .ng-portfolio-scope.is-ltr .story-arrow {\r\n            animation: arrowBounceLTR 1.5s infinite ease-in-out !important;\r\n        }\r\n\r\n        @keyframes arrowBounceLTR {\r\n            0%, 100% { transform: translateX(0); }\r\n            50% { transform: translateX(6px); }\r\n        }\r\n\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-portfolio-scope .project-card.active { flex-direction: column !important; }\r\n            .ng-portfolio-scope .card-media, .ng-portfolio-scope .card-info { width: 100% !important; flex: 0 0 100% !important; order: unset !important; }\r\n            .ng-portfolio-scope .card-media { height: 180px !important; min-height: 180px !important; }\r\n            .ng-portfolio-scope .card-info { padding: 20px 16px !important; text-align: center !important; }\r\n            .ng-portfolio-scope.is-ltr .card-info { text-align: center !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"portfolio-section\">\r\n        <div class=\"portfolio-container\">\r\n            \r\n            <span class=\"eyebrow ng-motion-up title-delay-1\">\u0642\u0635\u0635 \u0646\u062c\u0627\u062d \u0646\u0639\u062a\u0632 \u0628\u0647\u0627<\/span>\r\n            <h2 class=\"section-title ng-motion-up title-delay-2\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u062d\u0648\u0644<\/h2>\r\n            <p class=\"section-subtitle ng-motion-up title-delay-3\">\r\n                \u0646\u062d\u0648\u0644 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0625\u0644\u0649 \u0623\u0631\u0642\u0627\u0645 \u0648\u0646\u0645\u0648 \u062d\u0642\u064a\u0642\u064a. \u0627\u062e\u062a\u0631 \u0645\u062c\u0627\u0644 \u0646\u0634\u0627\u0637\u0643 \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0625\u062d\u062f\u0649 \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0648\u062b\u0642\u0629.\r\n            <\/p>\r\n\r\n            <div class=\"tabs-nav\">\r\n                <button class=\"tab-btn active ng-motion-up tab-delay-1\" data-target=\"restaurants\" onclick=\"openProject('restaurants', this)\">\u0645\u0637\u0627\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-2\" data-target=\"ecom\" onclick=\"openProject('ecom', this)\">\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-3\" data-target=\"realestate\" onclick=\"openProject('realestate', this)\">\u0639\u0642\u0627\u0631\u0627\u062a<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-4\" data-target=\"services\" onclick=\"openProject('services', this)\">\u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-5\" data-target=\"industrial\" onclick=\"openProject('industrial', this)\">\u0634\u0631\u0643\u0629 \u0635\u0646\u0627\u0639\u064a\u0629<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-6\" data-target=\"medical\" onclick=\"openProject('medical', this)\">\u0645\u0631\u0643\u0632 \u0637\u0628\u064a<\/button>\r\n                <button class=\"tab-btn ng-motion-up tab-delay-7\" data-target=\"other\" onclick=\"openProject('other', this)\">\u0623\u062e\u0631\u0649<\/button>\r\n            <\/div>\r\n\r\n            <!-- 1. \u0645\u0637\u0627\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a -->\r\n            <div class=\"project-card active\" id=\"restaurants\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0645\u0637\u0627\u0639\u0645<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?q=80&w=1000&auto=format&fit=crop\" alt=\"\u0645\u0637\u0627\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 3 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u0644\u064a<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0627\u0644\u062a\u062d\u062f\u064a \u0643\u0627\u0646 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f \u0644\u0644\u0641\u0631\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a.<\/p>\r\n                    \r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"25%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"80\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"90%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"1900\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 30,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 + \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062d\u0644\u064a\u0629<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2. \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 -->\r\n            <div class=\"project-card\" id=\"ecom\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?q=80&w=1000&auto=format&fit=crop\" alt=\"\u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 3 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0627\u0644\u062a\u062d\u062f\u064a \u0643\u0627\u0646 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0628\u0646\u0633\u0628\u0629 300% \u0648\u062a\u062e\u0641\u064a\u0636 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"15%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"120\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"95%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"2800\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 45,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 + SEO<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. \u0639\u0642\u0627\u0631\u0627\u062a -->\r\n            <div class=\"project-card\" id=\"realestate\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0639\u0642\u0627\u0631\u0627\u062a<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=1000&auto=format&fit=crop\" alt=\"\u0639\u0642\u0627\u0631\u0627\u062a\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 3 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u062c\u0630\u0628 \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u062c\u062f\u062f \u0648\u0632\u064a\u0627\u062f\u0629 \u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"10%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"50\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"85%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"1200\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 60,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u064a\u062a\u0627 + \u062c\u0648\u062c\u0644 + \u0641\u064a\u062f\u064a\u0648 \u0633\u064a\u0646\u0645\u0627\u0626\u064a<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4. \u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a -->\r\n            <div class=\"project-card\" id=\"services\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=1000&auto=format&fit=crop\" alt=\"\u062e\u062f\u0645\u0627\u062a\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 4 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u062a\u0648\u0644\u064a\u062f \u0639\u0645\u0644\u0627\u0621<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0631\u0641\u0639 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0648\u0628\u0646\u0627\u0621 \u062b\u0642\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 B2B.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"20%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"30\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"88%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"650\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 25,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u0644\u064a\u0646\u0643\u062f \u0625\u0646 + SEO + \u0635\u0641\u062d\u0627\u062a \u0647\u0628\u0648\u0637<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 5. \u0634\u0631\u0643\u0629 \u0635\u0646\u0627\u0639\u064a\u0629 -->\r\n            <div class=\"project-card\" id=\"industrial\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0635\u0646\u0627\u0639\u064a\u0629<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=1000&auto=format&fit=crop\" alt=\"\u0635\u0646\u0627\u0639\u064a\u0629\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 6 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629 \u0648\u062a\u062c\u0647\u064a\u0632\u0647\u0627 \u0644\u0644\u062a\u0635\u062f\u064a\u0631 \u0628\u0627\u0644\u062e\u0644\u064a\u062c.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"15%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"15\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"80%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"310\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 50,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u0628\u0631\u0627\u0646\u062f\u064a\u0646\u062c \u0634\u0627\u0645\u0644 + \u0641\u064a\u062f\u064a\u0648 \u0645\u0635\u0646\u0639<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 6. \u0645\u0631\u0643\u0632 \u0637\u0628\u064a -->\r\n            <div class=\"project-card\" id=\"medical\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0645\u0631\u0643\u0632 \u0637\u0628\u064a<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?q=80&w=1000&auto=format&fit=crop\" alt=\"\u0637\u0628\u064a\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 3 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0632\u064a\u0627\u062f\u0629 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0641\u064a \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062c\u0644\u062f\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0646\u0627\u0646.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"25%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"110\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"92%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"1450\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 35,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u062d\u0645\u0644\u0627\u062a \u0633\u0646\u0627\u0628 \u0634\u0627\u062a \u0648\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 7. \u0623\u062e\u0631\u0649 -->\r\n            <div class=\"project-card\" id=\"other\">\r\n                <div class=\"card-media\">\r\n                    <span class=\"badge-tag\">\u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u0634\u0626<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?q=80&w=1000&auto=format&fit=crop\" alt=\"\u0623\u062e\u0631\u0649\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <span class=\"duration fade-element item-delay-1\">\u0627\u0644\u0645\u062f\u0629: 2 \u0623\u0634\u0647\u0631<\/span>\r\n                    <h3 class=\"challenge-title fade-element item-delay-2\">\u0627\u0644\u062a\u062d\u062f\u064a: \u0625\u0637\u0644\u0627\u0642 \u0648\u062a\u062f\u0634\u064a\u0646<\/h3>\r\n                    <p class=\"challenge-desc fade-element item-delay-3\">\u0628\u0646\u0627\u0621 \u0627\u0644\u0648\u0639\u064a \u0627\u0644\u062e\u0627\u0637\u0641 \u0644\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0646\u0627\u0634\u0626\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0623\u0648\u0644 10,000 \u0645\u0633\u062a\u062e\u062f\u0645.<\/p>\r\n\r\n                    <div class=\"stats-container fade-element item-delay-4\">\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-before\" data-width=\"5%\"><\/div><\/div>\r\n                            <span class=\"stat-text before\">Before: <span class=\"counter-num\" data-target=\"0\">0<\/span><\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-row\">\r\n                            <div class=\"bar-bg\"><div class=\"bar-fill bar-fill-after\" data-width=\"85%\"><\/div><\/div>\r\n                            <span class=\"stat-text after\">After: <span class=\"counter-num\" data-target=\"10200\">0<\/span><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: 20,000 \u0631\u064a\u0627\u0644\/\u0634\u0647\u0631<\/div>\r\n                    <div class=\"meta-detail fade-element item-delay-5\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629: \u0645\u0624\u062b\u0631\u0648\u0646 + \u062d\u0645\u0644\u0627\u062a \u0625\u0637\u0644\u0627\u0642<\/div>\r\n\r\n                    <div class=\"fade-element item-delay-6\">\r\n                        <a href=\"#\" class=\"read-story\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0642\u0635\u0629 \u0643\u0627\u0645\u0644\u0629 <span class=\"story-arrow\">\u276e<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            const portfolioScope = document.querySelector('.ng-portfolio-scope');\r\n\r\n            function checkPortfolioLang() {\r\n                const htmlDir = document.documentElement.getAttribute('dir');\r\n                const htmlLang = document.documentElement.getAttribute('lang');\r\n                const bodyClass = document.body.className;\r\n                \r\n                if (htmlDir === 'ltr' || (htmlLang && htmlLang.startsWith('en')) || bodyClass.includes('translated-ltr') || portfolioScope.querySelector('.eyebrow').innerText.includes('Success')) {\r\n                    portfolioScope.classList.add('is-ltr');\r\n                } else {\r\n                    portfolioScope.classList.remove('is-ltr');\r\n                }\r\n            }\r\n            \r\n            const langObserver = new MutationObserver(checkPortfolioLang);\r\n            langObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n            langObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n            \r\n            checkPortfolioLang();\r\n            setInterval(checkPortfolioLang, 500);\r\n        })();\r\n\r\n        function animateCardNumbers(cardElement) {\r\n            const numElements = cardElement.querySelectorAll('.counter-num');\r\n            numElements.forEach(el => {\r\n                const target = +el.getAttribute('data-target');\r\n                if (target === 0) {\r\n                    el.innerText = \"0\";\r\n                    return;\r\n                }\r\n                \r\n                const duration = 1400;\r\n                const startTime = performance.now();\r\n\r\n                function updateCount(currentTime) {\r\n                    const elapsedTime = currentTime - startTime;\r\n                    const progress = Math.min(elapsedTime \/ duration, 1);\r\n                    const easeOutProgress = 1 - Math.pow(1 - progress, 3);\r\n                    const currentVal = Math.floor(easeOutProgress * target);\r\n\r\n                    el.innerText = currentVal;\r\n\r\n                    if (progress < 1) {\r\n                        requestAnimationFrame(updateCount);\r\n                    } else {\r\n                        el.innerText = target;\r\n                    }\r\n                }\r\n                requestAnimationFrame(updateCount);\r\n            });\r\n        }\r\n\r\n        function animateCardBars(cardElement) {\r\n            const bars = cardElement.querySelectorAll('.bar-fill');\r\n            bars.forEach(bar => {\r\n                bar.style.width = '0%';\r\n                setTimeout(() => {\r\n                    const targetWidth = bar.getAttribute('data-width');\r\n                    if (targetWidth) bar.style.width = targetWidth;\r\n                }, 150);\r\n            });\r\n        }\r\n\r\n        function openProject(projectId, btnElement) {\r\n            const currentActiveCard = document.querySelector('.ng-portfolio-scope .project-card.active');\r\n            const targetCard = document.getElementById(projectId);\r\n\r\n            if (currentActiveCard && currentActiveCard.id === projectId) return;\r\n\r\n            const btns = document.querySelectorAll('.ng-portfolio-scope .tab-btn');\r\n            btns.forEach(btn => btn.classList.remove('active'));\r\n\r\n            if (btnElement) {\r\n                btnElement.classList.add('active');\r\n            } else {\r\n                const matchingBtn = document.querySelector(`.ng-portfolio-scope .tab-btn[data-target=\"${projectId}\"]`);\r\n                if (matchingBtn) matchingBtn.classList.add('active');\r\n            }\r\n\r\n            if (currentActiveCard) {\r\n                currentActiveCard.classList.add('leaving');\r\n                setTimeout(() => {\r\n                    currentActiveCard.classList.remove('active', 'leaving');\r\n                    if (targetCard) {\r\n                        targetCard.classList.add('active');\r\n                        animateCardBars(targetCard);\r\n                        animateCardNumbers(targetCard);\r\n                    }\r\n                }, 300);\r\n            } else {\r\n                if (targetCard) {\r\n                    targetCard.classList.add('active');\r\n                    animateCardBars(targetCard);\r\n                    animateCardNumbers(targetCard);\r\n                }\r\n            }\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const portfolioScope = document.querySelector(\".ng-portfolio-scope\");\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        portfolioScope.classList.add(\"start-animation\");\r\n                    }\r\n                });\r\n            }, { threshold: 0.25 });\r\n\r\n            if (portfolioScope) observer.observe(portfolioScope);\r\n\r\n            const activeCard = document.querySelector('.ng-portfolio-scope .project-card.active');\r\n            if (activeCard) {\r\n                animateCardBars(activeCard);\r\n                animateCardNumbers(activeCard);\r\n            }\r\n\r\n            const hash = window.location.hash.replace('#', '');\r\n            if (hash) {\r\n                const targetCard = document.getElementById(hash);\r\n                if (targetCard && targetCard.classList.contains('project-card')) {\r\n                    openProject(hash, null);\r\n                }\r\n            }\r\n        });\r\n    <\/script>\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-719a72f e-flex e-con-boxed e-con e-parent\" data-id=\"719a72f\" 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-d411269 elementor-widget elementor-widget-html\" data-id=\"d411269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-whyus-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo \u0627\u0644\u0645\u0648\u062d\u062f -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-whyus-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-whyus-scope .whyus-section {\r\n            width: 100% !important;\r\n            padding: 40px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-whyus-scope .whyus-container {\r\n            max-width: 1250px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n            \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0648\u0634\u0646: \u062f\u062e\u0648\u0644 \u0633\u0644\u0633 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649\r\n            ========================================== *\/\r\n        .ng-whyus-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(35px);\r\n            transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-whyus-scope.start-animation .ng-motion-up {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .ng-whyus-scope.start-animation .delay-title-1 { transition-delay: 0.1s !important; }\r\n        .ng-whyus-scope.start-animation .delay-title-2 { transition-delay: 0.2s !important; }\r\n        .ng-whyus-scope.start-animation .delay-title-3 { transition-delay: 0.3s !important; }\r\n\r\n        .ng-whyus-scope.start-animation .delay-card-1 { transition-delay: 0.4s !important; }\r\n        .ng-whyus-scope.start-animation .delay-card-2 { transition-delay: 0.5s !important; }\r\n        .ng-whyus-scope.start-animation .delay-card-3 { transition-delay: 0.6s !important; }\r\n        .ng-whyus-scope.start-animation .delay-card-4 { transition-delay: 0.7s !important; }\r\n        .ng-whyus-scope.start-animation .delay-card-5 { transition-delay: 0.8s !important; }\r\n        .ng-whyus-scope.start-animation .delay-card-6 { transition-delay: 0.9s !important; }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u064a\u0638\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n        .ng-whyus-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 25px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            display: inline-block !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-whyus-scope .section-title {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 8px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-whyus-scope .section-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 14.5px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 680px !important;\r\n            margin: 0 auto 30px auto !important;\r\n            line-height: 1.5 !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-whyus-scope .feature-grid {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 16px !important;\r\n            justify-content: center !important;\r\n            direction: rtl !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ng-whyus-scope .feature-card {\r\n            flex: 0 0 calc(33.333% - 11px) !important;\r\n            max-width: calc(33.333% - 11px) !important;\r\n            width: calc(33.333% - 11px) !important;\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 20px !important;\r\n            padding: 22px 20px !important;\r\n            text-align: right !important;\r\n            position: relative !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            min-height: 180px !important;\r\n            transition: transform 0.2s ease,\r\n                        border-color 0.2s ease,\r\n                        box-shadow 0.2s ease,\r\n                        opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\r\n        }\r\n\r\n        .ng-whyus-scope .feature-card:hover {\r\n            transform: translateY(-5px) !important;\r\n            border-color: rgba(255, 42, 117, 0.5) !important;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), 0 0 15px rgba(255, 42, 117, 0.15) !important;\r\n        }\r\n\r\n        .ng-whyus-scope .card-top {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            margin-bottom: 12px !important;\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        .ng-whyus-scope .icon-wrapper {\r\n            width: 42px !important;\r\n            height: 42px !important;\r\n            background: rgba(255, 42, 117, 0.12) !important;\r\n            border: 1px solid rgba(255, 42, 117, 0.2) !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            color: #ff2a75 !important;\r\n            transition: all 0.2s ease !important;\r\n        }\r\n\r\n        .ng-whyus-scope .feature-card:hover .icon-wrapper {\r\n            background: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        .ng-whyus-scope .icon-wrapper svg {\r\n            width: 20px !important;\r\n            height: 20px !important;\r\n            fill: none !important;\r\n            stroke: currentColor !important;\r\n            stroke-width: 2 !important;\r\n            stroke-linecap: round !important;\r\n            stroke-linejoin: round !important;\r\n        }\r\n\r\n        .ng-whyus-scope .card-num {\r\n            font-size: 15px !important;\r\n            font-weight: 900 !important;\r\n            color: rgba(255, 255, 255, 0.2) !important;\r\n            transition: color 0.2s ease !important;\r\n        }\r\n\r\n        .ng-whyus-scope .feature-card:hover .card-num {\r\n            color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-whyus-scope .card-title {\r\n            color: #ffffff !important;\r\n            font-size: 18px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n\r\n        .ng-whyus-scope .card-desc {\r\n            color: #8e8e93 !important;\r\n            font-size: 13px !important;\r\n            line-height: 1.55 !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n\r\n        \/* ==========================================================================\r\n           \u2728 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629: \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u062a\u0638\u0644 \u0633\u0646\u062a\u0631\u060c \u0648\u0627\u0644\u0643\u0631\u0648\u062a \u062a\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 \u0641\u0642\u0637\r\n           ========================================================================== *\/\r\n        .ng-whyus-scope.is-ltr .whyus-section {\r\n            direction: ltr !important;\r\n            text-align: center !important; \/* \u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0628\u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n        }\r\n\r\n        .ng-whyus-scope.is-ltr .feature-grid {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        .ng-whyus-scope.is-ltr .feature-card {\r\n            text-align: left !important; \/* \u0627\u0644\u0643\u0631\u0648\u062a \u0645\u0646 \u062c\u0648\u0629 \u062a\u0628\u0642\u064a \u0634\u0645\u0627\u0644 *\/\r\n        }\r\n\r\n\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-whyus-scope .whyus-section { padding: 30px 15px !important; }\r\n            .ng-whyus-scope .section-title { font-size: 28px !important; }\r\n            .ng-whyus-scope .feature-grid { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }\r\n            .ng-whyus-scope .feature-card { flex: 0 0 calc(33.333% - 8px) !important; max-width: calc(33.333% - 8px) !important; width: calc(33.333% - 8px) !important; padding: 16px 14px !important; min-height: 160px !important; }\r\n            .ng-whyus-scope .card-title { font-size: 15px !important; }\r\n            .ng-whyus-scope .card-desc { font-size: 11.5px !important; line-height: 1.45 !important; }\r\n            .ng-whyus-scope .icon-wrapper { width: 36px !important; height: 36px !important; }\r\n            .ng-whyus-scope .icon-wrapper svg { width: 16px !important; height: 16px !important; }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-whyus-scope .whyus-section { padding: 25px 12px !important; }\r\n            .ng-whyus-scope .eyebrow { font-size: 11px !important; }\r\n            .ng-whyus-scope .section-title { font-size: 20px !important; }\r\n            .ng-whyus-scope .section-subtitle { font-size: 12px !important; margin-bottom: 15px !important; }\r\n            .ng-whyus-scope .feature-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; gap: 10px !important; justify-content: flex-start !important; }\r\n            .ng-whyus-scope .feature-grid::-webkit-scrollbar { display: none !important; }\r\n            .ng-whyus-scope .feature-card { flex: 0 0 78% !important; max-width: 78% !important; width: 78% !important; scroll-snap-align: center !important; border-radius: 14px !important; padding: 16px 14px !important; min-height: 150px !important; text-align: right !important; }\r\n            .ng-whyus-scope.is-ltr .feature-card { text-align: left !important; }\r\n            .ng-whyus-scope .card-title { font-size: 14px !important; }\r\n            .ng-whyus-scope .card-desc { font-size: 11.5px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"whyus-section\">\r\n        <div class=\"whyus-container\">\r\n            \r\n            <span class=\"eyebrow ng-motion-up delay-title-1\">\u0644\u0645\u0627\u0630\u0627 NG Agency\u061f<\/span>\r\n            <h2 class=\"section-title ng-motion-up delay-title-2\">\u0645\u0646\u0638\u0648\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0646\u0645\u0648 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h2>\r\n            <p class=\"section-subtitle ng-motion-up delay-title-3\">\r\n                \u0646\u0639\u0645\u0644 \u0643\u0634\u0631\u064a\u0643 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0648\u062a\u0633\u0627\u0639\u062f \u0623\u0639\u0645\u0627\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0628\u062b\u0642\u0629.\r\n            <\/p>\r\n\r\n            <div class=\"feature-grid\">\r\n                \r\n                <div class=\"feature-card ng-motion-up delay-card-1\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">01<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h3>\r\n                        <p class=\"card-desc\">\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u064a\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0644\u0646\u0634\u0627\u0637\u060c \u0648\u0627\u0644\u0633\u0648\u0642\u060c \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u0643\u0644 \u062e\u0637\u0648\u0629 \u062a\u062e\u062f\u0645 \u0647\u062f\u0641\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627 \u0648\u0645\u0631\u0628\u062d\u0627\u064b.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card ng-motion-up delay-card-2\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">02<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0645\u0646 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u062d\u062a\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u062a\u062c\u062f \u0643\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card ng-motion-up delay-card-3\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">03<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u0625\u0646\u062a\u0627\u062c \u0625\u0628\u062f\u0627\u0639\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u0627\u064b \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u062a\u0639\u0643\u0633 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u062a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u064b \u064a\u062a\u0631\u0633\u062e \u0644\u062f\u0649 \u0627\u0644\u0639\u0645\u064a\u0644.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card ng-motion-up delay-card-4\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">04<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f \u0645\u0645\u0643\u0646 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 (ROI).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card ng-motion-up delay-card-5\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">05<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u062e\u0628\u0631\u0629 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0639\u0645\u0644\u0646\u0627 \u0645\u0639 \u0645\u0637\u0627\u0639\u0645\u060c \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a\u060c \u0648\u0634\u0631\u0643\u0627\u062a\u060c \u0648\u0645\u062a\u0627\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0628\u0627\u0644\u062e\u0644\u064a\u062c.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card ng-motion-up delay-card-6\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"card-num\">06<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"card-title\">\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649<\/h3>\r\n                        <p class=\"card-desc\">\u0644\u0627 \u0646\u0628\u062d\u062b \u0639\u0646 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0639\u0627\u0628\u0631\u060c \u0628\u0644 \u0646\u0633\u0639\u0649 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u062a\u062d\u0642\u0642 \u0646\u0645\u0648\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0627\u064b \u0644\u0639\u0644\u0627\u0645\u062a\u0643.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0633\u0643\u0631\u0628\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0645\u0648\u0634\u0646 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a -->\r\n    <script>\r\n        (function() {\r\n            const whyusScope = document.querySelector(\".ng-whyus-scope\");\r\n\r\n            function checkWhyUsLang() {\r\n                const htmlDir = document.documentElement.getAttribute('dir');\r\n                const htmlLang = document.documentElement.getAttribute('lang');\r\n                const bodyClass = document.body.className;\r\n                \r\n                if (htmlDir === 'ltr' || (htmlLang && htmlLang.startsWith('en')) || bodyClass.includes('translated-ltr') || whyusScope.querySelector('.eyebrow').innerText.includes('Why')) {\r\n                    whyusScope.classList.add('is-ltr');\r\n                } else {\r\n                    whyusScope.classList.remove('is-ltr');\r\n                }\r\n            }\r\n            \r\n            const langObserver = new MutationObserver(checkWhyUsLang);\r\n            langObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n            langObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n            \r\n            checkWhyUsLang();\r\n            setInterval(checkWhyUsLang, 500);\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        whyusScope.classList.add(\"start-animation\");\r\n                    }\r\n                });\r\n            }, { threshold: 0.25 });\r\n\r\n            if (whyusScope) observer.observe(whyusScope);\r\n        })();\r\n    <\/script>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-sx2absx elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"sx2absx\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-089d853\" data-id=\"089d853\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af7f48b elementor-widget elementor-widget-heading\" data-id=\"af7f48b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d016bc7 elementor-widget elementor-widget-heading\" data-id=\"d016bc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u062b\u0642 \u0628\u0646\u0627 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u0645\u0648<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f40abc1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f40abc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-marquee-wrap\">\r\n    <div class=\"ng-marquee-track\">\r\n        <!-- \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0640 13 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u062f\u064a\u0646 \u0641\u0642\u0637 -->\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4811-scaled.png\" alt=\"Logo 1\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_0483-scaled.png\" alt=\"Logo 2\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4812.png\" alt=\"Logo 3\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/\u0635\u064a\u0627\u0646\u0629-\u064a\u0648\u0646\u064a\u0648\u0646-\u0627\u064a\u0631.png\" alt=\"Logo 4\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/TOSHIBA_Logo.png\" alt=\"Logo 5\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/2__1.png\" alt=\"Logo 6\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/21.png\" alt=\"Logo 7\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/31.png\" alt=\"Logo 8\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/41.png\" alt=\"Logo 9\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/51.png\" alt=\"Logo 10\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/91.png\" alt=\"Logo 11\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/61.png\" alt=\"Logo 12\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/71.png\" alt=\"Logo 13\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n\r\n        <!-- \u062a\u0643\u0631\u0627\u0631 \u0646\u0641\u0633 \u0627\u0644\u0640 13 \u0635\u0648\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0628\u062f\u0648\u0646 \u0641\u0648\u0627\u0635\u0644 -->\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4811-scaled.png\" alt=\"Logo 1\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_0483-scaled.png\" alt=\"Logo 2\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4812.png\" alt=\"Logo 3\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/\u0635\u064a\u0627\u0646\u0629-\u064a\u0648\u0646\u064a\u0648\u0646-\u0627\u064a\u0631.png\" alt=\"Logo 4\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/TOSHIBA_Logo.png\" alt=\"Logo 5\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/2__1.png\" alt=\"Logo 6\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/21.png\" alt=\"Logo 7\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/31.png\" alt=\"Logo 8\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/41.png\" alt=\"Logo 9\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/51.png\" alt=\"Logo 10\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/91.png\" alt=\"Logo 11\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/61.png\" alt=\"Logo 12\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/71.png\" alt=\"Logo 13\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ng-marquee-wrap {\r\n    overflow: hidden !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    display: flex !important;\r\n    direction: ltr !important;\r\n}\r\n\r\n.ng-marquee-track {\r\n    display: flex !important;\r\n    gap: 30px !important;\r\n    width: max-content !important;\r\n    animation: scrollLogos 25s linear infinite !important;\r\n}\r\n\r\n.ng-marquee-track:hover {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n.ng-logo-item {\r\n    flex: 0 0 150px !important;\r\n    width: 150px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.ng-logo-item img {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.ng-logo-item img:hover {\r\n    transform: scale(1.05) !important;\r\n}\r\n\r\n@keyframes scrollLogos {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n    .ng-logo-item {\r\n        flex: 0 0 110px !important;\r\n        width: 110px !important;\r\n    }\r\n    .ng-marquee-track {\r\n        gap: 20px !important;\r\n        animation-duration: 16s !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f30c43b elementor-widget elementor-widget-html\" data-id=\"f30c43b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-marquee-wrap\">\r\n    <div class=\"ng-marquee-track\">\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/38.png\" alt=\"Vodafone\" style=\"height: 50px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/24-1.png\" alt=\"Samsung\" style=\"height: 52px; transform: scale(1.6);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/16-1.png\" alt=\"Fresh\" style=\"height: 52px; transform: scale(1.6);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/8-1.png\" alt=\"Unionaire\" style=\"height: 52px; transform: scale(1.6);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_0483-scaled.png\" alt=\"MSI\" style=\"height: 42px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/TOSHIBA_Logo.png\" alt=\"Toshiba\" style=\"height: 28px; transform: scale(0.8);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/12-1.png\" alt=\"Al Sheikh\" style=\"height: 46px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4811-scaled.png\" alt=\"La Vache Qui Rit\" style=\"height: 44px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/21-2.png\" alt=\"Zahran Market\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/20-1.png\" alt=\"Max\" style=\"height: 46px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/22-1.png\" alt=\"Swvl\" style=\"height: 56px; transform: scale(1.5);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/31-1.png\" alt=\"The Chef\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/5-1.png\" alt=\"Memaar Almorshedy\" style=\"height: 44px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/23-1.png\" alt=\"Latoya\" style=\"height: 56px; transform: scale(1.6);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/41-1.png\" alt=\"Sun Mall\" style=\"height: 42px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/27-1.png\" alt=\"Talbet Samak\" style=\"height: 54px; transform: scale(1.55);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/6-1.png\" alt=\"Logo 6\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"Logo 7\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/9-1.png\" alt=\"Milano\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/10-1.png\" alt=\"Serajeldin\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/11-2.png\" alt=\"Kingdom\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/13-1.png\" alt=\"Morocco\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/15-1.png\" alt=\"Toca Boca\" style=\"height: 44px; transform: scale(0.9);\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/14-1.png\" alt=\"Rooh Dimashq\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/4.png\" alt=\"Redtag\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/3-1.png\" alt=\"Mellaqa\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/2-1.png\" alt=\"Iram\" style=\"height: 44px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/1-1.png\" alt=\"Joo Store\" style=\"height: 44px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/31.png\" alt=\"Logo 31\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/2__1.png\" alt=\"Logo 2-1\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/42.png\" alt=\"Logo 42\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/40.png\" alt=\"Al Ward Club\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/39.png\" alt=\"Daffodil\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/37.png\" alt=\"Town Team\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/36.png\" alt=\"Harvest Foods\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/35.png\" alt=\"Ezbet Al Borg\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/34.png\" alt=\"Jade Gemstones\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/29-1.png\" alt=\"Nagid\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/25-1.png\" alt=\"Oliver\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n        <div class=\"ng-logo-item\"><img decoding=\"async\" src=\"https:\/\/ng-agency.net\/wp-content\/uploads\/2026\/08\/IMG_4812.png\" alt=\"Partner\" style=\"height: 48px;\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ng-marquee-wrap {\r\n    overflow: hidden !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    display: flex !important;\r\n    direction: ltr !important;\r\n    padding: 20px 0 !important;\r\n}\r\n\r\n.ng-marquee-track {\r\n    display: flex !important;\r\n    gap: 40px !important;\r\n    width: max-content !important;\r\n    animation: scrollLogosSingle 90s linear infinite alternate !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.ng-marquee-track:hover {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n.ng-logo-item {\r\n    flex: 0 0 145px !important;\r\n    width: 145px !important;\r\n    height: 75px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.ng-logo-item img {\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    width: auto !important;\r\n    object-fit: contain !important;\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n    transition: transform 0.2s ease !important;\r\n}\r\n\r\n.ng-logo-item img:hover {\r\n    transform: scale(1.08) !important;\r\n}\r\n\r\n@keyframes scrollLogosSingle {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(calc(-100% + 100vw));\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n    .ng-logo-item {\r\n        flex: 0 0 115px !important;\r\n        width: 115px !important;\r\n        height: 60px !important;\r\n    }\r\n    .ng-marquee-track {\r\n        gap: 20px !important;\r\n        animation-duration: 60s !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-11843f3 e-flex e-con-boxed e-con e-parent\" data-id=\"11843f3\" 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-7ec878f elementor-widget elementor-widget-html\" data-id=\"7ec878f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-blog-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo \u0627\u0644\u0645\u0648\u062d\u062f -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-blog-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-blog-scope .blog-section {\r\n            width: 100% !important;\r\n            padding: 40px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-blog-scope .blog-container {\r\n            max-width: 1250px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0648\u0634\u0646: \u062f\u062e\u0648\u0644 \u0633\u0644\u0633 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649\r\n           ========================================== *\/\r\n        .ng-blog-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(35px);\r\n            transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0641\u0648\u0631 \u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0643\u0634\u0646 \u0644\u0644\u0639\u064a\u0646 \u0639\u0628\u0631 \u0627\u0644\u0633\u0643\u0631\u0628\u062a *\/\r\n        .ng-blog-scope.start-animation .ng-motion-up {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0641\u0627\u0621 \u062f\u0627\u062e\u0644 \u0645\u062d\u0631\u0631 Elementor \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n        .elementor-editor-active .ng-blog-scope .ng-motion-up {\r\n            opacity: 1 !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u062a\u0627\u0628\u0639 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u062a\u0648\u0627\u0644\u064a \u0638\u0647\u0648\u0631\u0647\u0627 *\/\r\n        .ng-blog-scope.start-animation .delay-1 { transition-delay: 0.1s !important; }\r\n        .ng-blog-scope.start-animation .delay-2 { transition-delay: 0.2s !important; }\r\n        .ng-blog-scope.start-animation .delay-3 { transition-delay: 0.3s !important; }\r\n        .ng-blog-scope.start-animation .delay-4 { transition-delay: 0.4s !important; }\r\n        .ng-blog-scope.start-animation .delay-5 { transition-delay: 0.5s !important; }\r\n        .ng-blog-scope.start-animation .delay-6 { transition-delay: 0.6s !important; }\r\n        .ng-blog-scope.start-animation .delay-7 { transition-delay: 0.7s !important; }\r\n\r\n        .ng-blog-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 26px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .ng-blog-scope .section-title {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n\r\n        .ng-blog-scope .section-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 14.5px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 680px !important;\r\n            margin: 0 auto 30px auto !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n\r\n        \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0644\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a (3 \u0643\u0631\u0648\u062a \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f \u062f\u0627\u064a\u0645\u0627\u064b) *\/\r\n        .ng-blog-scope .blog-grid {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            flex-wrap: nowrap !important;\r\n            gap: 16px !important;\r\n            justify-content: center !important;\r\n            direction: rtl !important;\r\n            margin-bottom: 30px !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ng-blog-scope .blog-card {\r\n            flex: 1 1 33.333% !important;\r\n            max-width: 33.333% !important;\r\n            width: 33.333% !important;\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 20px !important;\r\n            overflow: hidden !important;\r\n            text-align: right !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\r\n        }\r\n\r\n        .ng-blog-scope .blog-card:hover {\r\n            transform: translateY(-6px) !important;\r\n            border-color: rgba(255, 42, 117, 0.5) !important;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), 0 0 15px rgba(255, 42, 117, 0.15) !important;\r\n        }\r\n\r\n        .ng-blog-scope .card-image-box {\r\n            position: relative !important;\r\n            width: 100% !important;\r\n            height: 180px !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-blog-scope .card-image-box img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            transition: transform 0.3s ease !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .ng-blog-scope .blog-card:hover .card-image-box img {\r\n            transform: scale(1.06) !important;\r\n        }\r\n\r\n        .ng-blog-scope .category-badge {\r\n            position: absolute !important;\r\n            top: 12px !important;\r\n            right: 12px !important;\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            padding: 4px 12px !important;\r\n            border-radius: 20px !important;\r\n            font-size: 11px !important;\r\n            font-weight: 800 !important;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;\r\n        }\r\n\r\n        .ng-blog-scope .card-content {\r\n            padding: 18px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            flex: 1 !important;\r\n        }\r\n\r\n        .ng-blog-scope .meta-info {\r\n            color: #8e8e93 !important;\r\n            font-size: 11.5px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 6px !important;\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .ng-blog-scope .post-title {\r\n            color: #ffffff !important;\r\n            font-size: 15.5px !important;\r\n            font-weight: 800 !important;\r\n            line-height: 1.35 !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n\r\n        .ng-blog-scope .post-excerpt {\r\n            color: #8e8e93 !important;\r\n            font-size: 12.5px !important;\r\n            line-height: 1.5 !important;\r\n            font-weight: 500 !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n\r\n        .ng-blog-scope .read-more-btn {\r\n            color: #ff2a75 !important;\r\n            font-size: 12.5px !important;\r\n            font-weight: 800 !important;\r\n            text-decoration: none !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n            transition: gap 0.2s ease !important;\r\n        }\r\n\r\n        .ng-blog-scope .read-more-btn:hover {\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .ng-blog-scope .view-all-container {\r\n            margin-top: 10px !important;\r\n        }\r\n\r\n        .ng-blog-scope .view-all-btn {\r\n            display: inline-block !important;\r\n            background-color: transparent !important;\r\n            color: #111113 !important;\r\n            border: 2px solid #ff2a75 !important;\r\n            padding: 10px 28px !important;\r\n            border-radius: 30px !important;\r\n            font-size: 13.5px !important;\r\n            font-weight: 800 !important;\r\n            text-decoration: none !important;\r\n            transition: all 0.2s ease !important;\r\n        }\r\n\r\n        .ng-blog-scope .view-all-btn:hover {\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            box-shadow: 0 8px 20px rgba(255, 42, 117, 0.25) !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0644\u062a (Tablet 601px - 1024px)\r\n           ========================================== *\/\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-blog-scope .blog-section {\r\n                padding: 30px 15px !important;\r\n            }\r\n            .ng-blog-scope .eyebrow {\r\n                font-size: 22px !important; \/* \u062a\u0643\u0628\u064a\u0631 \u0645\u062a\u0646\u0627\u0633\u0642 \u0644\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n            }\r\n            .ng-blog-scope .section-title {\r\n                font-size: 26px !important;\r\n            }\r\n            .ng-blog-scope .blog-grid {\r\n                flex-direction: row !important;\r\n                flex-wrap: nowrap !important;\r\n                gap: 12px !important;\r\n                overflow: visible !important;\r\n            }\r\n            .ng-blog-scope .blog-card {\r\n                flex: 1 1 33.333% !important;\r\n                max-width: 33.333% !important;\r\n                width: 33.333% !important;\r\n            }\r\n            .ng-blog-scope .card-image-box {\r\n                height: 120px !important;\r\n            }\r\n            .ng-blog-scope .card-content {\r\n                padding: 12px !important;\r\n            }\r\n            .ng-blog-scope .post-title {\r\n                font-size: 13px !important;\r\n            }\r\n            .ng-blog-scope .post-excerpt {\r\n                font-size: 11px !important;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Mobile <= 600px)\r\n           ========================================== *\/\r\n        @media screen and (max-width: 600px) {\r\n            .ng-blog-scope .blog-section {\r\n                padding: 25px 12px !important;\r\n            }\r\n            .ng-blog-scope .eyebrow { \r\n                font-size: 18px !important; \/* \u062a\u0643\u0628\u064a\u0631 \u0645\u0645\u062a\u0627\u0630 \u0648\u0645\u062a\u0646\u0627\u0633\u0642 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n                margin-bottom: 4px !important;\r\n            }\r\n            .ng-blog-scope .section-title { font-size: 20px !important; }\r\n            .ng-blog-scope .section-subtitle { font-size: 12px !important; }\r\n\r\n            .ng-blog-scope .blog-grid {\r\n                display: flex !important;\r\n                flex-wrap: nowrap !important;\r\n                overflow-x: auto !important;\r\n                scroll-snap-type: x mandatory !important;\r\n                gap: 10px !important;\r\n                -webkit-overflow-scrolling: touch !important;\r\n                justify-content: flex-start !important;\r\n            }\r\n            .ng-blog-scope .blog-grid::-webkit-scrollbar {\r\n                display: none !important;\r\n            }\r\n            .ng-blog-scope .blog-card {\r\n                flex: 0 0 78% !important;\r\n                max-width: 78% !important;\r\n                width: 78% !important;\r\n                scroll-snap-align: center !important;\r\n                border-radius: 14px !important;\r\n            }\r\n            .ng-blog-scope .card-image-box {\r\n                height: 130px !important;\r\n            }\r\n            .ng-blog-scope .card-content {\r\n                padding: 12px !important;\r\n            }\r\n            .ng-blog-scope .post-title { font-size: 13px !important; }\r\n            .ng-blog-scope .post-excerpt { font-size: 11px !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"blog-section\">\r\n        <div class=\"blog-container\">\r\n            <span class=\"eyebrow ng-motion-up delay-1\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span>\r\n            <h2 class=\"section-title ng-motion-up delay-2\">\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/h2>\r\n            <p class=\"section-subtitle ng-motion-up delay-3\">\r\n                \u0646\u0634\u0627\u0631\u0643\u0643 \u0623\u062d\u062f\u062b \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0633\u0648\u0642 \u0648\u062a\u0646\u0645\u064a\u0629 \u0628\u0631\u0627\u0646\u062f\u0643 \u0628\u062b\u0628\u0627\u062a.\r\n            <\/p>\r\n\r\n            <div class=\"blog-grid\">\r\n                <!-- 1 -->\r\n                <article class=\"blog-card ng-motion-up delay-4\">\r\n                    <div class=\"card-image-box\">\r\n                        <span class=\"category-badge\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=800&auto=format&fit=crop\" alt=\"\u0645\u0642\u0627\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0646\u0645\u0648\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div>\r\n                            <div class=\"meta-info\"><span>\ud83d\udcc5 15 \u064a\u0648\u0644\u064a\u0648 2026<\/span><span>\u23f1\ufe0f 4 \u062f\u0642\u0627\u0626\u0642<\/span><\/div>\r\n                            <h3 class=\"post-title\">\u0643\u064a\u0641 \u062a\u0628\u0646\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u0636\u0645\u0646 \u0633\u064a\u0637\u0631\u0629 \u0628\u0631\u0627\u0646\u062f\u0643 \u0641\u064a 2026\u061f<\/h3>\r\n                            <p class=\"post-excerpt\">\u062e\u0637\u0648\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0644\u0628\u0646\u0627\u0621 \u062e\u0637\u0629 \u0646\u0645\u0648 \u0634\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0633\u0648\u0642.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/ng-agency.net\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\/\" class=\"read-more-btn\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \u276e<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 2 -->\r\n                <article class=\"blog-card ng-motion-up delay-5\">\r\n                    <div class=\"card-image-box\">\r\n                        <span class=\"category-badge\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u0645\u0648\u0644\u0629<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?q=80&w=800&auto=format&fit=crop\" alt=\"\u0645\u0642\u0627\u0644 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div>\r\n                            <div class=\"meta-info\"><span>\ud83d\udcc5 10 \u064a\u0648\u0644\u064a\u0648 2026<\/span><span>\u23f1\ufe0f 5 \u062f\u0642\u0627\u0626\u0642<\/span><\/div>\r\n                            <h3 class=\"post-title\">\u0623\u0633\u0631\u0627\u0631 \u062a\u062e\u0641\u064a\u0636 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 (ROAS)<\/h3>\r\n                            <p class=\"post-excerpt\">\u0623\u0647\u0645 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0631\u0641\u0639 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u062d\u0645\u0644\u0627\u062a\u0643.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/ng-agency.net\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\/\" class=\"read-more-btn\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \u276e<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- 3 -->\r\n                <article class=\"blog-card ng-motion-up delay-6\">\r\n                    <div class=\"card-image-box\">\r\n                        <span class=\"category-badge\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?q=80&w=800&auto=format&fit=crop\" alt=\"\u0645\u0642\u0627\u0644 \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629\" title=\"\u0627\u0644\u0631\u0626\u0633\u064a\u0629\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div>\r\n                            <div class=\"meta-info\"><span>\ud83d\udcc5 02 \u064a\u0648\u0644\u064a\u0648 2026<\/span><span>\u23f1\ufe0f 3 \u062f\u0642\u0627\u0626\u0642<\/span><\/div>\r\n                            <h3 class=\"post-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0641\u0634\u0644 \u0628\u0639\u0636 \u0627\u0644\u0628\u0631\u0627\u0646\u062f\u0627\u062a \u0641\u064a \u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639 \u062f\u0627\u0626\u0645\u061f<\/h3>\r\n                            <p class=\"post-excerpt\">\u062a\u062d\u0644\u064a\u0644 \u0628\u0635\u0631\u0649 \u0644\u0623\u0647\u0645\u064a\u0629 \u0627\u062a\u0633\u0627\u0642 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0648\u0635\u0648\u062a \u0627\u0644\u0628\u0631\u0627\u0646\u062f.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/ng-agency.net\/\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\/\" class=\"read-more-btn\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 \u0643\u0627\u0645\u0644\u0627\u064b \u276e<\/a>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <div class=\"view-all-container ng-motion-up delay-7\">\r\n                <a href=\"https:\/\/ng-agency.net\/%d8%a7%d9%84%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa\/\" class=\"view-all-btn\">\u062a\u0635\u0641\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \ud83d\udcd1<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0633\u0643\u0631\u0628\u062a \u062a\u0641\u0639\u064a\u0644 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u0628\u0627\u0644\u0640 IntersectionObserver \u0639\u0646\u062f \u0627\u0644\u0633\u0643\u0631\u0648\u0644 -->\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const blogScope = document.querySelector(\".ng-blog-scope\");\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        blogScope.classList.add(\"start-animation\");\r\n                    }\r\n                });\r\n            }, { \r\n                threshold: 0.25 \r\n            });\r\n\r\n            if (blogScope) observer.observe(blogScope);\r\n        });\r\n    <\/script>\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-f39f925 e-flex e-con-boxed e-con e-parent\" data-id=\"f39f925\" 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-82c4d47 faq elementor-widget elementor-widget-html\" data-id=\"82c4d47\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"faq\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-faq-scope\">\r\n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 Cairo \u0627\u0644\u0645\u0648\u062d\u062f -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-faq-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-section {\r\n            width: 100% !important;\r\n            padding: 40px 20px !important;\r\n            background: transparent !important;\r\n            direction: rtl !important;\r\n            text-align: center !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-container {\r\n            max-width: 1250px !important;\r\n            margin: 0 auto !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n            \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0648\u0634\u0646: \u0628\u0637\u064a\u0621\u060c \u0647\u0627\u062f\u0626\u060c \u0648\u0633\u064a\u0646\u0645\u0627\u0626\u064a (1.8s)\r\n            ========================================== *\/\r\n        .ng-faq-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(45px);\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        \/* \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0641\u0648\u0631 \u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0643\u0634\u0646 \u0644\u0644\u0639\u064a\u0646 \u0639\u0628\u0631 \u0627\u0644\u0633\u0643\u0631\u0628\u062a *\/\r\n        .ng-faq-scope.start-animation .ng-motion-up {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0641\u0627\u0621 \u062f\u0627\u062e\u0644 \u0645\u062d\u0631\u0631 Elementor \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n        .elementor-editor-active .ng-faq-scope .ng-motion-up {\r\n            opacity: 1 !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u062a\u0627\u0628\u0639 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0628\u0637\u0621 \u0648\u0647\u062f\u0648\u0621 *\/\r\n        .ng-faq-scope.start-animation .delay-title-1 { transition-delay: 0.1s !important; }\r\n        .ng-faq-scope.start-animation .delay-title-2 { transition-delay: 0.25s !important; }\r\n        .ng-faq-scope.start-animation .delay-title-3 { transition-delay: 0.4s !important; }\r\n\r\n        .ng-faq-scope.start-animation .delay-card-1 { transition-delay: 0.45s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-2 { transition-delay: 0.53s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-3 { transition-delay: 0.61s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-4 { transition-delay: 0.69s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-5 { transition-delay: 0.77s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-6 { transition-delay: 0.85s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-7 { transition-delay: 0.93s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-8 { transition-delay: 1.01s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-9 { transition-delay: 1.09s !important; }\r\n        .ng-faq-scope.start-animation .delay-card-10 { transition-delay: 1.17s !important; }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062b\u0627\u0628\u062a\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062a\u0645\u0627\u0645\u0627\u064b (Center) \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u062a\u064a\u0646 *\/\r\n        .ng-faq-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 26px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 6px !important;\r\n            display: inline-block !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-faq-scope .section-title {\r\n            color: #111113 !important;\r\n            font-size: 32px !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.2 !important;\r\n            margin-bottom: 6px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ng-faq-scope .section-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 13.5px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 650px !important;\r\n            margin: 0 auto 25px auto !important;\r\n            line-height: 1.4 !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 *\/\r\n        .ng-faq-scope .faq-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 12px 16px !important;\r\n            text-align: right !important;\r\n            align-items: start !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-item {\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 14px !important;\r\n            overflow: hidden !important;\r\n            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-item:hover {\r\n            transform: translateY(-4px) !important;\r\n            border-color: rgba(255, 42, 117, 0.4) !important;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3), 0 0 12px rgba(255, 42, 117, 0.12) !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-item.active {\r\n            border-color: rgba(255, 42, 117, 0.6) !important;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-header {\r\n            padding: 12px 16px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            cursor: pointer !important;\r\n            user-select: none !important;\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-title {\r\n            color: #ffffff !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-icon {\r\n            width: 24px !important;\r\n            height: 24px !important;\r\n            background: rgba(255, 42, 117, 0.12) !important;\r\n            color: #ff2a75 !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 14px !important;\r\n            font-weight: 900 !important;\r\n            transition: transform 0.3s ease, background 0.3s ease !important;\r\n            flex-shrink: 0 !important;\r\n            margin-right: 8px !important;\r\n            margin-left: 0 !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-item.active .faq-icon {\r\n            transform: rotate(45deg) !important;\r\n            background: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-body {\r\n            max-height: 0 !important;\r\n            overflow: hidden !important;\r\n            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) !important;\r\n            padding: 0 16px !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-item.active .faq-body {\r\n            max-height: 200px !important;\r\n            padding: 0 16px 12px 16px !important;\r\n            transition: max-height 0.3s cubic-bezier(1, 0, 1, 0) !important;\r\n        }\r\n\r\n        .ng-faq-scope .faq-answer {\r\n            color: #8e8e93 !important;\r\n            font-size: 12.5px !important;\r\n            line-height: 1.55 !important;\r\n            font-weight: 500 !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n            padding-top: 8px !important;\r\n            text-align: right !important;\r\n        }\r\n\r\n\r\n        \/* ==========================================================================\r\n           \u2728 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u064a\u0638\u0644 \u0633\u0646\u062a\u0631\u060c \u0648\u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0627\u0644\u0643\u0631\u0648\u062a \u062a\u0635\u0628\u062d LTR\r\n           ========================================================================== *\/\r\n        .ng-faq-scope.is-ltr .faq-section {\r\n            direction: ltr !important;\r\n            text-align: center !important; \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u064a\u0638\u0644 \u0633\u0646\u062a\u0631 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n        }\r\n\r\n        .ng-faq-scope.is-ltr .faq-grid {\r\n            direction: ltr !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-faq-scope.is-ltr .faq-title {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-faq-scope.is-ltr .faq-answer {\r\n            text-align: left !important;\r\n        }\r\n\r\n        .ng-faq-scope.is-ltr .faq-icon {\r\n            margin-right: 0 !important;\r\n            margin-left: 8px !important;\r\n        }\r\n\r\n\r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-faq-scope .eyebrow {\r\n                font-size: 22px !important;\r\n            }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-faq-scope .faq-section {\r\n                padding: 20px 12px !important;\r\n            }\r\n            .ng-faq-scope .eyebrow {\r\n                font-size: 18px !important;\r\n                margin-bottom: 2px !important;\r\n            }\r\n            .ng-faq-scope .section-title {\r\n                font-size: 20px !important;\r\n            }\r\n            .ng-faq-scope .section-subtitle {\r\n                font-size: 12px !important;\r\n                margin-bottom: 15px !important;\r\n            }\r\n            .ng-faq-scope .faq-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 8px !important;\r\n            }\r\n            .ng-faq-scope .faq-header {\r\n                padding: 10px 12px !important;\r\n            }\r\n            .ng-faq-scope .faq-title {\r\n                font-size: 12.5px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"faq-section\">\r\n        <div class=\"faq-container\">\r\n            <span class=\"eyebrow ng-motion-up delay-title-1\">\u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644\u061f<\/span>\r\n            <h2 class=\"section-title ng-motion-up delay-title-2\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u062a\u0647 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0645\u0634\u0631\u0648\u0639\u0643<\/h2>\r\n            <p class=\"section-subtitle ng-motion-up delay-title-3\">\r\n                \u0625\u0644\u064a\u0643 \u0625\u062c\u0627\u0628\u0627\u062a \u0644\u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0634\u064a\u0648\u0639\u064b\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n            <\/p>\r\n\r\n            <div class=\"faq-grid\">\r\n                <div class=\"faq-item ng-motion-up delay-card-1\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">1. \u0645\u0627 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 NG Agency\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629\u060c \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648SEO.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-2\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">2. \u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0639\u0644\u0649 \u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-3\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">3. \u0643\u064a\u0641 \u062a\u0628\u062f\u0623\u0648\u0646 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0646\u0634\u0627\u0637\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u060c \u062b\u0645 \u0646\u0636\u0639 \u062e\u0637\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-4\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">4. \u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u062f\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062f\u0629 \u062d\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0648\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u0648\u0627\u0636\u062d \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-5\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">5. \u0647\u0644 \u062a\u0639\u0645\u0644\u0648\u0646 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0641\u0642\u0637\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0627\u0634\u0626\u0629\u060c \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0626\u0645\u0629\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u0639\u0649 \u0644\u0644\u062a\u0648\u0633\u0639 \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0623\u0643\u0628\u0631.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-6\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">6. \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0639\u0645\u060c \u0646\u0648\u0641\u0631 \u062c\u0644\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0647\u0648\u064a\u062a\u0643.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-7\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">7. \u0647\u0644 \u064a\u0645\u0643\u0646\u0643\u0645 \u0625\u062f\u0627\u0631\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0639\u0645\u060c \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a\u060c \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0646\u0634\u0631\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-8\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">8. \u0643\u064a\u0641 \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0633\u0639\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0648\u062d\u062c\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639. \u0628\u0639\u062f \u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0646\u0642\u062f\u0645 \u0639\u0631\u0636\u064b\u0627 \u0645\u0646\u0627\u0633\u0628\u064b\u0627 \u0648\u0645\u0641\u0635\u0644\u064b\u0627.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-9\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">9. \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062a\u0642\u0627\u0631\u064a\u0631 \u0639\u0646 \u0627\u0644\u0623\u062f\u0627\u0621\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u0646\u0639\u0645\u060c \u0646\u0648\u0641\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u062f\u0648\u0631\u064a\u0629 \u062a\u0648\u0636\u062d \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item ng-motion-up delay-card-10\">\r\n                    <div class=\"faq-header\" onclick=\"toggleFaq(this)\">\r\n                        <h3 class=\"faq-title\">10. \u0643\u064a\u0641 \u0623\u0628\u062f\u0623 \u0645\u0639\u0643\u0645\u061f<\/h3>\r\n                        <span class=\"faq-icon\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\"><p class=\"faq-answer\">\u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0623\u0648 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0648\u0633\u0646\u0631\u062a\u0628 \u0627\u062c\u062a\u0645\u0627\u0639\u064b\u0627 \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.<\/p><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0633\u0643\u0631\u0628\u062a \u062a\u0641\u0639\u064a\u0644 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0634\u0646\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0640 Accordion\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0644\u063a\u0629 -->\r\n    <script>\r\n        (function() {\r\n            const faqScope = document.querySelector(\".ng-faq-scope\");\r\n\r\n            function checkFaqLang() {\r\n                const htmlDir = document.documentElement.getAttribute('dir');\r\n                const htmlLang = document.documentElement.getAttribute('lang');\r\n                const bodyClass = document.body.className;\r\n                \r\n                if (htmlDir === 'ltr' || (htmlLang && htmlLang.startsWith('en')) || bodyClass.includes('translated-ltr') || faqScope.querySelector('.eyebrow').innerText.includes('Have')) {\r\n                    faqScope.classList.add('is-ltr');\r\n                } else {\r\n                    faqScope.classList.remove('is-ltr');\r\n                }\r\n            }\r\n            \r\n            const langObserver = new MutationObserver(checkFaqLang);\r\n            langObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n            langObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n            \r\n            checkFaqLang();\r\n            setInterval(checkFaqLang, 500);\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        faqScope.classList.add(\"start-animation\");\r\n                    }\r\n                });\r\n            }, { threshold: 0.25 });\r\n\r\n            if (faqScope) observer.observe(faqScope);\r\n        })();\r\n\r\n        function toggleFaq(headerElement) {\r\n            const item = headerElement.parentElement;\r\n            const isAlreadyActive = item.classList.contains('active');\r\n            const allItems = document.querySelectorAll('.ng-faq-scope .faq-item');\r\n            allItems.forEach(i => i.classList.remove('active'));\r\n            if (!isAlreadyActive) {\r\n                item.classList.add('active');\r\n            }\r\n        }\r\n    <\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629\u2026 \u064a\u0635\u0639\u0628 \u062a\u062c\u0627\u0647\u0644\u0647\u0627 \u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u060c \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0627\u0644\u0646\u0645\u0648. \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"footnotes":""},"class_list":["post-3736","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"scopevision8","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/302c8206fc793462c9c58a6fe0750c6df58f8cd5a05efa230aaca9351f53ccb7?s=96&d=mm&r=g","author_link":"https:\/\/ng-agency.net\/en\/author\/scopevision8\/","description":""},"_links":{"self":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/comments?post=3736"}],"version-history":[{"count":413,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3736\/revisions"}],"predecessor-version":[{"id":4436,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3736\/revisions\/4436"}],"wp:attachment":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/media?parent=3736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}