{"id":9684,"date":"2023-07-03T14:55:12","date_gmt":"2023-07-03T14:55:12","guid":{"rendered":"https:\/\/devsedu.softatomic.com\/?page_id=9684"},"modified":"2026-03-27T05:54:38","modified_gmt":"2026-03-27T02:54:38","slug":"business-coach","status":"publish","type":"page","link":"https:\/\/productsheroes.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9684\" class=\"elementor elementor-9684\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c98923f e-con-full e-flex e-con e-parent\" data-id=\"c98923f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0784d02 elementor-widget elementor-widget-html\" data-id=\"0784d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"hero-wrapper\" dir=\"rtl\" class=\"relative w-full overflow-hidden\" style=\"background-color: #020b1c; font-family: 'Cairo', sans-serif;\">\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\" crossorigin>\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\" defer><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"preload\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\r\n    <noscript><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"><\/noscript>\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'neon-green': '#00dc82',\r\n                        'neon-blue': '#0052cc',\r\n                    },\r\n                    boxShadow: {\r\n                        'glow': '0 0 50px -10px rgba(0, 220, 130, 0.3)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0633\u0643\u0634\u0646 \u062f\u0647 \u0628\u0633 *\/\r\n        #hero-wrapper .arch-bg {\r\n            position: absolute;\r\n            top: 15%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 140%;\r\n            height: 900px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n            background: radial-gradient(circle at top, rgba(0, 220, 130, 0.08) 0%, transparent 45%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        #hero-wrapper .swiper {\r\n            width: 100%;\r\n            padding-top: 40px;\r\n            padding-bottom: 60px;\r\n            overflow: visible !important;\r\n        }\r\n\r\n        #hero-wrapper .swiper-slide {\r\n            background-position: center;\r\n            background-size: cover;\r\n            width: 300px;\r\n            height: 220px;\r\n            border-radius: 16px;\r\n            opacity: 0.4;\r\n            transition: all 0.5s ease;\r\n            filter: grayscale(100%);\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            #hero-wrapper .swiper-slide {\r\n                width: 600px;\r\n                height: 380px;\r\n            }\r\n        }\r\n\r\n        #hero-wrapper .swiper-slide-active {\r\n            opacity: 1;\r\n            transform: scale(1.1) !important;\r\n            z-index: 10;\r\n            filter: grayscale(0%);\r\n            border: 1px solid rgba(0, 220, 130, 0.6);\r\n            box-shadow: 0 10px 40px -10px rgba(0,0,0,0.8), 0 0 30px rgba(0, 220, 130, 0.1);\r\n        }\r\n\r\n        #hero-wrapper .gradient-text {\r\n            background: linear-gradient(to left, #00dc82, #29b6f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            line-height: 75px;\r\n        }\r\n\r\n        #hero-wrapper .btn-primary {\r\n            background: linear-gradient(90deg, #00dc82 0%, #00b894 100%);\r\n            box-shadow: 0 0 20px rgba(0, 220, 130, 0.3);\r\n            color: #020b1c; \r\n        }\r\n        #hero-wrapper .btn-primary:hover {\r\n            box-shadow: 0 0 30px rgba(0, 220, 130, 0.5);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-12px); }\r\n        }\r\n        #hero-wrapper .floating-tag {\r\n            animation: float 5s ease-in-out infinite;\r\n        }\r\n        \r\n        \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0642\u0628\u0644 \u0645\u0627 \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u064a\u0634\u062a\u063a\u0644 *\/\r\n#hero-wrapper .swiper {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.5s ease, visibility 0.5s ease;\r\n}\r\n\r\n\/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0628\u0646\u0639\u0648\u0645\u0629 \u0623\u0648\u0644 \u0645\u0627 \u0645\u0643\u062a\u0628\u0629 Swiper \u062a\u0634\u062a\u063a\u0644 *\/\r\n#hero-wrapper .swiper.swiper-initialized {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n    <\/style>\r\n\r\n    <div class=\"relative flex flex-col items-center pt-20 pb-10\">\r\n        \r\n        <div class=\"arch-bg\"><\/div>\r\n        \r\n        <div class=\"relative z-10 text-center mb-6 max-w-4xl px-4\">\r\n            \r\n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/5 border border-white\/10 backdrop-blur-sm mb-6\">\r\n                <span class=\"w-2 h-2 rounded-full bg-neon-green\"><\/span>\r\n                <span class=\"text-neon-green text-sm font-bold tracking-wide\">\u0646\u062d\u0646 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a Products Heroes<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"text-3xl md:text-5xl font-extrabold leading-tight mb-6 text-white\">\r\n                 \u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c <br>\r\n                <span class=\"gradient-text\">\u0647\u0630\u0627 \u0645\u0643\u0627\u0646\u0643!<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"text-gray-300 text-lg md:text-xl max-w-2xl mx-auto mb-8 leading-relaxed\">\r\n                \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u062a\u0639\u0644\u0651\u0645\u060c \u0627\u0628\u0646\u064a\u060c \u0648\u0623\u0644\u0647\u0645 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645\r\n\u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a. \u062d\u0648\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0646\u0627\u062c\u062d\u0629\u060c \u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0644.\r\n            <\/p>\r\n\r\n            <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 mb-10\">\r\n                <a href=\"https:\/\/productsheroes.sa\/join-us-as-expert\/\" class=\"btn-primary font-bold py-3 px-10 rounded-full transition-all w-full md:w-auto\">\r\n                    \u0627\u0646\u0636\u0645 \u0643\u062e\u0628\u064a\u0631\r\n                <\/a>\r\n                <a href=\"https:\/\/productsheroes.sa\/how-can-we-help\/\" class=\"bg-white\/5 hover:bg-white\/10 border border-white\/10 text-white font-semibold py-3 px-10 rounded-full backdrop-blur-md transition-all w-full md:w-auto\">\r\n                    \u062c\u0627\u0647\u0632\u064a\u0646 \u0646\u0633\u0627\u0639\u062f\u0643\r\n                <\/a>\r\n                <a href=\"https:\/\/chat.whatsapp.com\/I22cny9roBnAxz6QA5NiTJ\" class=\"bg-white\/5 hover:bg-white\/10 border border-white\/10 text-white font-semibold py-3 px-10 rounded-full backdrop-blur-md transition-all w-full md:w-auto\">\r\n                    \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative w-full max-w-[1400px] mx-auto z-20\" dir=\"ltr\">\r\n            \r\n            <div class=\"floating-tag absolute top-0 left-1\/2 -translate-x-1\/2 -mt-6 bg-white\/5 border border-white\/10 text-white px-4 py-2 rounded-full backdrop-blur-md z-20 flex gap-2 items-center\">\r\n                <i class=\"fa-solid fa-rocket text-neon-green\"><\/i>\r\n                <span class=\"text-sm font-bold\">\u0625\u0637\u0644\u0627\u0642 \u0642\u062f\u0631\u0627\u062a\u0643<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"swiper mySwiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <img fetchpriority=\"high\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg\" class=\"w-full h-full object-cover\" alt=\"Workshop\" width=\"600\" height=\"380\" fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/90 to-transparent flex items-end justify-center p-6\">\r\n                            <h3 class=\"text-white font-bold text-xl\">\u0648\u0631\u0634 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <img fetchpriority=\"high\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/19d9aa10-0530-42fe-9b83-c327a7e395e8.jpg\" class=\"w-full h-full object-cover\" alt=\"Workshop\" width=\"600\" height=\"380\" fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/90 to-transparent flex items-end justify-center p-6\">\r\n                            <h3 class=\"text-white font-bold text-xl\">\u0645\u0639\u0633\u0643\u0631\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1744457b-1dbf-4102-9daf-4f813f19b832.jpg\" class=\"w-full h-full object-cover\" alt=\"Workshop\" width=\"600\" height=\"380\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/90 to-transparent flex items-end justify-center p-6\">\r\n                            <h3 class=\"text-white font-bold text-xl\">\u0644\u0642\u0627\u0621\u0627\u062a \u062f\u0648\u0631\u064a\u0629<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-17-at-5.01.01-PM.jpeg\" class=\"w-full h-full object-cover\" alt=\"Workshop\" width=\"600\" height=\"380\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/90 to-transparent flex items-end justify-center p-6\">\r\n                            <h3 class=\"text-white font-bold text-xl\">\u0645\u062c\u062a\u0645\u0639 \u0641\u0639\u0627\u0644<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <img loading=\"lazy\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/ba0fd48b-9926-45bb-aa52-d424595d66de.jpg\" class=\"w-full h-full object-cover\" alt=\"Practical\" width=\"600\" height=\"380\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-black\/90 to-transparent flex items-end justify-center p-6\">\r\n                            <h3 class=\"text-white font-bold text-xl\">\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"w-full max-w-5xl mx-auto px-6 mt-2 relative z-20\">\r\n            <div class=\"grid grid-cols-3 gap-8 py-8 border-t border-white\/10 text-center\">\r\n                <div class=\"relative after:content-[''] after:absolute after:left-0 after:top-1\/2 after:-translate-y-1\/2 after:h-10 after:w-[1px] after:bg-white\/10 last:after:hidden\">\r\n                    <span class=\"block text-4xl font-bold text-white mb-1\">6000+<\/span>\r\n                    <span class=\"text-sm text-gray-400\">\u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c<\/span>\r\n                <\/div>\r\n                <div class=\"relative after:content-[''] after:absolute after:left-0 after:top-1\/2 after:-translate-y-1\/2 after:h-10 after:w-[1px] after:bg-white\/10 last:after:hidden\">\r\n                    <span class=\"block text-4xl font-bold text-white mb-1\">25+<\/span>\r\n                    <span class=\"text-sm text-gray-400\">\u0644\u0642\u0627\u0621\u0627\u062a<\/span>\r\n                <\/div>\r\n                <div>\r\n                    <span class=\"block text-4xl font-bold text-white mb-1\">60+<\/span>\r\n                    <span class=\"text-sm text-gray-400\">\u0645\u062a\u062f\u0631\u0628 <\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var swiper = new Swiper(\".mySwiper\", {\r\n            effect: \"coverflow\",\r\n            grabCursor: true,\r\n            centeredSlides: true,\r\n            slidesPerView: \"auto\",\r\n            initialSlide: 1,\r\n            spaceBetween: 40,\r\n            loop: true,\r\n            speed: 1000,\r\n            autoplay: {\r\n                delay: 2500,\r\n                disableOnInteraction: false,\r\n                reverseDirection: true, \r\n            },\r\n            coverflowEffect: {\r\n                rotate: 0,\r\n                stretch: 0,\r\n                depth: 150,\r\n                modifier: 1.5,\r\n                slideShadows: false, \r\n            },\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb5bc84 e-con-full e-flex e-con e-parent\" data-id=\"bb5bc84\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35415cb elementor-widget elementor-widget-html\" data-id=\"35415cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"relative w-full py-24 bg-white overflow-hidden\" dir=\"rtl\" style=\"font-family: 'Cairo', sans-serif;\">\r\n\r\n    <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-[#00dc82]\/10 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n    <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-[#0052cc]\/10 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n    \r\n    <div class=\"absolute inset-0 opacity-[0.4]\" \r\n         style=\"background-image: radial-gradient(#cbd5e1 1px, transparent 1px); background-size: 24px 24px;\">\r\n    <\/div>\r\n\r\n    <div class=\"relative z-10 max-w-[1300px] mx-auto px-6\">\r\n        \r\n        <div class=\"flex flex-col lg:flex-row items-center gap-16 lg:gap-24\">\r\n            \r\n            <div class=\"w-full lg:w-5\/12 relative order-1 lg:order-2\">\r\n                <div class=\"relative w-full max-w-[500px] mx-auto aspect-square flex items-center justify-center\">\r\n                    \r\n                    <div class=\"absolute inset-0 border-2 border-dashed border-[#00dc82] rounded-full animate-[spin_20s_linear_infinite] opacity-60\"><\/div>\r\n                    <div class=\"absolute inset-6 border border-[#0052cc] rounded-full animate-[spin_15s_linear_infinite_reverse] opacity-60\"><\/div>\r\n\r\n                    <div class=\"absolute inset-10 bg-gradient-to-tr from-[#00dc82] to-[#0052cc] rounded-full blur-[50px] opacity-20\"><\/div>\r\n\r\n                    <div class=\"relative w-[85%] h-[85%] rounded-full overflow-hidden border-[6px] border-white shadow-2xl group z-10\">\r\n                        <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/\u062a\u0635\u0645\u064a\u0645-\u0628\u062f\u0648\u0646-\u0639\u0646\u0648\u0627\u0646-5.png\" \r\n                             class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" \r\n                             alt=\"Community Manager\">\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute bottom-12 -right-4 bg-white border border-gray-100 py-3 px-6 rounded-2xl shadow-[0_10px_30px_-10px_rgba(0,0,0,0.1)] animate-bounce duration-[3000ms] z-20\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <span class=\"relative flex h-3 w-3\">\r\n                                <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#00dc82] opacity-75\"><\/span>\r\n                                <span class=\"relative inline-flex rounded-full h-3 w-3 bg-[#00dc82]\"><\/span>\r\n                            <\/span>\r\n                            <span class=\"text-[#020b1c] font-bold text-sm\">\u0645\u062c\u062a\u0645\u0639 \u0646\u0634\u0637 24\/7<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"w-full lg:w-7\/12 text-center lg:text-right order-2 lg:order-1\">\r\n                \r\n                <h2 class=\"text-4xl md:text-5xl font-black text-[#020b1c] mb-8 leading-tight\">\r\n                    \u0645\u0627\u0630\u0627 \u064a\u0642\u062f\u0645 <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-[#00dc82] to-[#0052cc]\">\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u061f<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"bg-gradient-to-br from-[#f8fafc] to-white border border-gray-100 rounded-3xl p-8 shadow-lg mb-10 relative overflow-hidden group hover:border-[#00dc82]\/30 transition-all\">\r\n                    <div class=\"absolute right-0 top-0 h-full w-1.5 bg-gradient-to-b from-[#00dc82] to-[#0052cc]\"><\/div>\r\n                    \r\n                    <p class=\"text-gray-600 text-lg leading-loose font-medium\">\r\n                        \u0643\u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0646\u0648\u0641\u0631 \u0645\u0633\u0627\u062d\u0629 \u0622\u0645\u0646\u0629 \u0648\u0645\u0644\u0647\u0645\u0629 \u062a\u062c\u0645\u0639 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u062a\u0645\u064a\u0646 \u0628\u0627\u0644\u0645\u062c\u0627\u0644 \u0644\u0644\u062a\u0639\u0644\u0645 \u0645\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629\u060c \u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\u060c \u0648\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0647\u0646\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629. \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\u060c \u0627\u0644\u0646\u0642\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u0627\u062f\u0642\u0629\u060c \u0648\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0648\u0635\u0646\u0627\u0639\u0629 \u0623\u062b\u0631 \u062d\u0642\u064a\u0642\u064a.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-10\">\r\n                    \r\n                    <div class=\"flex items-center gap-4 bg-white p-4 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-[#00dc82] transition-all duration-300 group hover:-translate-y-1 cursor-default\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-[#ecfdf5] flex items-center justify-center text-[#00dc82] group-hover:bg-[#00dc82] group-hover:text-white transition-colors shadow-sm\">\r\n                            <i class=\"fa-solid fa-chalkboard-user text-xl\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-[#020b1c] font-bold text-sm\">\u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 bg-white p-4 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-[#0052cc] transition-all duration-300 group hover:-translate-y-1 cursor-default\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-[#eff6ff] flex items-center justify-center text-[#0052cc] group-hover:bg-[#0052cc] group-hover:text-white transition-colors shadow-sm\">\r\n                            <i class=\"fa-solid fa-users-viewfinder text-xl\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-[#020b1c] font-bold text-sm\">\u0644\u0642\u0627\u0621\u0627\u062a \u062f\u0648\u0631\u064a\u0629<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4 bg-white p-4 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-[#FFD02F] transition-all duration-300 group hover:-translate-y-1 cursor-default\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-[#fffbeb] flex items-center justify-center text-[#FFD02F] group-hover:bg-[#FFD02F] group-hover:text-[#020b1c] transition-colors shadow-sm\">\r\n                            <i class=\"fa-solid fa-briefcase text-xl\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-[#020b1c] font-bold text-sm\">\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u0631\u0635 \u0648\u0638\u064a\u0641\u064a\u0629 \u0648\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\r\n                    <\/div>\r\n\r\n                 <div class=\"flex items-center gap-4 bg-white p-4 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-[#00dc82] transition-all duration-300 group hover:-translate-y-1 cursor-default\">\r\n    \r\n    <div class=\"w-12 h-12 rounded-xl bg-[#00dc82]\/10 flex items-center justify-center text-[#00dc82] group-hover:bg-[#00dc82] group-hover:text-white transition-colors shadow-sm\">\r\n        <i class=\"fa-solid fa-headset text-xl\"><\/i>\r\n    <\/div>\r\n    \r\n    <span class=\"text-[#020b1c] font-bold text-sm\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062e\u0627\u0635\u0629 \u0645\u0646 \u062e\u0628\u0631\u0627\u0621<\/span>\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/productsheroes.sa\/how-can-we-help\/\" class=\"inline-flex items-center justify-center py-4 px-10 rounded-full bg-[#020b1c] text-white font-bold text-lg shadow-[0_10px_20px_-5px_rgba(2,11,28,0.3)] hover:shadow-[0_15px_30px_-5px_rgba(0,220,130,0.4)] hover:scale-105 hover:bg-[#00dc82] hover:text-[#020b1c] transition-all duration-300 w-full md:w-auto\">\r\n                    \u062c\u0627\u0647\u0632\u064a\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643\r\n                    <i class=\"fa-solid fa-heart mr-3\"><\/i>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8661ce9 e-con-full e-flex e-con e-parent\" data-id=\"8661ce9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bff2cb9 elementor-widget elementor-widget-html\" data-id=\"bff2cb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"relative w-full py-24 bg-[#f8fafc] overflow-hidden\" dir=\"rtl\" style=\"font-family: 'Cairo', sans-serif;\">\r\n\r\n    <div class=\"absolute top-0 right-0 w-[800px] h-[800px] bg-[#00dc82] opacity-[0.03] rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n    <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-[#0052cc] opacity-[0.03] rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n    <div class=\"relative z-10 max-w-6xl mx-auto px-6\"> \r\n        <div class=\"text-center mb-20\">\r\n            <h2 class=\"text-4xl md:text-6xl font-black text-[#020b1c] mb-6\">\r\n                \u062e\u062f\u0645\u0627\u062a\u0646\u0627 <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-[#00dc82] to-[#0052cc]\">\u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/span>\r\n            <\/h2>\r\n            <p class=\"text-xl text-gray-500 max-w-3xl mx-auto leading-relaxed\">\r\n                \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0639\u0634\u0627\u0646 \u0646\u0633\u0627\u0639\u062f\u0643 \u062a\u0628\u0646\u064a \u062e\u0628\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12 items-stretch\">\r\n\r\n            <div class=\"group relative w-full bg-white rounded-[40px] p-10 shadow-[0_20px_60px_-15px_rgba(0,0,0,0.05)] border border-gray-100 hover:border-[#0052cc]\/30 transition-all duration-500 hover:-translate-y-2 overflow-hidden flex flex-col\">\r\n                <div class=\"absolute top-0 right-0 w-full h-[250px] bg-gradient-to-b from-[#0052cc]\/5 to-transparent\"><\/div>\r\n                \r\n                <div class=\"relative z-10 flex flex-col h-full\">\r\n                    <div class=\"w-24 h-24 rounded-3xl bg-[#e0efff] flex items-center justify-center text-[#0052cc] text-4xl mb-8 group-hover:bg-[#0052cc] group-hover:text-white transition-colors duration-500 shadow-lg shadow-blue-100\">\r\n                        <i class=\"fa-solid fa-sitemap\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"text-3xl font-bold text-[#020b1c] mb-6 group-hover:text-[#0052cc] transition-colors\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u062d\u062a\u0649 \u0627\u0644\u0628\u0637\u0644<\/h3>\r\n                    \r\n                    <p class=\"text-gray-500 text-lg leading-loose mb-6 flex-grow\">\r\n                        \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u060c \u0648\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a.\r\n                    <\/p>\r\n\r\n                    <div class=\"mb-8 w-full border-t border-gray-100 pt-6\">\r\n                        <p class=\"text-sm text-gray-800 font-bold mb-4 flex items-center gap-2\">\r\n                            <i class=\"fa-regular fa-clock text-[#0052cc] animate-pulse\"><\/i> \u064a\u0646\u062a\u0647\u064a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0628\u0643\u0631 \u062e\u0644\u0627\u0644:\r\n                        <\/p>\r\n                        \r\n                        <div class=\"flex gap-3 justify-start\" id=\"countdown-container\">\r\n                            <div class=\"flex flex-col items-center justify-center bg-[#0052cc]\/5 border border-[#0052cc]\/10 rounded-xl w-16 h-16 shadow-sm\">\r\n                                <span id=\"cd-days\" class=\"text-2xl font-black text-[#0052cc]\">00<\/span>\r\n                                <span class=\"text-[10px] text-gray-500 font-bold\">\u064a\u0648\u0645<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col items-center justify-center bg-[#0052cc]\/5 border border-[#0052cc]\/10 rounded-xl w-16 h-16 shadow-sm\">\r\n                                <span id=\"cd-hours\" class=\"text-2xl font-black text-[#0052cc]\">00<\/span>\r\n                                <span class=\"text-[10px] text-gray-500 font-bold\">\u0633\u0627\u0639\u0629<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col items-center justify-center bg-[#0052cc]\/5 border border-[#0052cc]\/10 rounded-xl w-16 h-16 shadow-sm\">\r\n                                <span id=\"cd-minutes\" class=\"text-2xl font-black text-[#0052cc]\">00<\/span>\r\n                                <span class=\"text-[10px] text-gray-500 font-bold\">\u062f\u0642\u064a\u0642\u0629<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col items-center justify-center bg-[#0052cc]\/5 border border-[#0052cc]\/10 rounded-xl w-16 h-16 shadow-sm\">\r\n                                <span id=\"cd-seconds\" class=\"text-2xl font-black text-[#0052cc]\">00<\/span>\r\n                                <span class=\"text-[10px] text-gray-500 font-bold\">\u062b\u0627\u0646\u064a\u0629<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/productsheroes.sa\/pm-from-zero\/\" class=\"inline-flex items-center justify-center py-5 px-10 rounded-full bg-[#0052cc]\/10 text-[#0052cc] font-bold text-xl hover:bg-[#0052cc] hover:text-white transition-all duration-300 w-full md:w-auto self-start mt-auto\">\r\n                        \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i class=\"fa-solid fa-arrow-left mr-3\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"group relative w-full bg-white rounded-[40px] p-10 shadow-[0_20px_60px_-15px_rgba(0,0,0,0.05)] border border-gray-100 hover:border-[#00dc82]\/30 transition-all duration-500 hover:-translate-y-2 overflow-hidden flex flex-col\">\r\n                <div class=\"absolute top-0 right-0 w-full h-[250px] bg-gradient-to-b from-[#00dc82]\/5 to-transparent\"><\/div>\r\n                \r\n                <div class=\"relative z-10 flex flex-col h-full\">\r\n                    <div class=\"w-24 h-24 rounded-3xl bg-[#00dc82]\/10 flex items-center justify-center text-[#00dc82] text-4xl mb-8 group-hover:bg-[#00dc82] group-hover:text-white transition-colors duration-500 shadow-lg shadow-[#00dc82]\/20\">\r\n                        <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3 class=\"text-3xl font-bold text-[#020b1c] mb-6 group-hover:text-[#00dc82] transition-colors\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u062e\u0627\u0635\u0629<\/h3>\r\n                    \r\n                    <p class=\"text-gray-500 text-lg leading-loose mb-10 flex-grow\">\r\n                        \u062c\u0644\u0633\u0627\u062a \u062e\u0627\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0625\u0634\u0631\u0627\u0641 \u0623\u0642\u0648\u0649 \u062e\u0628\u0631\u0627\u0621 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0633\u0627\u0631.\r\n                    <\/p>\r\n\r\n                    <a href=\"https:\/\/productsheroes.sa\/private-consultation\/\" class=\"inline-flex items-center justify-center py-5 px-10 rounded-full bg-[#00dc82]\/10 text-[#00dc82] font-bold text-xl hover:bg-[#00dc82] hover:text-white transition-all duration-300 w-full md:w-auto self-start mt-auto\">\r\n                        \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 <i class=\"fa-solid fa-arrow-left mr-3\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ \u062a\u062d\u062f\u064a\u062f \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 (5 \u0623\u0628\u0631\u064a\u0644 2026 \u0627\u0644\u0633\u0627\u0639\u0629 11:59 \u0645\u0633\u0627\u0621\u064b)\r\n        const countDownDate = new Date(\"April 13, 2026 23:59:59\").getTime();\r\n\r\n        \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u062f\u0627\u062f \u0643\u0644 \u062b\u0627\u0646\u064a\u0629\r\n        const x = setInterval(function() {\r\n            const now = new Date().getTime();\r\n            const distance = countDownDate - now;\r\n\r\n            \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0623\u064a\u0627\u0645\u060c \u0627\u0644\u0633\u0627\u0639\u0627\u062a\u060c \u0627\u0644\u062f\u0642\u0627\u0626\u0642\u060c \u0648\u0627\u0644\u062b\u0648\u0627\u0646\u064a\r\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u0635\u0641\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 \u0644\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0623\u0642\u0644 \u0645\u0646 10 (\u0645\u062b\u0627\u0644: 09 \u0628\u062f\u0644 9)\r\n            document.getElementById(\"cd-days\").innerText = days < 10 ? \"0\" + days : days;\r\n            document.getElementById(\"cd-hours\").innerText = hours < 10 ? \"0\" + hours : hours;\r\n            document.getElementById(\"cd-minutes\").innerText = minutes < 10 ? \"0\" + minutes : minutes;\r\n            document.getElementById(\"cd-seconds\").innerText = seconds < 10 ? \"0\" + seconds : seconds;\r\n\r\n            \/\/ \u0625\u0630\u0627 \u0627\u0646\u062a\u0647\u0649 \u0627\u0644\u0648\u0642\u062a\r\n            if (distance < 0) {\r\n                clearInterval(x);\r\n                document.getElementById(\"countdown-container\").innerHTML = \"<div class='text-red-500 font-bold text-lg bg-red-50 px-4 py-2 rounded-lg border border-red-100'>\u0627\u0646\u062a\u0647\u0649 \u0648\u0642\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/div>\";\r\n            }\r\n        }, 1000);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efb6dae e-con-full e-flex e-con e-parent\" data-id=\"efb6dae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f1bad elementor-widget elementor-widget-html\" data-id=\"75f1bad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"relative w-full py-24 bg-[#020b1c] overflow-hidden\"  style=\"font-family: 'Cairo', sans-serif;\">\r\n\r\n    <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[1000px] h-[1000px] bg-gradient-to-tr from-[#00dc82]\/20 to-[#0052cc]\/20 rounded-full blur-[150px] opacity-50 animate-[spin_50s_linear_infinite] pointer-events-none\"><\/div>\r\n    <div class=\"absolute bottom-0 right-0 w-[600px] h-[600px] bg-[#0052cc]\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n    <div class=\"relative z-10 max-w-[1300px] mx-auto px-6\">\r\n        \r\n        <div class=\"text-center mb-20 relative\">\r\n            <div class=\"absolute left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-32 h-32 bg-[#00dc82]\/10 blur-3xl rounded-full\"><\/div>\r\n            \r\n            <span class=\"text-[#00dc82] font-bold text-sm tracking-wider uppercase mb-4 block relative z-10\">\r\n                <i class=\"fa-solid fa-star-of-life mr-2 animate-spin-slow\"><\/i> \u0646\u062e\u0628\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\r\n            <\/span>\r\n            <h2 class=\"text-4xl md:text-6xl font-black text-white mb-6 relative z-10 leading-tight\">\r\n                \u062a\u0639\u0644\u0645 \u0645\u0646 <span class=\"relative inline-block text-transparent bg-clip-text bg-gradient-to-r from-[#00dc82] to-[#4facfe]\">\r\n                    \u0639\u0645\u0627\u0644\u0642\u0629 \u0627\u0644\u0645\u062c\u0627\u0644\r\n                    <span class=\"absolute bottom-0 left-0 w-full h-2 bg-gradient-to-r from-[#00dc82] to-transparent opacity-30 rounded-full\"><\/span>\r\n                <\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"hidden lg:grid grid-cols-3 gap-8 items-start\">\r\n            \r\n            <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#00dc82]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,220,130,0.2)]\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-b from-[#00dc82]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                    <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#0052cc] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n                        <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#00dc82] transition-all duration-500 transform rotate-3 group-hover:rotate-0\">\r\n                            <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1692022494746.jpg\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-6\">\u0628\u0627\u062f\u064a \u0639\u0645\u0627\u0631<\/h3>\r\n                 \r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#0052cc]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,82,204,0.2)] lg:mt-12\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-b from-[#0052cc]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                    <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-[#0052cc] to-[#4facfe] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n                        <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#0052cc] transition-all duration-500 transform -rotate-3 group-hover:rotate-0\">\r\n                            <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1664661126784.jpg\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-6\">\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0644\u064a\u0628\u064a<\/h3>\r\n                \r\n                <\/div>\r\n            <\/div>\r\n\r\n           <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#00dc82]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,220,130,0.2)]\">\r\n    \r\n    <div class=\"absolute inset-0 bg-gradient-to-b from-[#00dc82]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n    \r\n    <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n        <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n            \r\n            <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#00ae68] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n            \r\n            <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#00dc82] transition-all duration-500 transform rotate-3 group-hover:rotate-0\">\r\n                <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/orange-minimalist-dream-star-logo-design-5.png\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"text-2xl font-bold text-white mb-6\">\u0628\u0634\u0631\u0649 \u0627\u0644\u062e\u0644\u064a\u0641\u0629<\/h3>\r\n        \r\n     \r\n    <\/div>\r\n<\/div>\r\n\r\n            <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#00dc82]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,220,130,0.2)]\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-b from-[#00dc82]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                    <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#0052cc] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n                        <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#00dc82] transition-all duration-500 transform -rotate-2 group-hover:rotate-0\">\r\n                            <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1663711556753.jpg\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-6\">\u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0642\u0648\u0642\u0646\u062f\u064a<\/h3>\r\n            \r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#0052cc]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,82,204,0.2)] lg:mt-12\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-b from-[#0052cc]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n                <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                    <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-tr from-[#0052cc] to-[#4facfe] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n                        <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#0052cc] transition-all duration-500 transform rotate-2 group-hover:rotate-0\">\r\n                            <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1758879883385.jpg\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-6\">\u0645\u0647\u0627 \u0627\u0644\u0628\u0631\u0627\u0643<\/h3>\r\n              \r\n                <\/div>\r\n            <\/div>\r\n\r\n           <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden transition-all duration-500 hover:-translate-y-3 hover:border-[#00dc82]\/50 hover:shadow-[0_20px_60px_-20px_rgba(0,220,130,0.2)]\">\r\n    \r\n    <div class=\"absolute inset-0 bg-gradient-to-b from-[#00dc82]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n    \r\n    <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n        <div class=\"relative w-40 h-40 mb-6 flex items-center justify-center\">\r\n            \r\n            <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#00ae68] rounded-[30px] blur-[30px] opacity-30 group-hover:opacity-60 transition-all duration-500 animate-pulse-slow\"><\/div>\r\n            \r\n            <div class=\"relative w-full h-full rounded-[30px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden group-hover:border-[#00dc82] transition-all duration-500 transform -rotate-3 group-hover:rotate-0\">\r\n                <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1755865415812.jpg\" class=\"w-full h-full object-cover scale-105 group-hover:scale-110 transition-transform duration-700 grayscale group-hover:grayscale-0\" alt=\"Mentor\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"text-2xl font-bold text-white mb-6\">\u0633\u0644\u0637\u0627\u0646 \u0627\u0644\u0628\u064a\u062d\u0627\u0646\u064a<\/h3>\r\n        \r\n       \r\n    <\/div>\r\n<\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"block lg:hidden w-full relative\">\r\n            <div class=\"swiper mentorsCreativeSwiper pb-16\">\r\n                <div class=\"swiper-wrapper\">\r\n                    \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#0052cc] rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform rotate-2\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1692022494746.jpg\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0628\u0627\u062f\u064a \u0639\u0645\u0627\u0631<\/h3>\r\n                      \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-[#0052cc] to-[#4facfe] rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform -rotate-2\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1664661126784.jpg\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0644\u064a\u0628\u064a<\/h3>\r\n                            \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-500 to-pink-500 rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform rotate-2\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/orange-minimalist-dream-star-logo-design-5.png\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0628\u0634\u0631\u0649 \u0627\u0644\u062e\u0644\u064a\u0641\u0629<\/h3>\r\n                        \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-[#00dc82] to-[#0052cc] rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform -rotate-2\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1663711556753.jpg\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0642\u0648\u0642\u0646\u062f\u064a<\/h3>\r\n                         \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-[#0052cc] to-[#4facfe] rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform rotate-2\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1758879883385.jpg\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0645\u0647\u0627 \u0627\u0644\u0628\u0631\u0627\u0643<\/h3>\r\n                            \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"group relative bg-white\/5 border border-white\/10 rounded-[32px] p-8 backdrop-blur-xl overflow-hidden h-full\">\r\n                            <div class=\"relative z-10 flex flex-col items-center text-center\">\r\n                                <div class=\"relative w-36 h-36 mb-6 flex items-center justify-center\">\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-500 to-pink-500 rounded-[24px] blur-[25px] opacity-40 animate-pulse-slow\"><\/div>\r\n                                    <div class=\"relative w-full h-full rounded-[24px] border-[3px] border-white\/10 bg-[#020b1c] overflow-hidden transform -rotate-3\">\r\n                                        <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1755865415812.jpg\" class=\"w-full h-full object-cover grayscale\" alt=\"Mentor\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl font-bold text-white mb-6\">\u0633\u0644\u0637\u0627\u0646 \u0627\u0644\u0628\u064a\u062d\u0627\u0646\u064a<\/h3>\r\n                              \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. \u062a\u062d\u062f\u064a\u062f \u0644\u063a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0628\u062f\u0642\u0629\r\n        var isEnglish = window.location.href.indexOf('\/en\/') > -1 || document.body.className.includes('translatepress-en') || document.documentElement.lang.startsWith('en');\r\n        var currentDirection = isEnglish ? 'ltr' : 'rtl';\r\n\r\n        \/\/ 2. \u0625\u062c\u0628\u0627\u0631 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u062d\u064a\u062d *\u0642\u0628\u0644* \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\r\n        var swiperContainer = document.querySelector(\".mentorsCreativeSwiper\");\r\n        if(swiperContainer) {\r\n            swiperContainer.setAttribute(\"dir\", currentDirection);\r\n        }\r\n\r\n        \/\/ 3. \u062a\u0623\u062e\u064a\u0631 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u062c\u0632\u0621 \u0635\u063a\u064a\u0631 \u062c\u062f\u0627\u064b \u0645\u0646 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0639\u0634\u0627\u0646 \u0643\u0648\u062f \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u064a\u062e\u0644\u0635 \u0634\u063a\u0644\u0647\r\n        setTimeout(function() {\r\n            var mentorsCreativeSwiper = new Swiper(\".mentorsCreativeSwiper\", {\r\n                effect: \"coverflow\",\r\n                grabCursor: true,\r\n                centeredSlides: true,\r\n                slidesPerView: \"auto\",\r\n                dir: currentDirection, \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0646\u0641\u0633\u0647\r\n                coverflowEffect: {\r\n                    rotate: 0,\r\n                    stretch: 0,\r\n                    depth: 100,\r\n                    modifier: 2,\r\n                    slideShadows: false,\r\n                },\r\n                loop: true,\r\n                autoplay: {\r\n                    delay: 3000,\r\n                    disableOnInteraction: false,\r\n                },\r\n                pagination: {\r\n                    el: \".swiper-pagination\",\r\n                    clickable: true,\r\n                },\r\n                breakpoints: {\r\n                    640: {\r\n                        slidesPerView: 2.5,\r\n                    }\r\n                },\r\n                observer: true,\r\n                observeParents: true,\r\n            });\r\n        }, 150); \/\/ \u062a\u0623\u062e\u064a\u0631 150 \u0645\u0644\u0644\u064a \u062b\u0627\u0646\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0640 DOM\r\n    });\r\n<\/script>\r\n    <style>\r\n        .animate-spin-slow { animation: spin 8s linear infinite; }\r\n        .animate-pulse-slow { animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite; }\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0633\u0648\u0627\u064a\u0628\u064a\u0631 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .swiper-slide { width: 300px; height: auto; }\r\n        .swiper-pagination-bullet { background: white; opacity: 0.2; width: 10px; height: 10px; }\r\n        .swiper-pagination-bullet-active { background: #00dc82; opacity: 1; width: 25px; border-radius: 5px; transition: all 0.3s; }\r\n    <\/style>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be86d81 e-con-full e-flex e-con e-parent\" data-id=\"be86d81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8879c6 elementor-widget elementor-widget-html\" data-id=\"c8879c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"experts-section\" dir=\"rtl\" class=\"w-full\" style=\"font-family: 'Cairo', sans-serif;\">\r\n\r\n    <div class=\"w-full px-6 py-12 bg-white\">\r\n        <div class=\"max-w-[1200px] mx-auto relative overflow-hidden rounded-[30px] bg-gradient-to-r from-[#0052cc] to-[#00dc82] shadow-2xl p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8 group\">\r\n            \r\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-white opacity-10 rounded-full blur-3xl -mr-16 -mt-16 pointer-events-none\"><\/div>\r\n            <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-[#020b1c] opacity-10 rounded-full blur-2xl -ml-10 -mb-10 pointer-events-none\"><\/div>\r\n\r\n   <div class=\"relative z-10 text-center md:text-right\">\r\n    <h3 class=\"text-white text-lg md:text-xl font-medium mb-2 opacity-90\">\u0645\u0646\u062a \u0639\u0627\u0631\u0641 \u0645\u0646 \u0648\u064a\u0646 \u062a\u0628\u062f\u0623\u061f \ud83e\udd14<\/h3>\r\n    <h2 class=\"text-2xl md:text-4xl font-bold text-white leading-tight\">\r\n        \u062e\u0644\u0646\u0627 \u0646\u0631\u0633\u0645 \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a <br class=\"hidden md:block\" \/> \u0645\u0639 \u062e\u0628\u064a\u0631 \u064a\u062f\u0644\u0643 \u0639\u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u0635\u062d.\r\n    <\/h2>\r\n<\/div>\r\n\r\n            <div class=\"relative z-10 w-full md:w-auto\">\r\n                <a href=\"https:\/\/productsheroes.sa\/private-consultation\/\" class=\"block w-full md:inline-block text-center bg-[#020b1c] text-white font-bold text-lg py-4 px-8 rounded-full shadow-lg hover:bg-white hover:text-[#0052cc] transition-all duration-300 hover:-translate-y-1\">\r\n                    \u0627\u062d\u062c\u0632 \u062c\u0644\u0633\u0629 1:1 \u0645\u062c\u0627\u0646\u064a\u0629\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    \r\n<\/div>\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-b4c9c9b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b4c9c9b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\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-00f2d14\" data-id=\"00f2d14\" 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-da380ec elementor-widget__width-auto elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"da380ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/demo.edublink.co\/wp-content\/uploads\/2023\/12\/bg-image-43.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-ea37e0b e-con-full e-flex e-con e-parent\" data-id=\"ea37e0b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60b28b9 elementor-widget elementor-widget-html\" data-id=\"60b28b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        body { font-family: 'Cairo', sans-serif; }\r\n        \r\n        .hide-scrollbar::-webkit-scrollbar { display: none; }\r\n        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n        .glass-review {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .glass-review:hover {\r\n            transform: translateY(-5px);\r\n            border-color: rgba(0, 220, 130, 0.3);\r\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .avatar-img {\r\n            object-fit: cover;\r\n            border: 2px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#020b1c]\">\r\n\r\n    <section class=\"relative w-full py-20 bg-[#020b1c] overflow-hidden text-white\">\r\n        \r\n        <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-[#00dc82]\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-[#0052cc]\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n\r\n        <div class=\"relative z-10 max-w-[1300px] mx-auto px-4 md:px-6\">\r\n            \r\n            <div class=\"text-center mb-12\">\r\n                <span class=\"text-[#00dc82] font-bold text-sm tracking-wider uppercase mb-3 block animate-pulse\">\u0642\u0635\u0635 \u0646\u062c\u0627\u062d<\/span>\r\n                <h2 class=\"text-3xl md:text-5xl font-black text-white\">\r\n                    \u0645\u0627\u0630\u0627 \u0642\u0627\u0644\u0648\u0627 <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-[#00dc82] to-[#0052cc]\">\u0639\u0646\u0627<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"flex md:grid md:grid-cols-4 gap-5 overflow-x-auto md:overflow-visible snap-x snap-mandatory hide-scrollbar pb-8 px-2\">\r\n\r\n                <div class=\"glass-review p-6 rounded-3xl relative flex flex-col h-auto min-w-[85vw] md:min-w-0 snap-center border-t-4 border-t-[#00dc82]\">\r\n                    <div class=\"absolute top-10 left-6 text-[#00dc82]\/10 text-6xl font-serif pointer-events-none\">\u201c<\/div>\r\n                    \r\n                    <div class=\"flex justify-between items-start mb-6 relative z-10\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <div class=\"w-14 h-14 rounded-full overflow-hidden shadow-lg shrink-0\">\r\n                                <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/89458a5c-47cc-48b3-a21f-dbe7410b486f.jpg\" alt=\"Idris\" class=\"w-full h-full avatar-img\">\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-white font-bold text-base\">\u0625\u062f\u0631\u064a\u0633 \u063a\u0648\u0646\u064a<\/h4>\r\n                                <p class=\"text-gray-500 text-[11px] uppercase\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center p-1 shadow-lg shrink-0 border border-gray-200\" title=\"Salla\">\r\n                            <img decoding=\"async\" src=\"https:\/\/media.licdn.com\/dms\/image\/v2\/D5612AQGKUKAf_sm83g\/article-cover_image-shrink_423_752\/B56ZVHv2ZOGoAY-\/0\/1740665481623?e=2147483647&v=beta&t=RhSHkUyeWU_hL4sCrV9EH_4acB66_TNWrC4_8sSlH9Q\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-300 leading-loose text-sm flex-grow relative z-10\">\r\n                        \"\u0643\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0639\u0644\u0649 \u0633\u0644\u0629\u060c \u0647\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0643\u0627\u0646 \u0627\u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u0645\u0641\u0642\u0648\u062f\u0629 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u064a. \u0641\u0647\u0645\u062a \u0643\u064a\u0641 \u0623\u062d\u0648\u0644 \u0627\u0644\u0645\u062a\u062c\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0648\u0627\u062c\u0647\u0629 \u0644\u0645\u0646\u062a\u062c \u064a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0639\u0645\u064a\u0644. \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a \u0641\u0631\u0642 \u0645\u0639\u064a \u0643\u062b\u064a\u0631.\"\r\n                    <\/p>\r\n                    \r\n                    <div class=\"mt-5 flex text-[#FFD700] text-xs relative z-10\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glass-review p-6 rounded-3xl relative flex flex-col h-auto min-w-[85vw] md:min-w-0 snap-center border-t-4 border-t-[#0052cc]\">\r\n                    <div class=\"absolute top-10 left-6 text-[#0052cc]\/10 text-6xl font-serif pointer-events-none\">\u201c<\/div>\r\n                    \r\n                    <div class=\"flex justify-between items-start mb-6 relative z-10\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <div class=\"w-14 h-14 rounded-full overflow-hidden shadow-lg shrink-0\">\r\n                                <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/1722414813620.jpg\" alt=\"Mishari\" class=\"w-full h-full avatar-img\">\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-white font-bold text-base\">\u0645\u0634\u0627\u0631\u064a \u0627\u0644\u062d\u0645\u064a\u062f\u0627\u0646\u064a<\/h4>\r\n                                <p class=\"text-gray-500 text-[11px] uppercase\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center p-2 shadow-lg shrink-0 border border-gray-200\">\r\n                             <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/general_authority_for_awqaf_logo.jpg\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n                            <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-300 leading-loose text-sm flex-grow relative z-10\">\r\n                        \"\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0648 \u0628\u0633 \u0646\u0638\u0631\u064a\u060c \u0647\u0648 \u0639\u0635\u0627\u0631\u0629 \u062e\u0628\u0631\u0629 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a. \u0633\u0627\u0639\u062f\u0646\u064a \u0623\u0631\u062a\u0628 \u0623\u0641\u0643\u0627\u0631\u064a \u0648\u0623\u062f\u064a\u0631 \u0627\u0644\u0640 Stakeholders \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0641\u0639\u0644\u0627\u064b \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u062d\u0642\u064a\u0642\u064a \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u0645\u0647\u0646\u064a.\"\r\n                    <\/p>\r\n                    \r\n                    <div class=\"mt-5 flex text-[#FFD700] text-xs relative z-10\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glass-review p-6 rounded-3xl relative flex flex-col h-auto min-w-[85vw] md:min-w-0 snap-center border-t-4 border-t-purple-500\">\r\n                    <div class=\"absolute top-10 left-6 text-purple-500\/10 text-6xl font-serif pointer-events-none\">\u201c<\/div>\r\n                    \r\n                    <div class=\"flex justify-between items-start mb-6 relative z-10\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <div class=\"w-14 h-14 rounded-full overflow-hidden shadow-lg shrink-0\">\r\n                                <img decoding=\"async\" src=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/031addce-80bc-46c8-b291-e469b0b1a321.jpg\" alt=\"Khalid\" class=\"w-full h-full avatar-img\">\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-white font-bold text-base\">Khalid Alsufran<\/h4>\r\n                                <p class=\"text-gray-500 text-[11px] uppercase\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center p-2 shadow-lg shrink-0 border border-gray-200\">\r\n                          <img decoding=\"async\" src=\"https:\/\/egyptian-gazette.com\/wp-content\/uploads\/2021\/05\/10.png\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-300 leading-loose text-sm flex-grow relative z-10\">\r\n                        \"\u0633\u0627\u0639\u062f\u0646\u064a \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u0642\u064a\u0627\u0633 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629. \u062a\u062c\u0631\u0628\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u0623\u0648\u0635\u064a \u0628\u0647\u0627 \u0628\u0634\u062f\u0629.\"\r\n                    <\/p>\r\n                    \r\n                    <div class=\"mt-5 flex text-[#FFD700] text-xs relative z-10\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"glass-review p-6 rounded-3xl relative flex flex-col h-auto min-w-[85vw] md:min-w-0 snap-center border-t-4 border-t-orange-500\">\r\n                    <div class=\"absolute top-10 left-6 text-orange-500\/10 text-6xl font-serif pointer-events-none\">\u201c<\/div>\r\n                    \r\n                    <div class=\"flex justify-between items-start mb-6 relative z-10\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <div class=\"w-14 h-14 rounded-full overflow-hidden shadow-lg shrink-0\">\r\n                                <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Nuha+AlHelal&background=f97316&color=fff\" alt=\"Nuha\" class=\"w-full h-full avatar-img\">\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-white font-bold text-base\">Nuha AlHelal<\/h4>\r\n                                <p class=\"text-gray-500 text-[11px] uppercase\">\u0628\u0637\u0644 \u0645\u0646\u062a\u062c<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center p-2 shadow-lg shrink-0 border border-gray-200\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.wadhefa.com\/logo\/company\/64e2e57b893fb.png\" alt=\"Logo\" class=\"w-full h-full object-contain\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"text-gray-300 leading-loose text-sm flex-grow relative z-10\">\r\n                        \"\u0628\u0631\u0646\u0627\u0645\u062c \u0643\u0641\u064a\u0644 \u0641\u064a \u0627\u0646\u0647 \u064a\u062d\u0645\u0633\u0643 \u062a\u062f\u062e\u0644 \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0643\u0644 \u062b\u0642\u0647 \u0648\u0628\u062f\u0648\u0646 \u062a\u0631\u062f\u062f\ud83d\udc4f\ud83c\udffb\"\r\n                    <\/p>\r\n                    \r\n                    <div class=\"mt-5 flex text-[#FFD700] text-xs relative z-10\">\r\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            \r\n            <div class=\"md:hidden flex justify-center gap-2 mt-4 opacity-50\">\r\n                <div class=\"w-2 h-2 rounded-full bg-white\"><\/div>\r\n                <div class=\"w-2 h-2 rounded-full bg-gray-600\"><\/div>\r\n                <div class=\"w-2 h-2 rounded-full bg-gray-600\"><\/div>\r\n                <div class=\"w-2 h-2 rounded-full bg-gray-600\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9e7531 e-con-full e-flex e-con e-parent\" data-id=\"f9e7531\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3205c0 elementor-widget elementor-widget-html\" data-id=\"d3205c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"relative w-full py-24 bg-[#020b1c] overflow-hidden\" dir=\"rtl\" style=\"font-family: 'Cairo', sans-serif;\">\r\n\r\n    <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full max-w-[800px] h-[500px] bg-[#00dc82] opacity-[0.03] blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n\r\n    <div class=\"relative z-10 max-w-[1300px] mx-auto px-6\">\r\n        \r\n        <div class=\"text-center mb-16\">\r\n            <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-4\">\r\n                \u062c\u0644\u0633\u0627\u062a <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-[#00dc82] to-[#0052cc]\">\u0645\u0647\u0645\u0629<\/span>\r\n            <\/h2>\r\n            <div class=\"w-24 h-1.5 bg-[#00dc82] mx-auto rounded-full shadow-[0_0_15px_#00dc82]\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n\r\n            <div class=\"group relative bg-[#0f172a] border border-white\/5 rounded-[24px] overflow-hidden hover:border-[#00dc82] transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(0,220,130,0.15)] flex flex-col h-full cursor-pointer\">\r\n                \r\n                <div class=\"relative w-full h-56 overflow-hidden\">\r\n                    <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2023\/11\/WhatsApp-Image-2025-10-22-at-14.33.47_2d008ccc.jpg\" \r\n                         class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" \r\n                         alt=\"AI Agents\">\r\n                    \r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#0f172a] via-transparent to-transparent opacity-80\"><\/div>\r\n\r\n                    <div class=\"absolute top-4 right-4 bg-white\/10 backdrop-blur-md border border-white\/20 rounded-xl p-2 text-center min-w-[70px]\">\r\n                        <span class=\"block text-2xl font-bold text-white leading-none mb-1\">18<\/span>\r\n                        <span class=\"block text-[10px] font-bold text-[#00dc82] uppercase tracking-wider\">\u0623\u0643\u062a\u0648\u0628\u0631<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute top-4 left-4 bg-black\/60 backdrop-blur-md px-3 py-1 rounded-full border border-white\/10 flex items-center gap-2\">\r\n                        <i class=\"fa-regular fa-clock text-[#FFD02F] text-xs\"><\/i>\r\n                        <span class=\"text-xs text-white font-bold\" dir=\"ltr\">8:30 PM<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 flex flex-col flex-grow relative\">\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-[#00dc82] transition-colors leading-relaxed\">\r\n                        \u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n                    <\/h3>\r\n                    \r\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-6 line-clamp-3\">\r\n                        \u062d\u0648\u0644 \u0627\u0644\u062d\u062f\u062b \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062c\u0644\u0633\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\u060c \u064a\u0623\u062e\u0630\u0646\u0627 \u0628\u0627\u062f\u064a \u0641\u064a \u062c\u0648\u0644\u0629 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u063a\u064a\u064a\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u0639\u0628\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a...\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-auto pt-4 border-t border-white\/5 flex items-center justify-between group-hover:border-[#00dc82]\/30 transition-colors\">\r\n                       <a href=\"https:\/\/productsheroes.sa\/events\/ai-agents-session\/\"> <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><\/a>\r\n                        <span class=\"w-8 h-8 rounded-full bg-[#00dc82] flex items-center justify-center text-[#020b1c] transform -rotate-45 group-hover:rotate-0 transition-transform duration-300\">\r\n                            <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"group relative bg-[#0f172a] border border-white\/5 rounded-[24px] overflow-hidden hover:border-[#0052cc] transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(0,82,204,0.2)] flex flex-col h-full cursor-pointer\">\r\n                \r\n                <div class=\"relative w-full h-56 overflow-hidden\">\r\n                    <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/455637687309206088-e1761136072350.jpeg\" \r\n                         class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" \r\n                         alt=\"Product Reality\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#0f172a] via-transparent to-transparent opacity-80\"><\/div>\r\n\r\n                    <div class=\"absolute top-4 right-4 bg-white\/10 backdrop-blur-md border border-white\/20 rounded-xl p-2 text-center min-w-[70px]\">\r\n                        <span class=\"block text-2xl font-bold text-white leading-none mb-1\">08<\/span>\r\n                        <span class=\"block text-[10px] font-bold text-[#0052cc] uppercase tracking-wider\">\u0646\u0648\u0641\u0645\u0628\u0631<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute top-4 left-4 bg-black\/60 backdrop-blur-md px-3 py-1 rounded-full border border-white\/10 flex items-center gap-2\">\r\n                        <i class=\"fa-regular fa-clock text-[#FFD02F] text-xs\"><\/i>\r\n                        <span class=\"text-xs text-white font-bold\" dir=\"ltr\">8:30 PM<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 flex flex-col flex-grow relative\">\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-[#0052cc] transition-colors leading-relaxed\">\r\n                        \u0648\u0627\u0642\u0639 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n                    <\/h3>\r\n                    \r\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-6 line-clamp-3\">\r\n                        \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0642\u0646\u064a\u0629 \u062a\u062a\u0637\u0648\u0631 \u0628\u0648\u062a\u064a\u0631\u0629 \u0645\u062a\u0633\u0627\u0631\u0639\u0629\u060c \u062a\u062a\u063a\u064a\u0631 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0634\u0643\u0644 \u064a\u0648\u0645\u064a. \u0646\u0646\u0627\u0642\u0634 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062c\u0644\u0633\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629...\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-auto pt-4 border-t border-white\/5 flex items-center justify-between group-hover:border-[#0052cc]\/30 transition-colors\">\r\n                   <a href=\"https:\/\/productsheroes.sa\/events\/pm-state\/\">     <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\u0627\u062d\u062c\u0632 \u0645\u0642\u0639\u062f\u0643<\/span><\/a>\r\n                        <span class=\"w-8 h-8 rounded-full bg-[#0052cc] flex items-center justify-center text-white transform -rotate-45 group-hover:rotate-0 transition-transform duration-300\">\r\n                            <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"group relative bg-[#0f172a] border border-white\/5 rounded-[24px] overflow-hidden hover:border-[#FFD02F] transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(255,208,47,0.15)] flex flex-col h-full cursor-pointer\">\r\n                \r\n                <div class=\"relative w-full h-56 overflow-hidden\">\r\n                    <img decoding=\"async\" src=\"http:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-13-at-10.44.07_91487cd4.jpg\" \r\n                         class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\" \r\n                         alt=\"Pitch Day\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#0f172a] via-transparent to-transparent opacity-80\"><\/div>\r\n\r\n                    <div class=\"absolute top-4 right-4 bg-white\/10 backdrop-blur-md border border-white\/20 rounded-xl p-2 text-center min-w-[70px]\">\r\n                        <span class=\"block text-2xl font-bold text-white leading-none mb-1\">13<\/span>\r\n                        <span class=\"block text-[10px] font-bold text-[#FFD02F] uppercase tracking-wider\">\u062f\u064a\u0633\u0645\u0628\u0631<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute top-4 left-4 bg-black\/60 backdrop-blur-md px-3 py-1 rounded-full border border-white\/10 flex items-center gap-2\">\r\n                        <i class=\"fa-regular fa-clock text-[#FFD02F] text-xs\"><\/i>\r\n                        <span class=\"text-xs text-white font-bold\" dir=\"ltr\">8:30 PM<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 flex flex-col flex-grow relative\">\r\n                    <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-[#FFD02F] transition-colors leading-relaxed\">\r\n                        \u064a\u0648\u0645 \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a (Pitch Day)\r\n                    <\/h3>\r\n                    \r\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-6 line-clamp-3\">\r\n                        \u064a\u0633\u062a\u0636\u064a\u0641 \u0645\u062c\u062a\u0645\u0639 Saudi Products Heroes \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 Mihwarsad \u0641\u0639\u0627\u0644\u064a\u0629 \u064a\u0648\u0645 \u0627\u0644\u0639\u0631\u0636\u060c \u062d\u064a\u062b \u064a\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0645\u0634\u0627\u0631\u064a\u0639\u0647\u0645 \u0623\u0645\u0627\u0645 \u0644\u062c\u0646\u0629 \u062a\u062d\u0643\u064a\u0645...\r\n                    <\/p>\r\n\r\n                    <div class=\"mt-auto pt-4 border-t border-white\/5 flex items-center justify-between group-hover:border-[#FFD02F]\/30 transition-colors\">\r\n                       <a href=\"https:\/\/productsheroes.sa\/events\/%d9%8a%d9%88%d9%85-%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa\/\"> <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0631\u0648\u0636<\/span><\/a>\r\n                        <span class=\"w-8 h-8 rounded-full bg-[#FFD02F] flex items-center justify-center text-[#020b1c] transform -rotate-45 group-hover:rotate-0 transition-transform duration-300\">\r\n                            <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fd8f8c e-con-full e-flex e-con e-parent\" data-id=\"1fd8f8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0edf7be elementor-widget elementor-widget-html\" data-id=\"0edf7be\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        body { font-family: 'Cairo', sans-serif; }\r\n        \r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u064a\u062f \u0644\u0644\u0625\u062c\u0627\u0628\u0629 *\/\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease-out, opacity 0.3s ease-out, padding 0.3s ease;\r\n            opacity: 0;\r\n        }\r\n        \r\n        \/* \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0639\u064a\u0644 *\/\r\n        .faq-item.active .faq-answer {\r\n            max-height: 200px; \r\n            opacity: 1;\r\n            padding-top: 10px;\r\n            padding-bottom: 20px;\r\n        }\r\n        \r\n        .faq-item.active .faq-icon {\r\n            transform: rotate(180deg);\r\n            color: #00dc82;\r\n        }\r\n        \r\n        .faq-item.active .faq-question {\r\n            color: #00dc82;\r\n        }\r\n\r\n        .faq-item.active {\r\n            background-color: #fff;\r\n            border-color: #00dc82;\r\n            box-shadow: 0 10px 25px -5px rgba(0, 220, 130, 0.1);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-white\">\r\n\r\n    <section class=\"relative w-full py-24 bg-white overflow-hidden text-[#020b1c]\">\r\n        \r\n        <div class=\"absolute top-0 left-0 w-[600px] h-[600px] bg-[#00dc82]\/5 rounded-full blur-[100px] pointer-events-none opacity-50\"><\/div>\r\n        <div class=\"absolute bottom-0 right-0 w-[500px] h-[500px] bg-[#0052cc]\/5 rounded-full blur-[100px] pointer-events-none opacity-50\"><\/div>\r\n\r\n        <div class=\"relative z-10 max-w-6xl mx-auto px-6\">\r\n            \r\n            <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-20\">\r\n                \r\n                <div class=\"lg:w-1\/3 text-center lg:text-right\">\r\n              \r\n                    <h2 class=\"text-3xl md:text-5xl font-black text-[#020b1c] mb-6 leading-tight\">\r\n                        \u0627\u0644\u0623\u0633\u0626\u0644\u0629 <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-[#00dc82] to-[#0052cc]\">\u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\r\n                    <\/h2>\r\n                    <p class=\"text-gray-500 text-lg leading-relaxed mb-8\">\r\n                        \u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0623\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u062f\u0648\u0631 \u0641\u064a \u0630\u0647\u0646\u0643 \u062d\u0648\u0644 \u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a\u0646\u0627.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"hidden lg:block\">\r\n                        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=966563825866\" class=\"inline-flex items-center gap-2 text-[#020b1c] font-bold hover:text-[#00dc82] transition-colors group\">\r\n                            <span>\u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644 \u0622\u062e\u0631\u061f \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                            <i class=\"fa-solid fa-arrow-left group-hover:-translate-x-2 transition-transform\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"lg:w-2\/3 space-y-4\">\r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0645\u0627 \u0647\u0648 \u0647\u062f\u0641 \u0645\u062c\u062a\u0645\u0639 \"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\"\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u0647\u062f\u0641 \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0647\u0648 \u062f\u0639\u0645 \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u0647\u0627\u0631\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0645\u0646 \u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u062d\u062f\u062b \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                             <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u0646\u0639\u0645\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644 \u0648\u062c\u0644\u0633\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 (\u0645\u062b\u0644 \u0628\u0631\u0646\u0627\u0645\u062c \"\u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0644\") \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0635\u0642\u0644 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0645\u062f\u064a\u0631\u064a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0623\u0648 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639\u0646\u0627\u060c \u0648\u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0639\u0644\u0649 WhatsApp\u060c \u0623\u0648 \u0645\u062a\u0627\u0628\u0639\u0629 \u0635\u0641\u062d\u062a\u0646\u0627 \u0639\u0644\u0649 LinkedIn \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062f\u0639\u0648\u0627\u062a \u0627\u0644\u062c\u0644\u0633\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0623\u0648\u0644\u0627\u064b \u0628\u0623\u0648\u0644.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0647\u0644 \u0647\u0646\u0627\u0643 \u0631\u0633\u0648\u0645 \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0623\u0648 \u0627\u0644\u062d\u0636\u0648\u0631\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u0644\u0627\u060c \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0645\u062c\u0627\u0646\u064a \u062a\u0645\u0627\u0645\u0627\u064b. \u062c\u0644\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629 (\u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a) \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u060c \u062d\u064a\u062b \u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u064b\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u062d\u062a\u0648\u0649 \u0642\u064a\u0651\u0645 \u0648\u0645\u0641\u064a\u062f \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u062f\u0648\u0646 \u062d\u0648\u0627\u062c\u0632.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0645\u0634\u0627\u0631\u0643\u0629 \u062e\u0628\u0631\u062a\u064a \u0628\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u0646\u0639\u0645\u060c \u0648\u0628\u0634\u062f\u0629! \u0646\u0634\u062c\u0639 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644. \u064a\u0645\u0643\u0646\u0643 \u062a\u0642\u062f\u064a\u0645 \u0645\u0642\u0627\u0644\u0627\u062a\u060c \u0637\u0631\u062d \u0623\u0641\u0643\u0627\u0631\u060c \u0623\u0648 \u062d\u062a\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0643\u0645\u062a\u062d\u062f\u062b \u0641\u064a \u062c\u0644\u0633\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0628\u0639\u062f \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n           \r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0645\u0646 \u0647\u0648 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0647\u0645 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0648\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0648\u0646 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0647\u062a\u0645\u064a\u0646 \u0628\u062a\u0639\u0644\u0645 \u0645\u0647\u0627\u0631\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0628\u0646\u0627\u0621 \u0634\u0628\u0643\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629 \u0645\u0639 \u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item bg-gray-50 border border-gray-200 rounded-2xl px-6 transition-all duration-300 hover:border-[#00dc82]\/50\">\r\n                        <button class=\"faq-btn w-full py-6 flex justify-between items-center text-right focus:outline-none\">\r\n                            <span class=\"faq-question text-lg md:text-xl font-bold text-[#020b1c] transition-colors\">\u0643\u064a\u0641 \u062a\u062a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u062e\u0627\u0635\u0629\u061f<\/span>\r\n                            <i class=\"faq-icon fa-solid fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"faq-answer text-gray-600 leading-loose text-base font-medium\">\r\n                            \u062a\u062a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0628\u0631 \u0645\u0642\u0627\u0628\u0644\u0629 \u0623\u0648\u0646 \u0644\u0627\u064a\u0646 (Zoom \u0623\u0648 Google Meet)\u060c \u062d\u064a\u062b \u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u0627\u0644\u0644\u0642\u0627\u0621 \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062c\u0644\u0633\u0629 \u0639\u0628\u0631 \u0627\u0644\u0625\u064a\u0645\u064a\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u0639\u062f \u0625\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062d\u062c\u0632.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"lg:hidden text-center mt-8\">\r\n                    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=966563825866\" class=\"inline-flex items-center gap-2 text-[#020b1c] font-bold text-sm hover:text-[#00dc82]\">\r\n                        <span>\u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644 \u0622\u062e\u0631\u061f \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                        <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        const faqItems = document.querySelectorAll('.faq-item');\r\n\r\n        faqItems.forEach(item => {\r\n            const btn = item.querySelector('.faq-btn');\r\n            \r\n            btn.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('active');\r\n                \r\n                \/\/ \u0642\u0641\u0644 \u0627\u0644\u0628\u0627\u0642\u064a\r\n                faqItems.forEach(i => {\r\n                    i.classList.remove('active');\r\n                });\r\n\r\n                \/\/ \u0641\u062a\u062d \u0627\u0644\u062d\u0627\u0644\u064a\r\n                if (!isOpen) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u062d\u0646 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a Products Heroes \u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c \u0647\u0630\u0627 \u0645\u0643\u0627\u0646\u0643! \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u062a\u0639\u0644\u0651\u0645\u060c \u0627\u0628\u0646\u064a\u060c \u0648\u0623\u0644\u0647\u0645 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a. \u062d\u0648\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0646\u0627\u062c\u062d\u0629\u060c \u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0644. \u0627\u0646\u0636\u0645 \u0643\u062e\u0628\u064a\u0631 \u062c\u0627\u0647\u0632\u064a\u0646 \u0646\u0633\u0627\u0639\u062f\u0643 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0625\u0637\u0644\u0627\u0642 \u0642\u062f\u0631\u0627\u062a\u0643 \u0648\u0631\u0634 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0639\u0633\u0643\u0631\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0642\u0627\u0621\u0627\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-9684","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/productsheroes.sa\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"og:description\" content=\"\u0646\u062d\u0646 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a Products Heroes \u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c \u0647\u0630\u0627 \u0645\u0643\u0627\u0646\u0643! \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u062a\u0639\u0644\u0651\u0645\u060c \u0627\u0628\u0646\u064a\u060c \u0648\u0623\u0644\u0647\u0645 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a. \u062d\u0648\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0646\u0627\u062c\u062d\u0629\u060c \u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0644. \u0627\u0646\u0636\u0645 \u0643\u062e\u0628\u064a\u0631 \u062c\u0627\u0647\u0632\u064a\u0646 \u0646\u0633\u0627\u0639\u062f\u0643 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0625\u0637\u0644\u0627\u0642 \u0642\u062f\u0631\u0627\u062a\u0643 \u0648\u0631\u0634 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0639\u0633\u0643\u0631\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0642\u0627\u0621\u0627\u062a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/productsheroes.sa\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T02:54:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/productsheroes.sa\/\",\"url\":\"https:\/\/productsheroes.sa\/\",\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"isPartOf\":{\"@id\":\"https:\/\/productsheroes.sa\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/productsheroes.sa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/productsheroes.sa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg\",\"datePublished\":\"2023-07-03T14:55:12+00:00\",\"dateModified\":\"2026-03-27T02:54:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/productsheroes.sa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/productsheroes.sa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/productsheroes.sa\/#primaryimage\",\"url\":\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg\",\"contentUrl\":\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/productsheroes.sa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\/\/productsheroes.sa\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/productsheroes.sa\/#website\",\"url\":\"https:\/\/productsheroes.sa\/\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/productsheroes.sa\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/productsheroes.sa\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/productsheroes.sa\/#organization\",\"name\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\",\"url\":\"https:\/\/productsheroes.sa\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"contentUrl\":\"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png\",\"width\":200,\"height\":80,\"caption\":\"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\"},\"image\":{\"@id\":\"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/productsheroes.sa\/en\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","og_description":"\u0646\u062d\u0646 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a Products Heroes \u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u062f\u064a\u0631 \u0645\u0646\u062a\u062c \u0647\u0630\u0627 \u0645\u0643\u0627\u0646\u0643! \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u062a\u0639\u0644\u0651\u0645\u060c \u0627\u0628\u0646\u064a\u060c \u0648\u0623\u0644\u0647\u0645 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0645\u0646 \u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a. \u062d\u0648\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0646\u0627\u062c\u062d\u0629\u060c \u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0644. \u0627\u0646\u0636\u0645 \u0643\u062e\u0628\u064a\u0631 \u062c\u0627\u0647\u0632\u064a\u0646 \u0646\u0633\u0627\u0639\u062f\u0643 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0625\u0637\u0644\u0627\u0642 \u0642\u062f\u0631\u0627\u062a\u0643 \u0648\u0631\u0634 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0639\u0633\u0643\u0631\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0642\u0627\u0621\u0627\u062a [&hellip;]","og_url":"https:\/\/productsheroes.sa\/en\/","og_site_name":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","article_modified_time":"2026-03-27T02:54:38+00:00","og_image":[{"url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/productsheroes.sa\/","url":"https:\/\/productsheroes.sa\/","name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","isPartOf":{"@id":"https:\/\/productsheroes.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/productsheroes.sa\/#primaryimage"},"image":{"@id":"https:\/\/productsheroes.sa\/#primaryimage"},"thumbnailUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg","datePublished":"2023-07-03T14:55:12+00:00","dateModified":"2026-03-27T02:54:38+00:00","breadcrumb":{"@id":"https:\/\/productsheroes.sa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/productsheroes.sa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/#primaryimage","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2026\/02\/8d877cba-6339-46c8-8229-cfa8e8e682c5.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/productsheroes.sa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/productsheroes.sa\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"}]},{"@type":"WebSite","@id":"https:\/\/productsheroes.sa\/#website","url":"https:\/\/productsheroes.sa\/","name":"Product hero","description":"","publisher":{"@id":"https:\/\/productsheroes.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/productsheroes.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/productsheroes.sa\/#organization","name":"Product hero","url":"https:\/\/productsheroes.sa\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/","url":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","contentUrl":"https:\/\/productsheroes.sa\/wp-content\/uploads\/2025\/10\/Products-Heroes-Logo\u0663-e1761217185740.png","width":200,"height":80,"caption":"\u0623\u0628\u0637\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a"},"image":{"@id":"https:\/\/productsheroes.sa\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/9684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/comments?post=9684"}],"version-history":[{"count":654,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/9684\/revisions"}],"predecessor-version":[{"id":28850,"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/pages\/9684\/revisions\/28850"}],"wp:attachment":[{"href":"https:\/\/productsheroes.sa\/en\/wp-json\/wp\/v2\/media?parent=9684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}