{"id":4386,"date":"2025-07-28T09:03:49","date_gmt":"2025-07-28T05:33:49","guid":{"rendered":"https:\/\/valagroup.org\/%d8%a8%d9%8a%d8%aa\/"},"modified":"2026-06-29T13:21:07","modified_gmt":"2026-06-29T09:51:07","slug":"%d8%a8%d9%8a%d8%aa","status":"publish","type":"page","link":"https:\/\/valagroup.org\/ar\/","title":{"rendered":"\u0628\u064a\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4386\" class=\"elementor elementor-4386 elementor-2237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11383df codevz-con-stretch-yes e-con-full e-flex e-con e-parent\" data-id=\"11383df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db66122 elementor-widget elementor-widget-my_pro_carousel\" data-id=\"db66122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"my_pro_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div id=\"carousel-db66122\" class=\"my-carousel\">\r\n\r\n            <!-- Progress -->\r\n            <div class=\"progress\"><div class=\"bar\"><\/div><\/div>\r\n\r\n            <!-- MAIN -->\r\n            <div class=\"main\">\r\n                                    <div class=\"slide active\">\r\n                        <div class=\"bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/10\/realistic-view-earth-space-highlighting-europe-2588061909-min-scaled.jpg')\"><\/div>\r\n\r\n                        <div class=\"content-box\">\r\n                            <div class=\"inner-box\">\r\n                                <img decoding=\"async\" src=\"https:\/\/valagroup.org\/wp-content\/uploads\/2026\/05\/Asset-2.svg\" class=\"brand-logo\" alt=\"\u0647\u0644\u062f\u06cc\u0646\u06af \u0648\u0627\u0644\u0627\">                                <div class=\"content-inner\">\r\n                                    <!-- <h4 class=\"title\"><\/h4> -->\r\n                                    <h3 class=\"name\">\u0642\u0633\u0645 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h3>\r\n                                    <p class=\"description\">\u064a\u0639\u0645\u0644 \u0642\u0633\u0645 \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0641\u064a \u0634\u0631\u0643\u0629 \u0641\u0627\u0644\u0627 \u0627\u0644\u0642\u0627\u0628\u0636\u0629 \u0643\u0630\u0631\u0627\u0639 \u0646\u0634\u0637 \u0644\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645 \u0648\u062d\u062a\u0649 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0642\u0647\u0648\u0629 \u0648\u0627\u0644\u0645\u062e\u0644\u0644\u0627\u062a \u0648\u0627\u0644\u0646\u0642\u0627\u0646\u0642 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0648\u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0645\u0639\u0644\u0628\u0629.\n\u064a\u0648\u0641\u0631 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0625\u0645\u062f\u0627\u062f\u0627\u062a \u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u064a\u0646\u060c \u0648\u0630\u0644\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0648\u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/p>\r\n                                                                            <a href=\"https:\/\/valagroup.org\/%da%af%d8%b1%d9%88%d9%87-%d8%ba%d8%b0%d8%a7%db%8c%db%8c\/\" class=\"cu-Button\">\r\n                                            <span class=\"circle\"><span class=\"icon arrow\"><\/span><\/span>\r\n                                            <span class=\"button-text\">\u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631<\/span>\r\n                                        <\/a>\r\n                                                                    <\/div>\r\n                                <div class=\"social-media\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slide \">\r\n                        <div class=\"bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/08\/image-1_upscayl_2x_upscayl-standard-4x-1.png')\"><\/div>\r\n\r\n                        <div class=\"content-box\">\r\n                            <div class=\"inner-box\">\r\n                                <img decoding=\"async\" src=\"https:\/\/valagroup.org\/wp-content\/uploads\/2026\/05\/Asset-2.svg\" class=\"brand-logo\" alt=\"\u0647\u0644\u062f\u06cc\u0646\u06af \u0648\u0627\u0644\u0627\">                                <div class=\"content-inner\">\r\n                                    <!-- <h4 class=\"title\"><\/h4> -->\r\n                                    <h3 class=\"name\">\u0642\u0633\u0645 \u0627\u0644\u0635\u0644\u0628<\/h3>\r\n                                    <p class=\"description\">\u064a\u062a\u0648\u0644\u0649 \u0642\u0633\u0645 \u0627\u0644\u0641\u0648\u0644\u0627\u0630 \u0648\u0627\u0644\u0635\u0644\u0628 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0644\u0627\u060c \u0628\u0642\u064a\u0627\u062f\u0629 \u0634\u0631\u0643\u0629 \u0631\u0648\u0646\u064a\u0643\u0627 \u0635\u0646\u0639\u062a \u0622\u0631\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0647\u0627\u060c \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f\u060c \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0635\u0644\u0628.\n\u064a\u0642\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645\u060c \u0628\u0646\u0647\u062c\u0647 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 \u0648\u0627\u0644\u0645\u0647\u0646\u064a\u060c \u062d\u0644\u0648\u0644\u0627\u064b \u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629\u060c \u0648\u0647\u0648 \u0645\u0639\u0631\u0648\u0641 \u0628\u0623\u0646\u0647 \u0623\u062d\u062f \u0627\u0644\u0623\u0630\u0631\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0642\u0627\u0628\u0636\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062b\u0642\u064a\u0644\u0629.<\/p>\r\n                                                                            <a href=\"https:\/\/valagroup.org\/%da%af%d8%b1%d9%88%d9%87-%d8%a7%d8%b3%d8%aa%db%8c%d9%84\/\" class=\"cu-Button\">\r\n                                            <span class=\"circle\"><span class=\"icon arrow\"><\/span><\/span>\r\n                                            <span class=\"button-text\">\u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631<\/span>\r\n                                        <\/a>\r\n                                                                    <\/div>\r\n                                <div class=\"social-media\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slide \">\r\n                        <div class=\"bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/08\/335a11145856d1a67a92011bc50f9ac8_upscayl_2x_upscayl-standard-4x.png')\"><\/div>\r\n\r\n                        <div class=\"content-box\">\r\n                            <div class=\"inner-box\">\r\n                                <img decoding=\"async\" src=\"https:\/\/valagroup.org\/wp-content\/uploads\/2026\/05\/Asset-2.svg\" class=\"brand-logo\" alt=\"\u0647\u0644\u062f\u06cc\u0646\u06af \u0648\u0627\u0644\u0627\">                                <div class=\"content-inner\">\r\n                                    <!-- <h4 class=\"title\"><\/h4> -->\r\n                                    <h3 class=\"name\">\u0642\u0633\u0645 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/h3>\r\n                                    <p class=\"description\">\u064a\u062a\u0648\u0644\u0649 \u0642\u0633\u0645 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0627 \u0627\u0644\u0642\u0627\u0628\u0636\u0629\u060c \u0648\u0627\u0644\u0630\u064a \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0634\u0631\u0643\u0629 \u0631\u0627\u0634\u0627 \u0633\u0627\u0632\u0647 \u0627\u0641\u0631\u0646\u062f\u060c \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u0627\u0621.\n\u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0635\u0639\u064a\u062f \u0627\u0644\u0648\u0637\u0646\u064a\u060c \u0645\u0633\u062a\u062e\u062f\u0645\u0627\u064b \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0646\u0647\u062c\u0627\u064b \u062c\u062f\u064a\u062f\u0627\u064b \u0644\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n                                                                            <a href=\"https:\/\/valagroup.org\/%da%af%d8%b1%d9%88%d9%87-%d8%b3%d8%a7%d8%ae%d8%aa%d9%85%d8%a7%d9%86%db%8c\/\" class=\"cu-Button\">\r\n                                            <span class=\"circle\"><span class=\"icon arrow\"><\/span><\/span>\r\n                                            <span class=\"button-text\">\u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631<\/span>\r\n                                        <\/a>\r\n                                                                    <\/div>\r\n                                <div class=\"social-media\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"slide \">\r\n                        <div class=\"bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/09\/20250928_1029_Vast-Warehouse-Paper-Stacks_simple_compose_01k67htkxze94tde0djpncj8j6_upscayl_2x_upscayl-standard-4x-scaled.png')\"><\/div>\r\n\r\n                        <div class=\"content-box\">\r\n                            <div class=\"inner-box\">\r\n                                <img decoding=\"async\" src=\"https:\/\/valagroup.org\/wp-content\/uploads\/2026\/05\/Asset-2.svg\" class=\"brand-logo\" alt=\"\u0647\u0644\u062f\u06cc\u0646\u06af \u0648\u0627\u0644\u0627\">                                <div class=\"content-inner\">\r\n                                    <!-- <h4 class=\"title\"><\/h4> -->\r\n                                    <h3 class=\"name\">\u0642\u0633\u0645 \u0627\u0644\u0648\u0631\u0642<\/h3>\r\n                                    <p class=\"description\">\u064a\u0644\u0639\u0628 \u0642\u0633\u0645 \u0627\u0644\u0648\u0631\u0642 \u0641\u064a \u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0627 \u0627\u0644\u0642\u0627\u0628\u0636\u0629\u060c \u0628\u0641\u0636\u0644 \u0625\u062f\u0627\u0631\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0634\u0628\u0643\u0629 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u062f\u0648\u0631\u064b\u0627 \u0631\u0626\u064a\u0633\u064a\u064b\u0627 \u0641\u064a \u062a\u0648\u0631\u064a\u062f \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0648\u0631\u0642 \u0648\u0627\u0644\u0643\u0631\u062a\u0648\u0646 \u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0641\u064a \u0627\u0644\u0628\u0644\u0627\u062f.\n\u064a\u0639\u0645\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645\u060c \u062a\u062d\u062a \u0625\u062f\u0627\u0631\u0629 \u0634\u0631\u0643\u0629 \u0631\u0648\u0646\u064a\u0643\u0627 \u0635\u0646\u0639\u062a \u0622\u0631\u064a\u0646\u060c \u0643\u0648\u0627\u062d\u062f \u0645\u0646 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u0633\u0645\u0639\u0629 \u0627\u0644\u0637\u064a\u0628\u0629 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0648\u0631\u0642\u060c \u0648\u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629.<\/p>\r\n                                                                            <a href=\"https:\/\/valagroup.org\/%da%af%d8%b1%d9%88%d9%87-%da%a9%d8%a7%d8%ba%d8%b0\/\" class=\"cu-Button\">\r\n                                            <span class=\"circle\"><span class=\"icon arrow\"><\/span><\/span>\r\n                                            <span class=\"button-text\">\u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631<\/span>\r\n                                        <\/a>\r\n                                                                    <\/div>\r\n                                <div class=\"social-media\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n            <div class=\"boxs\">\r\n                <!-- THUMBS -->\r\n                <div class=\"thumbs\">\r\n                                            <div class=\"thumb active\" data-index=\"0\">\r\n                            <div class=\"thumb-bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/10\/realistic-view-earth-space-highlighting-europe-2588061909-min-scaled.jpg')\"><\/div>\r\n\r\n                            <div class=\"color-overlay\"><span>\u0642\u0633\u0645 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/span><\/div>\r\n                        <\/div>\r\n                                            <div class=\"thumb \" data-index=\"1\">\r\n                            <div class=\"thumb-bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/08\/image-1_upscayl_2x_upscayl-standard-4x-1.png')\"><\/div>\r\n\r\n                            <div class=\"color-overlay\"><span>\u0642\u0633\u0645 \u0627\u0644\u0635\u0644\u0628<\/span><\/div>\r\n                        <\/div>\r\n                                            <div class=\"thumb \" data-index=\"2\">\r\n                            <div class=\"thumb-bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/08\/335a11145856d1a67a92011bc50f9ac8_upscayl_2x_upscayl-standard-4x.png')\"><\/div>\r\n\r\n                            <div class=\"color-overlay\"><span>\u0642\u0633\u0645 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/span><\/div>\r\n                        <\/div>\r\n                                            <div class=\"thumb \" data-index=\"3\">\r\n                            <div class=\"thumb-bg\" style=\"background-image:url('https:\/\/valagroup.org\/wp-content\/uploads\/2025\/09\/20250928_1029_Vast-Warehouse-Paper-Stacks_simple_compose_01k67htkxze94tde0djpncj8j6_upscayl_2x_upscayl-standard-4x-scaled.png')\"><\/div>\r\n\r\n                            <div class=\"color-overlay\"><span>\u0642\u0633\u0645 \u0627\u0644\u0648\u0631\u0642<\/span><\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n    \r\n                <!-- arrow-box -->\r\n                <div class=\"arrow-box\">\r\n                    <button class=\"next\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"24\" height=\"24\" x=\"0\" y=\"0\" viewBox=\"0 0 128 128\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\" class=\"\">\r\n                                <g>\r\n                                    <path d=\"M44 108a3.988 3.988 0 0 1-2.828-1.172 3.997 3.997 0 0 1 0-5.656L78.344 64 41.172 26.828c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0l40 40a3.997 3.997 0 0 1 0 5.656l-40 40A3.988 3.988 0 0 1 44 108z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"><\/path>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <button class=\"prev\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"24\" height=\"24\" x=\"0\" y=\"0\" viewBox=\"0 0 128 128\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\" class=\"\">\r\n                                <g>\r\n                                    <path d=\"M44 108a3.988 3.988 0 0 1-2.828-1.172 3.997 3.997 0 0 1 0-5.656L78.344 64 41.172 26.828c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0l40 40a3.997 3.997 0 0 1 0 5.656l-40 40A3.988 3.988 0 0 1 44 108z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"><\/path>\r\n                                <\/g>\r\n                            <\/svg>\r\n                    <\/button>\r\n                    \r\n                        <div class=\"progress-bar-container\"><div class=\"progress-bar\"><\/div><\/div>\r\n                        <div class=\"counter\">\r\n                            <span class=\"current\">01<\/span>\r\n                            <span class=\"separator\">\/<\/span>\r\n                            <span class=\"total\">04<\/span>\r\n                        <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <style>\r\n            #carousel-db66122 {\r\n                position: relative;\r\n                height: 100vh;\r\n                overflow: hidden;\r\n                width: 100vw;\r\n            }\r\n\r\n            #carousel-db66122 .slide {\r\n                position: absolute;\r\n                inset: 0;\r\n                opacity: 0;\r\n                transform: scale(1.05);\r\n                transition: all var(--speed);\r\n            }\r\n\r\n            #carousel-db66122 .slide.active {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n                z-index: 10;\r\n            }\r\n            \r\n            #carousel-db66122 .slide.active .content-box{\r\n                z-index: 999;\r\n            }\r\n\r\n            #carousel-db66122 .bg {\r\n                position: absolute;\r\n                inset: 0;\r\n                background-size: cover;\r\n                background-position: center;\r\n            }\r\n\r\n            \/* #carousel-db66122 .bg::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                right: 0;\r\n                top: 0;\r\n                height: 100%;\r\n                width: 100%;\r\n                background-color: rgba(33, 33, 33, 0.25);\r\n                z-index: 1;\r\n            } *\/\r\n\r\n            #carousel-db66122 .content-box {\r\n                position: absolute;\r\n                right: 0;\r\n                color: inherit;\r\n                transform: translateY(-50%);\r\n                width: calc(100% \/ 5);\r\n                top: 0%;\r\n                direction: rtl;\r\n                height: 100vh;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                padding: 0 50px;\r\n                background: #202020;\r\n                min-width: 380px;\r\n                z-index: 20;\r\n            }\r\n\r\n            #carousel-db66122 .boxs {\r\n                position: absolute;\r\n                bottom: 50px;\r\n                left: 50px;\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 60px;\r\n                z-index: 22;\r\n            }\r\n\r\n            #carousel-db66122 .thumbs {\r\n                position: relative;\r\n                display: flex;\r\n                gap: 30px;\r\n                z-index: 2;\r\n            }\r\n\r\n            #carousel-db66122 .thumb {\r\n                position: relative;\r\n                width: 180px;\r\n                height: 250px;\r\n                cursor: pointer;\r\n                transition: 0.3s;\r\n                filter: grayscale(1);\r\n                box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);\r\n                border-radius: 20px;\r\n                overflow: hidden;\r\n            }\r\n\r\n            #carousel-db66122 .thumb.active ,#carousel-db66122 .thumb:hover {\r\n                transform: scale(1.1);\r\n                filter: blur(0px);\r\n                \/* z-index: 2; *\/\r\n                border: 2px solid #eee;\r\n            }\r\n\r\n            #carousel-db66122 .thumb-bg {\r\n                width: 100%;\r\n                height: 100%;\r\n                background-size: cover;\r\n                background-position: center;\r\n            }\r\n\r\n            #carousel-db66122 .content-box .description{\r\n                margin-bottom:10px;\r\n                text-align:justify;\r\n            }\r\n\r\n            #carousel-db66122 .arrow-box {\r\n                position: relative;\r\n                z-index: 100;\r\n                display: flex;\r\n                gap: 20px;\r\n                align-items: center;\r\n            }\r\n\r\n            #carousel-db66122 .arrow-box .prev{\r\n                transform: rotate(180deg);\r\n            }\r\n\r\n            #carousel-db66122 .arrow-box button{\r\n                width: 50px;\r\n                height: 50px;\r\n                min-width: 50px;\r\n                min-height: 50px;\r\n                border-radius: 50%;\r\n                border: 1px solid #fff;\r\n                color: rgb(255, 255, 255);\r\n                background-color: transparent;\r\n                outline: none;\r\n                font-size: 25px;\r\n                font-weight: bold;\r\n                cursor: pointer;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                transition: all .2s ease-in-out;\r\n            }\r\n\r\n            #carousel-db66122 .arrow-box button:hover{\r\n                color: #d4af37;\r\n                background-color: #ffffff;\r\n                scale: 1.2;\r\n            }\r\n\r\n            #carousel-db66122 .progress {\r\n                position: absolute;\r\n                left: 7px; \r\n                bottom: 0;\r\n                width: 4px;\r\n                height: 100%;\r\n                background: rgba(255,255,255,0.2);\r\n                z-index: 15;\r\n            }\r\n\r\n            #carousel-db66122 .bar {\r\n                width: 100%;\r\n                height: 0%;\r\n                background: #fff;\r\n                position: absolute;\r\n                bottom: 0;\r\n            }\r\n            \r\n            #carousel-db66122 .counter {\r\n                color: #fff;\r\n                font-size: 25px;\r\n                font-family: 'iranyekan';\r\n            }\r\n\r\n            .content-box .title,\r\n            .content-box .name,\r\n            .content-box-box .description {\r\n                color: inherit;\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n\r\n            .slide .title,\r\n            .slide .name,\r\n            .slide .description,\r\n            .slide .cu-Button {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n\r\n            .slide.active .title { animation: fadeUp .6s .2s forwards; }\r\n            .slide.active .name { animation: fadeUp .6s .4s forwards; }\r\n            .slide.active .description { animation: fadeUp .6s .6s forwards; }\r\n            .slide.active .cu-Button { animation: fadeUp .6s .8s forwards; }\r\n\r\n            @keyframes fadeUp {\r\n                to { opacity:1; transform:translateY(0); }\r\n            }\r\n\r\n            #carousel-db66122 .progress-bar-container {\r\n                width: 60%;\r\n                height: 1px;\r\n                background-color: rgba(255, 255, 255, 0.5);\r\n                border-radius: 20px;\r\n                overflow: hidden;\r\n            }\r\n\r\n            #carousel-db66122 .progress-bar {\r\n                height: 100%;\r\n                width: 100%;\r\n                background-color: #fff;\r\n                transition: all var(--transition-time);\r\n            }\r\n\r\n            #carousel-db66122 .main .slide .content-box {\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transform: translateY(20px);\r\n                transition: all 0.4s ease;\r\n            }\r\n\r\n            #carousel-db66122 .main .slide.active .content-box {\r\n                opacity: 1;\r\n                visibility: visible;\r\n                transform: translateY(0);\r\n                background: radial-gradient(circle at top, #404040 0%, #202020 45%, #0d0d0d 100%);\r\n\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button {\r\n                width: 12rem;\r\n                height: auto;\r\n                position: relative;\r\n                display: inline-block;\r\n                cursor: pointer;\r\n                outline: none;\r\n                border: 0;\r\n                vertical-align: middle;\r\n                text-decoration: none;\r\n                background: transparent;\r\n                padding: 0;\r\n                font-size: inherit;\r\n                font-family: inherit;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button .circle {\r\n                transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);\r\n                position: relative;\r\n                display: block;\r\n                margin: 0;\r\n                width: 3rem;\r\n                height: 3rem;\r\n                background: #ad9841;\r\n                border-radius: 1.625rem;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button .circle .icon {\r\n                transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);\r\n                position: absolute;\r\n                top: 0;\r\n                bottom: 0;\r\n                margin: auto;\r\n                background: #fff;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button .circle .icon.arrow {\r\n                transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);\r\n                right: 0.625rem;\r\n                width: 1.125rem;\r\n                height: 0.125rem;\r\n                background: none;\r\n                rotate: 180deg;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button .circle .icon.arrow::before {\r\n                position: absolute;\r\n                content: \"\";\r\n                top: -0.25rem;\r\n                right: 0.0625rem;\r\n                width: 0.625rem;\r\n                height: 0.625rem;\r\n                border-top: 0.125rem solid #fff;\r\n                border-right: 0.125rem solid #fff;\r\n                transform: rotate(45deg);\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button .button-text {\r\n                transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                padding: 0.75rem 0;\r\n                margin: 0  1.85rem 0 0;\r\n                color: #ad9841;\r\n                font-weight: 700;\r\n                line-height: 1.6;\r\n                text-align: center;\r\n                text-transform: uppercase;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button:hover .circle {\r\n                width: 100%;\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button:hover .circle .icon.arrow {\r\n                background: #fff;\r\n                transform: translate(1rem, 0);\r\n            }\r\n\r\n            #carousel-db66122 .cu-Button:hover .button-text {\r\n                color: #fff;\r\n            }\r\n\r\n            #carousel-db66122 .color-overlay {\r\n                position: absolute;\r\n                left: 0;\r\n                bottom: 0;\r\n                width: 100%;\r\n                height: 40%;\r\n                pointer-events: none;\r\n\r\n                background: linear-gradient(\r\n                    0deg,\r\n                    \/* rgba(20, 20, 20, 0.85) 0%, *\/\r\n                    rgba(20, 20, 20, 0.9) 40%,\r\n                    rgba(20, 20, 20, 0.0) 100%\r\n                );\r\n\r\n                opacity: 0;\r\n                transform: translateY(100%);\r\n                transition: all 0.6s ease;\r\n            }\r\n\r\n            #carousel-db66122 .color-overlay span{\r\n                transform: translateY(-10px);\r\n                text-shadow: 0px 0px 20px #ffffff6b;\r\n            }\r\n\r\n            .brand-logo{\r\n                filter: invert(1);\r\n                width: 180px;\r\n                \/* display: block;\r\n                margin: 0 auto; *\/\r\n            }\r\n\r\n            #carousel-db66122 .thumb.active .color-overlay {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n                display: flex;\r\n                align-items: flex-end;\r\n                justify-content: center;\r\n                color: #fff;\r\n            }\r\n\r\n            .content-box .inner-box{\r\n                height: 90vh;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-around;\r\n            }\r\n\r\n            @media (max-width: 767px) {\r\n                #carousel-db66122 .content-box {\r\n                    position: absolute;\r\n                    right: 0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    color: inherit;\r\n                    transform: translateY(-50%);\r\n                    width: 100%;\r\n                    top: auto;\r\n                    direction: rtl;\r\n                    height: fit-content;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: center;\r\n                    padding: 30px;\r\n                    background: #202020;\r\n                    min-width: 380px;\r\n                    z-index: 20;\r\n                    text-wrap-style: pretty;\r\n                }\r\n\r\n                #carousel-db66122 .boxs {\r\n                    \/* bottom: 280px; *\/\r\n                    gap: 10px;\r\n                    left: 0; \r\n                    right: 0; \r\n                    margin-inline: auto; \r\n                    width: fit-content;\r\n                }\r\n\r\n                #carousel-db66122 .content-box .inner-box {\r\n                    height: auto;\r\n                }\r\n\r\n                .brand-logo{\r\n                    display:none;\r\n                }\r\n\r\n                .content-box::after{\r\n                    display: none;\r\n                }\r\n\r\n                #carousel-db66122 .progress {\r\n                    position: absolute;\r\n                    left: 0px; \r\n                    bottom: 0;\r\n                    width: 4px;\r\n                    height: 100%;\r\n                    background: rgba(255,255,255,0.2);\r\n                    z-index: 15;\r\n                }\r\n\r\n                #carousel-db66122 .thumbs {\r\n                    gap: 15px;\r\n                    justify-content: center;\r\n                    flex-direction: row-reverse;\r\n                }\r\n\r\n                #carousel-db66122 .thumb {\r\n                    width: 80px;\r\n                    height: 110px;\r\n                    cursor: pointer;\r\n                    transition: 0.3s;\r\n                    filter: grayscale(1);\r\n                    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);\r\n                    border-radius: 8px;\r\n                    overflow: hidden;\r\n                }\r\n\r\n                .color-overlay span {\r\n                    font-size: 8px;\r\n                }\r\n\r\n                #carousel-db66122 .counter {\r\n                    font-size: 12px;\r\n                }\r\n\r\n                #carousel-db66122 .arrow-box button{\r\n                    width: 30px;\r\n                    height: 30px;\r\n                    min-width: 30px;\r\n                    min-height: 30px;\r\n                }\r\n\r\n                #carousel-db66122 .arrow-box{\r\n                    gap: 10px;\r\n                    justify-content: center;\r\n                }\r\n\r\n                #carousel-db66122 .thumb.active, #carousel-db66122 .thumb:hover {\r\n                    transform: translateY(-10px);\r\n                }\r\n\r\n                #carousel-db66122 .slide {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: flex-end;\r\n                }\r\n\r\n                #carousel-db66122 .boxs {\r\n                    order: 2;\r\n                    position: relative;\r\n                    width: 100%;\r\n                    bottom: 10px;\r\n                }\r\n\r\n                #carousel-db66122 .content-box {\r\n                    order: 3;\r\n                    position: relative; \r\n                }\r\n\r\n\r\n                #carousel-db66122 .cu-Button .circle {\r\n                    width: 100%;\r\n                }\r\n\r\n                #carousel-db66122 .cu-Button .circle .icon.arrow {\r\n                    background: #fff;\r\n                    transform: translate(1rem, 0);\r\n                }\r\n\r\n                #carousel-db66122 .cu-Button .button-text {\r\n                    color: #fff;\r\n                }\r\n            }\r\n\r\n            @media screen and (min-width: 767px) and (max-width: 1024px) {\r\n                #carousel-db66122 .thumb {\r\n                    width: 120px;\r\n                    height: 180px;\r\n                    border-radius: 15px;\r\n                }\r\n\r\n                #carousel-db66122 .thumbs {\r\n                    gap: 20px;\r\n                }\r\n\r\n                #carousel-db66122 .color-overlay span {\r\n                    font-size: 12px;\r\n                }\r\n\r\n                #carousel-db66122 .content-box {\r\n                    width: calc(100% \/ 3);\r\n                    min-width: unset;\r\n                }\r\n\r\n                #carousel-db66122 .counter {\r\n                    font-size: 16px;\r\n                }\r\n            }\r\n\r\n            \/* \u0641\u0642\u0637 \u0646\u0633\u062e\u0647 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc *\/\r\n            html[lang^=\"en\"] #carousel-db66122 .content-box{\r\n                right: auto;\r\n                left: 0;\r\n                direction: ltr;\r\n                text-align: left;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .boxs{\r\n                left: auto;\r\n                right: 50px;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .progress{\r\n                left: auto;\r\n                right: 7px;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .cu-Button .button-text{\r\n                margin: 0 0 0 1.85rem;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .cu-Button .circle .icon.arrow {\r\n                left: 0.625rem;\r\n                right:auto;\r\n                rotate: 360deg;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .counter{\r\n                font-family:\"Montserrat\", Sans-serif;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .arrow-box .next{\r\n                order: 2;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .arrow-box .prev{\r\n                order: 1;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .arrow-box .progress-bar-container{\r\n                order: 3;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .arrow-box .counter{\r\n                order: 4;\r\n            }\r\n\r\n            html[lang^=\"en\"] #carousel-db66122 .color-overlay {\r\n                padding: 0 10px;\r\n            }\r\n        <\/style>\r\n\r\n        \r\n\r\n        <script>\r\n        (function(){\r\n\r\n            const root = document.getElementById('carousel-db66122');\r\n\r\n            if(!root) return;\r\n\r\n            const slides = root.querySelectorAll('.slide');\r\n            const thumbs = root.querySelectorAll('.thumb');\r\n            const next = root.querySelector('.next');\r\n            const prev = root.querySelector('.prev');\r\n            const bar = root.querySelector('.bar');\r\n\r\n            const currentEl = root.querySelector('.current');\r\n\r\n            let index = 0;\r\n\r\n            \/\/ ===== Progress =====\r\n            let startTime = null;\r\n            let elapsed = 0;\r\n            let rafId = null;\r\n            let isPaused = false;\r\n\r\n            const autoplay = true;\r\n            const delay = 5000;\r\n            const speed = 600;\r\n\r\n            const loop = true;\r\n\r\n            root.style.setProperty('--speed', speed + 'ms');\r\n\r\n            \/\/ ===== Counter =====\r\n            function updateCounter(i){\r\n                if(!currentEl) return;\r\n                currentEl.textContent = (i + 1).toString().padStart(2, '0');\r\n            }\r\n\r\n            \/\/ ===== Slide Logic =====\r\n            function show(i){\r\n\r\n                if(loop){\r\n                    i = (i + slides.length) % slides.length;\r\n                } else {\r\n\r\n                    if(i < 0){\r\n                        i = 0;\r\n                    }\r\n\r\n                    if(i >= slides.length){\r\n                        i = slides.length - 1;\r\n                    }\r\n                }\r\n\r\n                slides.forEach(s => s.classList.remove('active'));\r\n                thumbs.forEach(t => t.classList.remove('active'));\r\n\r\n                slides[i].classList.add('active');\r\n\r\n                if(thumbs[i]){\r\n                    thumbs[i].classList.add('active');\r\n                }\r\n\r\n                index = i;\r\n\r\n                updateCounter(i);\r\n\r\n                if(autoplay){\r\n                    resetProgress();\r\n                }\r\n            }\r\n\r\n            function nextSlide(){\r\n\r\n                if(!loop && index === slides.length - 1){\r\n                    show(0);\r\n                } else {\r\n                    show(index + 1);\r\n                }\r\n            }\r\n\r\n            function prevSlide(){\r\n\r\n                if(!loop && index === 0){\r\n                    show(slides.length - 1);\r\n                } else {\r\n                    show(index - 1);\r\n                }\r\n            }\r\n\r\n            \/\/ ===== RAF Progress =====\r\n            function animateProgress(timestamp){\r\n\r\n            console.log('animateProgress');\r\n\r\n                if(!startTime){\r\n                    startTime = timestamp - elapsed;\r\n                }\r\n\r\n                if(isPaused){\r\n                    rafId = requestAnimationFrame(animateProgress);\r\n                    return;\r\n                }\r\n\r\n                elapsed = timestamp - startTime;\r\n\r\n                const percent = Math.min(\r\n                    (elapsed \/ delay) * 100,\r\n                    100\r\n                );\r\n\r\n                if(bar){\r\n                    bar.style.height = percent + '%';\r\n                }\r\n\r\n                if(elapsed >= delay){\r\n\r\n                    nextSlide();\r\n\r\n                    return;\r\n                }\r\n\r\n                console.log(percent);\r\n\r\n                rafId = requestAnimationFrame(animateProgress);\r\n            }\r\n\r\n            function resetProgress(){\r\n\r\n                cancelAnimationFrame(rafId);\r\n\r\n                startTime = null;\r\n                elapsed = 0;\r\n                isPaused = false;\r\n\r\n                if(bar){\r\n                    bar.style.height = '0%';\r\n                }\r\n\r\n                rafId = requestAnimationFrame(animateProgress);\r\n            }\r\n\r\n            function pauseProgress(){\r\n                isPaused = true;\r\n            }\r\n\r\n            function resumeProgress(){\r\n                if(!autoplay) return;\r\n\r\n                if(isPaused){\r\n\r\n                    isPaused = false;\r\n\r\n                    cancelAnimationFrame(rafId);\r\n                    rafId = requestAnimationFrame(animateProgress);\r\n                }\r\n            }\r\n\r\n            \/\/ ===== Events =====\r\n            if(next){\r\n                next.addEventListener('click', nextSlide);\r\n            }\r\n\r\n            if(prev){\r\n                prev.addEventListener('click', prevSlide);\r\n            }\r\n\r\n            thumbs.forEach(t => {\r\n\r\n                t.addEventListener('click', () => {\r\n\r\n                    const slideIndex = parseInt(\r\n                        t.dataset.index,\r\n                        10\r\n                    );\r\n\r\n                    show(slideIndex);\r\n                });\r\n\r\n            });\r\n\r\n            \/\/ ===== Hover Pause =====\r\n            root.addEventListener('mouseover', (e) => {\r\n\r\n                const box = e.target.closest('.content-box');\r\n\r\n                if(!box) return;\r\n\r\n                pauseProgress();\r\n\r\n            });\r\n\r\n            root.addEventListener('mouseout', (e) => {\r\n\r\n                const box = e.target.closest('.content-box');\r\n\r\n                if(!box) return;\r\n\r\n                if(box.contains(e.relatedTarget)){\r\n                    return;\r\n                }\r\n\r\n                resumeProgress();\r\n\r\n            });\r\n\r\n            \/\/ ===== Init =====\r\n            updateCounter(index);\r\n\r\n            if(autoplay){\r\n                resetProgress();\r\n            }\r\n\r\n        })();\r\n\r\n        document.querySelectorAll('.thumb').forEach(thumb => {\r\n            const bg = thumb.querySelector('.thumb-bg');\r\n            const overlay = thumb.querySelector('.color-overlay');\r\n\r\n            const url = bg.style.backgroundImage.replace(\/url\\([\"']?(.*?)[\"']?\\)\/, '$1');\r\n\r\n            const img = new Image();\r\n            img.crossOrigin = \"Anonymous\";\r\n            img.src = url;\r\n\r\n            img.onload = function () {\r\n                const canvas = document.createElement('canvas');\r\n                const ctx = canvas.getContext('2d');\r\n\r\n                canvas.width = img.width;\r\n                canvas.height = img.height;\r\n\r\n                ctx.drawImage(img, 0, 0);\r\n\r\n                const data = ctx.getImageData(0, 0, img.width, img.height).data;\r\n\r\n                let r = 0, g = 0, b = 0, count = 0;\r\n\r\n                for (let i = 0; i < data.length; i += 40) {\r\n                    r += data[i];\r\n                    g += data[i + 1];\r\n                    b += data[i + 2];\r\n                    count++;\r\n                }\r\n\r\n                r = Math.floor(r \/ count);\r\n                g = Math.floor(g \/ count);\r\n                b = Math.floor(b \/ count);\r\n\r\n                \/\/ \ud83c\udfa8 \u06cc\u0647 \u06a9\u0645 \u0631\u0646\u06af \u0631\u0648 \u062e\u0648\u0634\u06af\u0644\u200c\u062a\u0631 \u06a9\u0646\u06cc\u0645 (\u0627\u0634\u0628\u0627\u0639 + \u062a\u0627\u0631\u06cc\u06a9\u06cc)\r\n                r = Math.min(255, r * 1.1);\r\n                g = Math.min(255, g * 1.1);\r\n                b = Math.min(255, b * 1.1);\r\n\r\n                overlay.style.background = `\r\n                    linear-gradient(\r\n                        0deg,\r\n                        rgba(${r}, ${g}, ${b}, 0.9) 40%,\r\n                        rgba(${r}, ${g}, ${b}, 0.0) 100%\r\n                    )\r\n                `;\r\n            };\r\n        });\r\n\r\n        function moveBoxsMobile() {\r\n            const boxs = document.querySelector('#carousel-db66122 .boxs');\r\n            const activeSlide = document.querySelector('#carousel-db66122 .slide.active');\r\n\r\n            if (!boxs || !activeSlide) return;\r\n\r\n            if (window.innerWidth <= 768) {\r\n                const contentBox = activeSlide.querySelector('.content-box');\r\n\r\n                \/\/ \u0641\u0642\u0637 \u0627\u06af\u0631 \u0642\u0628\u0644\u0627\u064b \u062c\u0627\u0628\u062c\u0627 \u0646\u0634\u062f\u0647\r\n                if (contentBox && boxs.parentElement !== activeSlide) {\r\n                    activeSlide.insertBefore(boxs, contentBox);\r\n                }\r\n            } else {\r\n                \/\/ \u0628\u0631\u06af\u0631\u062f\u0648\u0646\u062f\u0646 \u0628\u0647 \u062d\u0627\u0644\u062a \u062f\u0633\u06a9\u062a\u0627\u067e\r\n                const carousel = document.querySelector('#carousel-db66122');\r\n                if (carousel && boxs.parentElement !== carousel) {\r\n                    carousel.appendChild(boxs);\r\n                }\r\n            }\r\n        }\r\n\r\n        window.addEventListener('load', moveBoxsMobile);\r\n\r\n        window.addEventListener('resize', moveBoxsMobile);\r\n\r\n        document.addEventListener('click', function(e){\r\n            if(e.target.closest('.next') || e.target.closest('.prev') || e.target.closest('.thumb')){\r\n                setTimeout(moveBoxsMobile, 50);\r\n            }\r\n        });\r\n        <\/script>\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0642\u0633\u0645 \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u064a\u0639\u0645\u0644 \u0642\u0633\u0645 \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0641\u064a \u0634\u0631\u0643\u0629 \u0641\u0627\u0644\u0627 \u0627\u0644\u0642\u0627\u0628\u0636\u0629 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4386","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/pages\/4386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/comments?post=4386"}],"version-history":[{"count":19,"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/pages\/4386\/revisions"}],"predecessor-version":[{"id":4439,"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/pages\/4386\/revisions\/4439"}],"wp:attachment":[{"href":"https:\/\/valagroup.org\/ar\/wp-json\/wp\/v2\/media?parent=4386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}