{"id":106,"date":"2025-09-30T15:46:34","date_gmt":"2025-09-30T15:46:34","guid":{"rendered":"https:\/\/nilegroupe.com\/?page_id=106"},"modified":"2025-12-04T13:11:21","modified_gmt":"2025-12-04T13:11:21","slug":"nile-telecom","status":"publish","type":"page","link":"https:\/\/nilegroupe.com\/ar\/nile-telecom\/","title":{"rendered":"\u0627\u0644\u0646\u064a\u0644 \u0644\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"106\" class=\"elementor elementor-106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a0875 e-con-full e-flex e-con e-parent\" data-id=\"c8a0875\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a64d2 elementor-widget elementor-widget-html\" data-id=\"37a64d2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <style>\n        .text-stroke {\n            -webkit-text-stroke: 2px #8b5cf6;\n            color: transparent;\n        }\n\n        .diagonal-sectio {\n            clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);\n        }\n\n        .card-hover {\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .card-hover:hover {\n            transform: translateY(-10px);\n        }\n\n        .tech-grid {\n            background-image: \n                linear-gradient(rgba(139, 92, 246, 0.1) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(139, 92, 246, 0.1) 1px, transparent 1px);\n            background-size: 40px 40px;\n        }\n\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 1s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n        }\n\n        .floating {\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .circuit-pattern {\n            background-image: \n                radial-gradient(circle at 2px 2px, rgba(139, 92, 246, 0.15) 1px, transparent 0);\n            background-size: 30px 30px;\n        }\n    <\/style>\n     \n<div class=\"bg-slate-950 text-white overflow-x-hidden\">\n    \n    <!-- Hero Section -->\n    <section class=\"relative min-h-[85vh] flex items-center justify-center overflow-hidden tech-grid\">\n        \n        \n         <!-- Video Background -->\n    <div class=\"hero-video-container\">\n        <video class=\"hero-bg-video\" autoplay muted loop playsinline preload=\"metadata\">\n            <source src=\"https:\/\/nilegroupe.com\/videos\/niletelecom.mp4\" type=\"video\/mp4\">\n        <\/video>\n    <\/div>\n    \n    <!-- Fallback Animated Background -->\n    <div class=\"absolute inset-0 hero-fallback-bg\">\n        <div class=\"absolute top-20 left-10 w-96 h-96 bg-purple-600\/10 rounded-full blur-3xl floating\"><\/div>\n        <div class=\"absolute bottom-20 right-10 w-80 h-80 bg-blue-600\/10 rounded-full blur-3xl floating\" style=\"animation-delay: -3s;\"><\/div>\n    <\/div>\n    \n    <!-- Dark Overlays pour contraste -->\n    <div class=\"absolute inset-0 bg-gradient-to-b from-gray-900\/70 via-gray-900\/60 to-gray-900\/80\"><\/div>\n    <div class=\"absolute inset-0 bg-gradient-to-r from-purple-900\/20 via-transparent to-blue-900\/20\"><\/div>\n    \n    <!-- Vignette Effect -->\n    <div class=\"absolute inset-0 bg-radial-gradient\"><\/div>\n    \n    \n    \n    \n        \n        \n        \n        \n        <!-- Animated Background -->\n        <div class=\"absolute inset-0\">\n            <div class=\"absolute top-20 left-10 w-96 h-96 bg-purple-600\/10 rounded-full blur-3xl floating\"><\/div>\n            <div class=\"absolute bottom-20 right-10 w-80 h-80 bg-blue-600\/10 rounded-full blur-3xl floating\" style=\"animation-delay: -3s;\"><\/div>\n        <\/div>\n        \n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20\">\n            <div class=\"text-center mb-12\">\n                <div class=\"flex items-center justify-center gap-4 mb-8\">\n                    <div class=\"relative group\">\n                        <!-- Glow effect -->\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-purple-600 to-blue-600 rounded-full blur-xl opacity-50 group-hover:opacity-75 transition-opacity duration-300 pulse-glow\"><\/div>\n                        <!-- Logo container -->\n                        <div class=\"relative bg-gradient-to-br from-gray-900 to-gray-800 p-3 rounded-full border-2 border-purple-500\/50 shadow-2xl shadow-purple-500\/20\">\n                            <img decoding=\"async\" src=\"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png\" alt=\"Nile Telecom Logo\" class=\"h-16 w-16 object-contain !rounded-full\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"inline-block px-6 py-2 border border-purple-500 text-purple-400 text-sm font-bold rounded-full bg-purple-950\/30 backdrop-blur-sm\">\n                        \u0639\u0636\u0648 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u064a\u062f\u0627\u0641 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a\n                    <\/div>\n                <\/div>\n                \n                <div class=\"text-4xl md:text-7xl font-black mb-6 leading-none monotone-title\">\n                    \u0646\u064a\u0644\u064a\n                    <span class=\"monotone-title\">\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/span>\n                <\/div>\n                \n                <p class=\"text-2xl md:text-3xl text-gray-300 mb-12 max-w-4xl mx-auto leading-relaxed\">\n                    \u0623\u062d\u062f\u062b \u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0644\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\n                <\/p>\n            <\/div>\n            \n            <!-- Stats Grid -->\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 max-w-5xl mx-auto\">\n                <div class=\"bg-gradient-to-br from-purple-900\/40 to-purple-800\/40 backdrop-blur-sm border border-purple-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-purple-400 mb-2\">30+<\/div>\n                    <div class=\"text-sm text-gray-400\">\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-blue-900\/40 to-blue-800\/40 backdrop-blur-sm border border-blue-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-blue-400 mb-2\">1k+<\/div>\n                    <div class=\"text-sm text-gray-400\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-pink-900\/40 to-pink-800\/40 backdrop-blur-sm border border-pink-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-pink-400 mb-2\">13<\/div>\n                    <div class=\"text-sm text-gray-400\">\u0627\u0644\u0634\u0631\u0643\u0627\u062a <\/div>\n                <\/div>\n                <div class=\"bg-gradient-to-br from-cyan-900\/40 to-cyan-800\/40 backdrop-blur-sm border border-cyan-500\/30 p-6 rounded-2xl text-center hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl font-bold text-cyan-400 mb-2\">15<\/div>\n                    <div class=\"text-sm text-gray-400\">\u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    \n    <!-- About Section -->\n    <section class=\"relative py-32 bg-white text-slate-950 diagonal-section\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"reveal\">\n                    <div class=\"text-sm font-bold text-purple-600 mb-4 tracking-widest\">\u0645\u0646 \u0646\u062d\u0646<\/div>\n                    <h2 class=\"text-6xl font-bold mb-8 leading-tight\">\n                        \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a\n                        <br>\n                        \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0643\u064a\u0629 \u0648\u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\u0629\n                    <\/h2>\n                    <div class=\"w-32 h-1 bg-purple-600 mb-8\"><\/div>\n                    <p class=\"text-xl text-gray-700 leading-relaxed mb-6\">\n                        \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u064a\u0644 \u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0647\u064a \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u064a\u062f\u0627\u0641 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u060c \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u062d\u062f\u062b \u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\n                    <\/p>\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">\n                        \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647\u0627 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0634\u0631\u0643\u0629 MEDAF\u060c \u0648\u0647\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0631\u0643\u0627\u062a \u0644\u0647\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 30 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u060c \u062a\u062c\u0633\u062f \u0627\u0644\u0646\u064a\u0644 \u0644\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0642\u0637\u0627\u0639\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\n                    <\/p>\n                    <div class=\"inline-block px-6 py-3 bg-purple-600 text-white rounded-full font-bold hover:bg-purple-700 transition cursor-pointer\">\n                        \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 MEDAF\n                    <\/div>\n                <\/div>\n\n                <div class=\"reveal grid grid-cols-2 gap-4\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"space-y-4\">\n                        <div class=\"h-64 rounded-2xl overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=400\" \n                                 class=\"w-full h-full object-cover\" \n                                 alt=\"Telecom Infrastructure\">\n                        <\/div>\n                        <div class=\"h-48 bg-gradient-to-br from-purple-600 to-purple-800 rounded-2xl p-6 flex items-end\">\n                            <div class=\"text-2xl font-bold text-white\">\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"space-y-4 mt-8\">\n                        <div class=\"h-48 bg-gradient-to-br from-blue-600 to-blue-800 rounded-2xl p-6 flex items-end\">\n                            <div class=\"text-2xl font-bold text-white\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/div>\n                        <\/div>\n                        <div class=\"h-64 rounded-2xl overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=400\" \n                                 class=\"w-full h-full object-cover\" \n                                 alt=\"Technology\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section class=\"relative py-32 bg-slate-950 circuit-pattern -mt-20 pt-32\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">\u062e\u0628\u0631\u062a\u0646\u0627<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u062d\u0644\u0648\u0644<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-400 max-w-3xl mx-auto\">\n                    \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\n                <\/p>\n            <\/div>\n\n            <!-- Services Grid -->\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <!-- Fiber Optic -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-purple-900 to-purple-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544197150-b99a580bb7a8?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Fiber Optic\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">01<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3>\n                                <p class=\"text-xl text-purple-200 leading-relaxed\">\n                                    \u0628\u0646\u0627\u0621 \u0634\u0628\u0643\u0627\u062a \u0642\u0648\u064a\u0629 \u0644\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u0644\u064a\u0627\u0641 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 5G Network -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.1s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-indigo-900 to-indigo-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"5G Network\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">02<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0646\u0634\u0631 \u0634\u0628\u0643\u0629 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062e\u0627\u0645\u0633 5G<\/h3>\n                                <p class=\"text-xl text-indigo-200 leading-relaxed\">\n                                    \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0644\u0644\u0627\u062a\u0635\u0627\u0644 \u0641\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u062a\u0645\u0643\u064a\u0646 \u0625\u0646\u062a\u0631\u0646\u062a \u0627\u0644\u0623\u0634\u064a\u0627\u0621\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- IT Systems -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.2s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-blue-900 to-blue-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"IT Systems\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">03<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u062a\u0643\u0627\u0645\u0644 \u0623\u0646\u0638\u0645\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/h3>\n                                <p class=\"text-xl text-blue-200 leading-relaxed\">\n                                    \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0639 \u062a\u0643\u0627\u0645\u0644 \u0633\u0644\u0633\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Data Centers -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-violet-900 to-violet-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Data Centers\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">04<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u062d\u0644\u0648\u0644 \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\n                                <p class=\"text-xl text-violet-200 leading-relaxed\">\n                                    \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0622\u0645\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0645\u0631\u0643\u0632 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0639 \u0636\u0645\u0627\u0646 \u0648\u0642\u062a \u062a\u0634\u063a\u064a\u0644 99.99%\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Smart Communication -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); transition-delay: 0.4s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-pink-900 to-pink-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573164713714-d95e436ab8d6?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Smart Communication\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">05<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0625\u0646\u062a\u0631\u0646\u062a \u0627\u0644\u0623\u0634\u064a\u0627\u0621 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\n                                <p class=\"text-xl text-pink-200 leading-relaxed\">\n                                    \u0645\u0646\u0635\u0627\u062a \u0625\u0646\u062a\u0631\u0646\u062a \u0627\u0644\u0623\u0634\u064a\u0627\u0621 \u0644\u0644\u0645\u062f\u0646 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Cybersecurity -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.5s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-red-900 to-red-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Cybersecurity\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">06<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a<\/h3>\n                                <p class=\"text-xl text-red-200 leading-relaxed\">\n                                    \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u0646 \u0627\u0644\u062a\u0647\u062f\u064a\u062f\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0631\u0643\u0632 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0645\u0646 (SOC) \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Cloud Services -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.6s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-sky-900 to-sky-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Cloud\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">07<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629<\/h3>\n                                <p class=\"text-xl text-sky-200 leading-relaxed\">\n                                    \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0627\u0644\u0647\u062c\u064a\u0646\u0629 \u0648\u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u0629 \u0644\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Managed Services -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.7s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-cyan-900 to-cyan-800 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-4b46a572b786?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity\" \n                             alt=\"Managed Services\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-8xl font-black text-white\/10\">08<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u062e\u062f\u0645\u0627\u062a \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0645\u064f\u062f\u0627\u0631\u0629<\/h3>\n                                <p class=\"text-xl text-cyan-200 leading-relaxed\">\n                                    \u0645\u0631\u0643\u0632 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0645\u0639 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\u064a\u0646\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Technologies Section -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">\u062d\u0632\u0645\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0644\u062f\u064a\u0646\u0627<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-400 max-w-3xl mx-auto\">\n                    \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\n                <\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- MPLS -->\n                <div class=\"reveal card-hover group relative overflow-hidden\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-purple-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-purple-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-purple-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-purple-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-purple-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">MPLS<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0645\u0644\u0635\u0642\u0627\u062a \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0644\u0644\u0634\u0628\u0643\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-purple-500\/10\">01<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- SD-WAN -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-blue-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-blue-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-blue-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-blue-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">SD-WAN<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u062a\u062d\u0633\u064a\u0646 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0628\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-blue-500\/10\">02<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Edge Computing -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-pink-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-pink-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-pink-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-pink-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-pink-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">\u062d\u0648\u0633\u0628\u0629 \u0627\u0644\u062d\u0627\u0641\u0629<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0648\u0632\u0639\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0643\u0645\u0648\u0646 \u0639\u0644\u0649 \u062d\u0627\u0641\u0629 \u0627\u0644\u0634\u0628\u0643\u0629<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-pink-500\/10\">03<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- NFV -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-cyan-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-cyan-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-cyan-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-cyan-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-cyan-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">NFV<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0634\u0628\u0643\u0629 \u0645\u0646 \u0623\u062c\u0644 \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u0631\u0646\u0629<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-cyan-500\/10\">04<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- DWDM -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.4s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-indigo-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-indigo-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-indigo-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-indigo-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-indigo-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">DWDM<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u062a\u0642\u0646\u064a\u0629 \u062a\u0639\u062f\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0628\u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0637\u0648\u0644 \u0627\u0644\u0645\u0648\u062c\u064a \u0627\u0644\u0643\u062b\u064a\u0641<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-indigo-500\/10\">05<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- VoIP -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.5s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-violet-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-violet-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-violet-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-violet-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-violet-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">\u0627\u0644\u0635\u0648\u062a \u0639\u0628\u0631 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u0627\u0644\u0645\u0647\u0627\u062a\u0641\u0629 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0639\u0628\u0631 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u062d\u062f\u0629<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-violet-500\/10\">06<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- AI\/ML -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.6s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-sky-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-sky-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-sky-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-sky-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-sky-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\/\u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0644\u064a<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0628\u0624\u064a \u0644\u0644\u0634\u0628\u0643\u0629 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-sky-500\/10\">07<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Satellite -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"transition-delay: 0.7s;\">\n                    <div class=\"relative bg-slate-900 border-l-4 border-teal-500 p-8 h-64 flex flex-col justify-between\">\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-teal-500\/10 rounded-full -mr-16 -mt-16\"><\/div>\n                        <div>\n                            <div class=\"w-16 h-16 bg-teal-500\/20 rounded-xl flex items-center justify-center mb-4 group-hover:bg-teal-500\/30 transition-colors\">\n                                <svg class=\"w-8 h-8 text-teal-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-2xl font-bold mb-2 text-white\">\u0642\u0645\u0631 \u0635\u0646\u0627\u0639\u064a<\/h4>\n                            <p class=\"text-sm text-gray-400 leading-relaxed\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0630\u0627\u062a \u0627\u0644\u0641\u062a\u062d\u0627\u062a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b (VSAT) \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0627\u062a\u0644\u064a\u0629<\/p>\n                        <\/div>\n                        <div class=\"text-6xl font-black text-teal-500\/10\">08<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MEDAF Advantages -->\n    <section class=\"relative py-32 bg-white text-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-600 mb-4 tracking-widest\">\u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">\u0642\u0648\u0629 \u0645\u064a\u062f\u0627\u0641 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n                    \u0627\u0644\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0639\u0628\u0631 \u0627\u0644\u0642\u0627\u0631\u0627\u062a\n                <\/p>\n            <\/div>\n\n            <!-- Reimagined Grid with Architectural Design -->\n            <div class=\"grid lg:grid-cols-12 gap-6\">\n                <!-- Global Reach - Large Card -->\n                <div class=\"lg:col-span-7 reveal card-hover relative h-96 overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-purple-600 to-purple-800\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=1000\" \n                         class=\"absolute inset-0 w-full h-full object-cover opacity-20\" \n                         alt=\"Global\">\n                    <div class=\"relative h-full p-12 flex flex-col justify-between\">\n                        <div class=\"text-9xl font-black text-white\/10\">01<\/div>\n                        <div>\n                            <h3 class=\"text-5xl font-bold text-white mb-4\">\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h3>\n                            <div class=\"text-7xl font-black text-white mb-3\">30+<\/div>\n                            <p class=\"text-2xl text-purple-200\">\u0627\u0644\u0628\u0644\u062f\u0627\u0646 \u0630\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629\u060c \u0648\u0631\u0628\u0637 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0628\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Financial Strength -->\n                <div class=\"lg:col-span-5 reveal card-hover relative h-96 overflow-hidden\" style=\"clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%); transition-delay: 0.1s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-blue-600 to-blue-800\"><\/div>\n                    <div class=\"relative h-full p-10 flex flex-col justify-between\">\n                        <div class=\"text-8xl font-black text-white\/10\">02<\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-white mb-3\">\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h3>\n                            <div class=\"text-6xl font-black text-white mb-2\">$10B+<\/div>\n                            <p class=\"text-lg text-blue-200\">\u062f\u0639\u0645 \u0631\u0623\u0633 \u0627\u0644\u0645\u0627\u0644 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Expert Team -->\n                <div class=\"lg:col-span-5 reveal card-hover relative h-80 overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%); transition-delay: 0.2s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-pink-600 to-pink-800\"><\/div>\n                    <div class=\"relative h-full p-10 flex flex-col justify-between\">\n                        <div class=\"text-8xl font-black text-white\/10\">03<\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-white mb-3\">\u0641\u0631\u064a\u0642 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/h3>\n                            <div class=\"text-6xl font-black text-white mb-2\">2000+<\/div>\n                            <p class=\"text-lg text-pink-200\">\u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Project Success -->\n                <div class=\"lg:col-span-7 reveal card-hover relative h-80 overflow-hidden\" style=\"clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"absolute inset-0 bg-gradient-to-br from-cyan-600 to-cyan-800\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1000\" \n                         class=\"absolute inset-0 w-full h-full object-cover opacity-20\" \n                         alt=\"Success\">\n                    <div class=\"relative h-full p-10 flex items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-4xl font-bold text-white mb-4\">\u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n                            <div class=\"text-7xl font-black text-white mb-3\">2300+<\/div>\n                            <p class=\"text-xl text-cyan-200\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u0628\u0646\u062c\u0627\u062d \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/p>\n                        <\/div>\n                        <div class=\"text-9xl font-black text-white\/10\">04<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Featured Projects -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-20 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">\u0627\u0644\u0633\u062c\u0644<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0627\u0631\u0632\u0629<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto\"><\/div>\n            <\/div>\n\n            <div class=\"grid lg:grid-cols-2 gap-8\">\n                <!-- West Africa -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744094-24638eff58bb?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"West Africa\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-purple-900\/95 via-purple-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u063a\u0631\u0628 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/h3>\n                        <p class=\"text-purple-200 text-lg\">\u0625\u0646\u0634\u0627\u0621 \u0634\u0628\u0643\u0627\u062a \u0627\u062a\u0635\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0639\u0628\u0631 \u0645\u0646\u0627\u0637\u0642 \u063a\u0631\u0628 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Egyptian Museum -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.1s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553913861-c0fddf2619ee?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Museum\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-blue-900\/95 via-blue-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">\u0627\u0644\u0645\u062a\u062d\u0641 \u0627\u0644\u0642\u0648\u0645\u064a \u0627\u0644\u0645\u0635\u0631\u064a<\/h3>\n                        <p class=\"text-blue-200 text-lg\">\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Sudan Cargo -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.2s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Cargo\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-pink-900\/95 via-pink-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">\u0628\u0627\u0631\u062c\u0627\u062a \u0634\u062d\u0646 \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0648\u062f\u0627\u0646<\/h3>\n                        <p class=\"text-pink-200 text-lg\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Sustainability -->\n                <div class=\"reveal card-hover relative h-96 overflow-hidden rounded-3xl\" style=\"transition-delay: 0.3s;\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?w=800\" \n                         class=\"w-full h-full object-cover\" \n                         alt=\"Sustainability\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-cyan-900\/95 via-cyan-900\/70 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-0 left-0 right-0 p-10\">\n                        <h3 class=\"text-3xl font-bold mb-3\">\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/h3>\n                        <p class=\"text-cyan-200 text-lg\">\u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0641\u0627\u064a\u0627\u062a<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Future Outlook -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"text-sm font-bold text-purple-400 mb-4 tracking-widest\">\u0627\u0644\u062a\u0637\u0644\u0639 \u0625\u0644\u0649 \u0627\u0644\u0623\u0645\u0627\u0645<\/div>\n                <h2 class=\"text-6xl font-bold mb-6\">\u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h2>\n                <div class=\"w-32 h-1 bg-purple-600 mx-auto mb-8\"><\/div>\n                <p class=\"text-2xl text-gray-400 max-w-3xl mx-auto\">\n                    \u0631\u0624\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0645\u0648\u0627\u0635\u0644\u0629 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0623\u0641\u0631\u064a\u0642\u064a\u0627\n                <\/p>\n            <\/div>\n\n            <!-- Redesigned Cards with Architectural Style -->\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <!-- Regional Expansion -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-purple-900 to-purple-800 border-l-4 border-purple-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526778548025-fa2f459cd5c1?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Expansion\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">01<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a<\/h3>\n                                <p class=\"text-xl text-purple-200 leading-relaxed\">\n                                    \u0646\u0645\u0648 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u062d\u0631\u0648\u0645\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0623\u0641\u0631\u064a\u0642\u064a\u0627\u060c \u0645\u0645\u0627 \u064a\u0648\u0633\u0639 \u0645\u0646 \u0628\u0635\u0645\u062a\u0646\u0627 \u0648\u062a\u0623\u062b\u064a\u0631\u0646\u0627\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Innovation Drive -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); transition-delay: 0.1s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-blue-900 to-blue-800 border-l-4 border-blue-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Innovation\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">02<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0645\u062d\u0631\u0643 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\n                                <p class=\"text-xl text-blue-200 leading-relaxed\">\n                                    \u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0644\u0645\u0648\u0627\u062c\u0647\u0629 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u063a\u062f\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Sustainable Practices -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%); transition-delay: 0.2s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-teal-900 to-teal-800 border-l-4 border-teal-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Sustainability\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">03<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/h3>\n                                <p class=\"text-xl text-teal-200 leading-relaxed\">\n                                    \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0648\u0641\u0631\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Community Impact -->\n                <div class=\"reveal card-hover group relative overflow-hidden\" style=\"clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%); transition-delay: 0.3s;\">\n                    <div class=\"relative h-96 bg-gradient-to-br from-pink-900 to-pink-800 border-l-4 border-pink-500 p-10\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=800\" \n                             class=\"absolute inset-0 w-full h-full object-cover opacity-10 group-hover:opacity-20 transition-opacity\" \n                             alt=\"Community\">\n                        <div class=\"relative h-full flex flex-col justify-between\">\n                            <div class=\"text-9xl font-black text-white\/10\">04<\/div>\n                            <div>\n                                <h3 class=\"text-4xl font-bold mb-4\">\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a<\/h3>\n                                <p class=\"text-xl text-pink-200 leading-relaxed\">\n                                    \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u062e\u0644\u0642 \u0641\u0631\u0635 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"relative py-32 bg-slate-950\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal\">\n            <h2 class=\"text-5xl md:text-6xl font-bold mb-8\">\n                \u0643\u0646 \u0634\u0631\u064a\u0643\u0627\u064b \u0645\u0639\u0646\u0627\n            <\/h2>\n            <p class=\"text-2xl text-gray-400 mb-12 max-w-2xl mx-auto\">\n                \u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0643\u064a\u0629 \u0648\u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\u0629 \u0644\u062f\u064a\u0643\u061f \u062f\u0639\u0646\u0627 \u0646\u0628\u0646\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0639\u0627\u064b.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n                <a href=\"#contact\" \n                   class=\"inline-block bg-purple-600 hover:bg-purple-700 text-white px-12 py-4 rounded-full font-bold text-lg transition transform hover:scale-105\">\n                    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n                <\/a>\n                <a href=\"#services\" \n                   class=\"inline-block bg-transparent border-2 border-purple-600 text-purple-400 hover:bg-purple-600 hover:text-white px-12 py-4 rounded-full font-bold text-lg transition\">\n                    \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -80px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.reveal').forEach(element => {\n            observer.observe(element);\n        });\n    <\/script>\n<\/div>\n\n\n\n<style id=\"core-37a64d2-core-block-supports-inline-css\"><\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nile Telecom - nilegroupe.com<\/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:\/\/nilegroupe.com\/ar\/nile-telecom\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nile Telecom - nilegroupe.com\" \/>\n<meta property=\"og:description\" content=\"MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nilegroupe.com\/ar\/nile-telecom\/\" \/>\n<meta property=\"og:site_name\" content=\"nilegroupe.com\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T13:11:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\",\"name\":\"Nile Telecom - nilegroupe.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\",\"datePublished\":\"2025-09-30T15:46:34+00:00\",\"dateModified\":\"2025-12-04T13:11:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\",\"contentUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/4.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/nile-telecom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nilegroupe.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nile Telecom\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#website\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/\",\"name\":\"nilegroupe.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nilegroupe.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#organization\",\"name\":\"nilegroupe.com\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-1500-x-300-px-2-scaled.png\",\"contentUrl\":\"https:\\\/\\\/nilegroupe.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-1500-x-300-px-2-scaled.png\",\"width\":2560,\"height\":512,\"caption\":\"nilegroupe.com\"},\"image\":{\"@id\":\"https:\\\/\\\/nilegroupe.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nile Telecom - nilegroupe.com","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:\/\/nilegroupe.com\/ar\/nile-telecom\/","og_locale":"ar_AR","og_type":"article","og_title":"Nile Telecom - nilegroupe.com","og_description":"MEMBER OF MEDAF INVESTMENTS GROUP NILE TELECOM State-of-the-art Communication &#038; IT Solutions for Digital Transformation 30+ Years Experience 1k+ Projects Completed 13 Companies 15 Domains WHO WE ARE Innovation in Telecommunications Nile Telecom Solutions is a specialized subsidiary of the MEDAF Investment Group, leveraging decades of expertise in diverse industries to deliver state-of-the-art communication and [&hellip;]","og_url":"https:\/\/nilegroupe.com\/ar\/nile-telecom\/","og_site_name":"nilegroupe.com","article_modified_time":"2025-12-04T13:11:21+00:00","og_image":[{"url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"7 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nilegroupe.com\/nile-telecom\/","url":"https:\/\/nilegroupe.com\/nile-telecom\/","name":"Nile Telecom - nilegroupe.com","isPartOf":{"@id":"https:\/\/nilegroupe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage"},"image":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage"},"thumbnailUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","datePublished":"2025-09-30T15:46:34+00:00","dateModified":"2025-12-04T13:11:21+00:00","breadcrumb":{"@id":"https:\/\/nilegroupe.com\/nile-telecom\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nilegroupe.com\/nile-telecom\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/nilegroupe.com\/nile-telecom\/#primaryimage","url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png","contentUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/09\/4.png"},{"@type":"BreadcrumbList","@id":"https:\/\/nilegroupe.com\/nile-telecom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nilegroupe.com\/"},{"@type":"ListItem","position":2,"name":"Nile Telecom"}]},{"@type":"WebSite","@id":"https:\/\/nilegroupe.com\/#website","url":"https:\/\/nilegroupe.com\/","name":"nilegroupe.com","description":"","publisher":{"@id":"https:\/\/nilegroupe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nilegroupe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/nilegroupe.com\/#organization","name":"nilegroupe.com","url":"https:\/\/nilegroupe.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/nilegroupe.com\/#\/schema\/logo\/image\/","url":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/10\/Untitled-1500-x-300-px-2-scaled.png","contentUrl":"https:\/\/nilegroupe.com\/wp-content\/uploads\/2025\/10\/Untitled-1500-x-300-px-2-scaled.png","width":2560,"height":512,"caption":"nilegroupe.com"},"image":{"@id":"https:\/\/nilegroupe.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":20,"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/pages\/106\/revisions\/1226"}],"wp:attachment":[{"href":"https:\/\/nilegroupe.com\/ar\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}