{"id":139,"date":"2025-06-19T01:25:44","date_gmt":"2025-06-19T01:25:44","guid":{"rendered":"https:\/\/egy-global-group.com\/?page_id=139"},"modified":"2025-07-21T09:16:24","modified_gmt":"2025-07-21T09:16:24","slug":"services","status":"publish","type":"page","link":"https:\/\/egy-global-group.com\/ar\/services\/","title":{"rendered":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bff842b e-flex e-con-boxed e-con e-parent\" data-id=\"bff842b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58e47e5 e-con-full e-flex e-con e-parent\" data-id=\"58e47e5\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab2b9af elementor-widget elementor-widget-html\" data-id=\"ab2b9af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .services-intro-section {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #0f0f0f 50%, #1a1a1a 75%, #0a0a0a 100%);\r\n            background-size: 400% 400%;\r\n            animation: gradientFlow 15s ease-in-out infinite;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 100px 20px;\r\n            min-height: 800px;\r\n        }\r\n\r\n        .services-intro-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 25% 25%, rgba(178, 148, 90, 0.12) 0%, transparent 50%),\r\n                radial-gradient(circle at 75% 75%, rgba(178, 148, 90, 0.08) 0%, transparent 50%);\r\n            animation: ambientGlow 10s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .services-intro-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .services-intro-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: headerSlide 1s ease-out 0.3s forwards;\r\n        }\r\n\r\n        .services-intro-title {\r\n            font-size: 4rem;\r\n            font-weight: 900;\r\n            color: #b2945a!important;\r\n            margin-bottom: 20px;\r\n            text-shadow: 0 0 40px rgba(178, 148, 90, 0.4);\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .services-intro-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 120px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, transparent, #b2945a, transparent);\r\n            border-radius: 2px;\r\n            animation: titleGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .services-intro-subtitle {\r\n            font-size: 1.3rem;\r\n            color: #cccccc;\r\n            font-weight: 400;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 60px;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: gridAppear 1s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .service-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(178, 148, 90, 0.3);\r\n            border-radius: 25px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.6s ease;\r\n            cursor: pointer;\r\n            transform: translateY(20px);\r\n            opacity: 0;\r\n        }\r\n\r\n        .service-card:nth-child(1) { animation: cardSlideIn 0.8s ease-out 1.2s forwards; }\r\n        .service-card:nth-child(2) { animation: cardSlideIn 0.8s ease-out 1.4s forwards; }\r\n        .service-card:nth-child(3) { animation: cardSlideIn 0.8s ease-out 1.6s forwards; }\r\n        .service-card:nth-child(4) { animation: cardSlideIn 0.8s ease-out 1.8s forwards; }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, \r\n                transparent, \r\n                rgba(178, 148, 90, 0.1), \r\n                transparent);\r\n            transition: left 0.8s ease;\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            border-color: rgba(178, 148, 90, 0.8);\r\n            background: rgba(255, 255, 255, 0.1);\r\n            box-shadow: \r\n                0 25px 50px rgba(0, 0, 0, 0.3),\r\n                0 0 60px rgba(178, 148, 90, 0.2);\r\n        }\r\n\r\n        .service-icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 25px;\r\n            display: block;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 50%, #b2945a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 20px rgba(178, 148, 90, 0.4));\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .service-card:hover .service-icon {\r\n            transform: scale(1.1) rotateY(15deg);\r\n            filter: drop-shadow(0 0 30px rgba(178, 148, 90, 0.8));\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #b2945a;\r\n            margin-bottom: 15px;\r\n            text-shadow: 0 0 20px rgba(178, 148, 90, 0.3);\r\n        }\r\n\r\n        .service-desc {\r\n            font-size: 1.1rem;\r\n            color: #ccc;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .service-card:hover .service-desc {\r\n            color: #fff;\r\n        }\r\n\r\n        .coverage-section {\r\n            margin-top: 60px;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: coverageSlide 1s ease-out 2.2s forwards;\r\n        }\r\n\r\n        .coverage-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #b2945a!important;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 0 20px rgba(178, 148, 90, 0.3);\r\n        }\r\n\r\n        .coverage-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .coverage-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(178, 148, 90, 0.3);\r\n            border-radius: 20px;\r\n            padding: 30px 25px;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .coverage-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(178, 148, 90, 0.8);\r\n            box-shadow: 0 20px 40px rgba(178, 148, 90, 0.2);\r\n        }\r\n\r\n        .coverage-card-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: #b2945a!important;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .coverage-card-icon {\r\n            font-size: 1.8rem;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 15px rgba(178, 148, 90, 0.4));\r\n        }\r\n\r\n        .countries-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n            color: #ccc;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .country-item {\r\n            padding: 8px 15px;\r\n            background: rgba(178, 148, 90, 0.1);\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .country-item:hover {\r\n            background: rgba(178, 148, 90, 0.2);\r\n            color: #fff;\r\n        }\r\n\r\n        @keyframes gradientFlow {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        @keyframes ambientGlow {\r\n            0% { opacity: 0.6; }\r\n            100% { opacity: 1; }\r\n        }\r\n\r\n        @keyframes headerSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.5);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 40px rgba(178, 148, 90, 0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes gridAppear {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes cardSlideIn {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes coverageSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .services-grid {\r\n                gap: 30px;\r\n            }\r\n            \r\n            .service-card {\r\n                padding: 35px 25px;\r\n            }\r\n            \r\n            .coverage-grid {\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-intro-section {\r\n                padding: 80px 15px;\r\n            }\r\n            \r\n            .services-intro-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .services-intro-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            \r\n            .coverage-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            \r\n            .service-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .service-icon {\r\n                font-size: 3rem;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .service-title {\r\n                font-size: 1.5rem;\r\n                margin-bottom: 12px;\r\n            }\r\n            \r\n            .service-desc {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .services-intro-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .coverage-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .countries-list {\r\n                grid-template-columns: 1fr;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .service-card {\r\n                padding: 25px 15px;\r\n                border-radius: 20px;\r\n            }\r\n            \r\n            .service-icon {\r\n                font-size: 2.5rem;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .service-title {\r\n                font-size: 1.3rem;\r\n                margin-bottom: 10px;\r\n            }\r\n            \r\n            .service-desc {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"services-intro-section\">\r\n        <div class=\"services-intro-container\">\r\n            <div class=\"services-intro-header\">\r\n                <h2 class=\"services-intro-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\r\n                <p class=\"services-intro-subtitle\">\u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0631\u0628\u0637 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\"><i class=\"fas fa-download\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f<\/div>\r\n                    <div class=\"service-desc\">\u062d\u0644\u0648\u0644 \u062a\u0648\u0631\u064a\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0633\u0644\u0633\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\"><i class=\"fas fa-upload\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/div>\r\n                    <div class=\"service-desc\">\u0642\u0645 \u0628\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642 \u0648\u0635\u0648\u0644\u0643 \u0625\u0644\u0649 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062e\u0628\u0631\u0627\u0626\u0646\u0627<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\"><i class=\"fas fa-ship\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u0634\u062d\u0646<\/div>\r\n                    <div class=\"service-desc\">\u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0648\u0634\u062d\u0646 \u0645\u0648\u062b\u0648\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u0627\u0644\u062a\u062e\u0632\u064a\u0646<\/div>\r\n                    <div class=\"service-desc\">\u0645\u0631\u0627\u0641\u0642 \u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u062e\u0632\u0648\u0646<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"coverage-section\">\r\n                <h3 class=\"coverage-title\">\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n                \r\n                <div class=\"coverage-grid\">\r\n                    <div class=\"coverage-card\">\r\n                        <h4 class=\"coverage-card-title\">\r\n                            <i class=\"fas fa-plane-arrival coverage-card-icon\"><\/i>\r\n                            \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0645\u0646\r\n                        <\/h4>\r\n                        <div class=\"countries-list\">\r\n                            <div class=\"country-item\">\u0627\u0644\u0635\u064a\u0646<\/div>\r\n                            <div class=\"country-item\">\u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629<\/div>\r\n                            <div class=\"country-item\">\u062a\u0631\u0643\u064a\u0627<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0647\u0646\u062f<\/div>\r\n                            <div class=\"country-item\">\u0627\u064a\u0637\u0627\u0644\u064a\u0627<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"coverage-card\">\r\n                        <h4 class=\"coverage-card-title\">\r\n                            <i class=\"fas fa-plane-departure coverage-card-icon\"><\/i>\r\n                            \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0625\u0644\u0649\r\n                        <\/h4>\r\n                        <div class=\"countries-list\">\r\n                            <div class=\"country-item\">\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\r\n                            <div class=\"country-item\">\u0644\u064a\u0628\u064a\u0627<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0633\u0648\u062f\u0627\u0646<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0623\u0631\u062f\u0646<\/div>\r\n                            <div class=\"country-item\">\u0627\u0644\u0643\u0648\u064a\u062a<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e41b134 e-con-full e-flex e-con e-parent\" data-id=\"e41b134\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4195237 elementor-widget elementor-widget-html\" data-id=\"4195237\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .importing-section {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background: #0a0a0a;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 700px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .importing-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 100px 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .importing-content {\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: contentSlide 1s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .importing-title {\r\n            font-size: 4rem!important;\r\n            font-weight: 900;\r\n            color: #b2945a!important;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 0 40px rgba(178, 148, 90, 0.4);\r\n            position: relative;\r\n        }\r\n\r\n        .importing-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #b2945a, #d4af6a);\r\n            border-radius: 2px;\r\n            animation: titleGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .importing-text {\r\n            font-size: 1.2rem;\r\n            color: #ccc;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .importing-text strong {\r\n            color: #b2945a !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .importing-features {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 15px;\r\n            background: rgba(178, 148, 90, 0.1);\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            background: rgba(178, 148, 90, 0.2);\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            color: #b2945a;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .feature-text {\r\n            color: #ccc;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .importing-visual {\r\n            position: relative;\r\n            height: 500px;\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: visualSlide 1s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .world-map-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at center, rgba(178, 148, 90, 0.1) 0%, transparent 70%);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .world-map {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 500\"><defs><filter id=\"glow\"><feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><\/defs><g fill=\"none\" stroke=\"%23b2945a\" stroke-width=\"1\" opacity=\"0.6\" filter=\"url(%23glow)\"><path d=\"M100,100 Q200,80 300,100 T500,120 L550,90 Q600,70 650,90 L700,110 Q750,130 800,110 M120,200 Q180,180 240,200 T360,220 L400,190 Q450,170 500,190 L550,210 Q600,230 650,210 M140,300 Q200,280 260,300 T380,320 L420,290 Q470,270 520,290 L570,310 Q620,330 670,310 M100,400 Q160,380 220,400 T340,420 L380,390 Q430,370 480,390 L530,410 Q580,430 630,410\"\/><circle cx=\"200\" cy=\"150\" r=\"3\" fill=\"%23b2945a\" opacity=\"0.8\"><animate attributeName=\"opacity\" values=\"0.8;1;0.8\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"450\" cy=\"180\" r=\"3\" fill=\"%23b2945a\" opacity=\"0.8\"><animate attributeName=\"opacity\" values=\"0.8;1;0.8\" dur=\"2s\" begin=\"0.5s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"650\" cy=\"220\" r=\"3\" fill=\"%23b2945a\" opacity=\"0.8\"><animate attributeName=\"opacity\" values=\"0.8;1;0.8\" dur=\"2s\" begin=\"1s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"300\" cy=\"280\" r=\"3\" fill=\"%23b2945a\" opacity=\"0.8\"><animate attributeName=\"opacity\" values=\"0.8;1;0.8\" dur=\"2s\" begin=\"1.5s\" repeatCount=\"indefinite\"\/><\/circle><\/g><\/svg>');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .import-arrows {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .arrow {\r\n            position: absolute;\r\n            width: 60px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #b2945a, transparent);\r\n            opacity: 0;\r\n            animation: arrowFlow 3s ease-in-out infinite;\r\n        }\r\n\r\n        .arrow::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: -8px;\r\n            top: -3px;\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 8px solid #b2945a;\r\n            border-top: 4px solid transparent;\r\n            border-bottom: 4px solid transparent;\r\n        }\r\n\r\n        .arrow:nth-child(1) {\r\n            top: 25%;\r\n            left: 15%;\r\n            transform: rotate(35deg);\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .arrow:nth-child(2) {\r\n            top: 45%;\r\n            left: 35%;\r\n            transform: rotate(-20deg);\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .arrow:nth-child(3) {\r\n            top: 65%;\r\n            left: 55%;\r\n            transform: rotate(45deg);\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .arrow:nth-child(4) {\r\n            top: 35%;\r\n            right: 20%;\r\n            transform: rotate(-35deg);\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .central-hub {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: \r\n                0 0 30px rgba(178, 148, 90, 0.6),\r\n                0 0 60px rgba(178, 148, 90, 0.3);\r\n            animation: hubPulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        .central-hub i {\r\n            font-size: 2rem;\r\n            color: #000;\r\n        }\r\n\r\n        .floating-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: #b2945a;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: particleFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }\r\n        .particle:nth-child(2) { top: 40%; right: 15%; animation-delay: 2s; }\r\n        .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }\r\n        .particle:nth-child(4) { top: 60%; right: 25%; animation-delay: 6s; }\r\n\r\n        @keyframes contentSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes visualSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.5);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 40px rgba(178, 148, 90, 0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes arrowFlow {\r\n            0% { \r\n                opacity: 0;\r\n                transform: scale(0.8);\r\n            }\r\n            50% { \r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n            100% { \r\n                opacity: 0;\r\n                transform: scale(0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes hubPulse {\r\n            0%, 100% { \r\n                transform: translate(-50%, -50%) scale(1);\r\n            }\r\n            50% { \r\n                transform: translate(-50%, -50%) scale(1.1);\r\n            }\r\n        }\r\n\r\n        @keyframes iconFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px);\r\n            }\r\n            50% { \r\n                transform: translateY(-10px);\r\n            }\r\n        }\r\n\r\n        @keyframes particleFloat {\r\n            0%, 100% { \r\n                opacity: 0;\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                opacity: 0.8;\r\n                transform: translateY(-60px) rotate(180deg);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .importing-container {\r\n                gap: 60px;\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .importing-title {\r\n                font-size: 3.5rem !important;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .importing-title-icon {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .importing-text {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .importing-visual {\r\n                height: 400px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .importing-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n                padding: 70px 15px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .importing-title {\r\n                font-size: 3rem !important;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .importing-title::after {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n            \r\n            .importing-text {\r\n                font-size: 1.1rem;\r\n                max-width: 600px;\r\n                margin: 0 auto 30px;\r\n            }\r\n            \r\n            .importing-features {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                max-width: 400px;\r\n                margin: 30px auto 0;\r\n            }\r\n            \r\n            .importing-visual {\r\n                height: 350px;\r\n                order: -1;\r\n            }\r\n            \r\n            .importing-content {\r\n                animation-delay: 0.8s;\r\n            }\r\n            \r\n            .importing-visual {\r\n                animation-delay: 0.5s;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .importing-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            \r\n            .importing-title-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .importing-text {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .importing-visual {\r\n                height: 300px;\r\n            }\r\n            \r\n            .central-hub {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n            \r\n            .central-hub i {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"importing-section\">\r\n        <div class=\"floating-particles\">\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"importing-container\">\r\n            <div class=\"importing-content\">\r\n                <h2 class=\"importing-title\">\r\n                    <i class=\"fas fa-download importing-title-icon\"><\/i>\r\n                    \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f\r\n                <\/h2>\r\n                <p class=\"importing-text\">\r\n                    <strong>\u0641\u064a Egy Global\u060c \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u0646\u0645\u064a\u0629 \u0623\u0639\u0645\u0627\u0644\u0643.<\/strong> \r\n                    \u062a\u063a\u0637\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062a\u064a \u0646\u0642\u062f\u0645\u0647\u0627 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\r\n                    \u0648\u0628\u0641\u0636\u0644 \u0641\u0647\u0645\u0646\u0627 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0634\u0628\u0643\u062a\u0646\u0627 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0646\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0628\u0636\u0627\u0626\u0639\u0643 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0628\u0623\u0645\u0627\u0646 \u0648\u0628\u062f\u0648\u0646 \u0623\u064a \u0645\u062a\u0627\u0639\u0628.\r\n                    \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0633\u062a\u0648\u0631\u062f \u0645\u0648\u0627\u062f \u062e\u0627\u0645 \u0623\u0648 \u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0627\u0645\u0629 \u0627\u0644\u0635\u0646\u0639 \u0623\u0648 \u0645\u0639\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629, \r\n                    <strong>\u0625\u064a\u062c\u064a \u062c\u0644\u0648\u0628\u0627\u0644 \u0647\u064a \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u062c\u0644\u0628 \u0627\u0644\u0639\u0627\u0644\u0645 \u0625\u0644\u0649 \u0639\u062a\u0628\u0629 \u0628\u0627\u0628\u0643.<\/strong>\r\n                <\/p>\r\n                \r\n                <div class=\"importing-features\">\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-search feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-handshake feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-file-alt feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-truck feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"importing-visual\">\r\n                <div class=\"world-map-container\">\r\n                    <div class=\"world-map\"><\/div>\r\n                    <div class=\"import-arrows\">\r\n                        <div class=\"arrow\"><\/div>\r\n                        <div class=\"arrow\"><\/div>\r\n                        <div class=\"arrow\"><\/div>\r\n                        <div class=\"arrow\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"central-hub\">\r\n                        <i class=\"fas fa-download\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b275503 e-con-full e-flex e-con e-parent\" data-id=\"b275503\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7731262 elementor-widget elementor-widget-html\" data-id=\"7731262\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .exporting-section {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background: #0a0a0a;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 700px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .exporting-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 100px 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .exporting-visual {\r\n            position: relative;\r\n            height: 500px;\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: visualSlide 1s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .export-scene {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at center, rgba(178, 148, 90, 0.1) 0%, transparent 70%);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cargo-ship {\r\n            position: absolute;\r\n            bottom: 20%;\r\n            left: 10%;\r\n            width: 200px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 15px 15px 5px 5px;\r\n            box-shadow: 0 10px 30px rgba(178, 148, 90, 0.3);\r\n            animation: shipFloat 4s ease-in-out infinite;\r\n        }\r\n\r\n        .cargo-ship::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20px;\r\n            left: 20px;\r\n            width: 60px;\r\n            height: 20px;\r\n            background: #d4af6a;\r\n            border-radius: 5px;\r\n        }\r\n\r\n        .cargo-ship::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -30px;\r\n            right: 30px;\r\n            width: 40px;\r\n            height: 30px;\r\n            background: #b2945a;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .containers {\r\n            position: absolute;\r\n            top: -35px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 5px;\r\n        }\r\n\r\n        .container {\r\n            width: 25px;\r\n            height: 35px;\r\n            background: rgba(178, 148, 90, 0.8);\r\n            border-radius: 2px;\r\n            animation: containerGlow 2s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .container:nth-child(2) { \r\n            background: rgba(212, 175, 106, 0.8);\r\n            animation-delay: 0.5s;\r\n        }\r\n        .container:nth-child(3) { \r\n            background: rgba(178, 148, 90, 0.6);\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .airplane {\r\n            position: absolute;\r\n            top: 15%;\r\n            right: 20%;\r\n            width: 120px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 50px 10px 10px 50px;\r\n            box-shadow: 0 5px 20px rgba(178, 148, 90, 0.4);\r\n            animation: planeFloat 6s ease-in-out infinite;\r\n        }\r\n\r\n        .airplane::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: -20px;\r\n            transform: translateY(-50%);\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 20px solid #b2945a;\r\n            border-top: 15px solid transparent;\r\n            border-bottom: 15px solid transparent;\r\n        }\r\n\r\n        .airplane::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 20%;\r\n            width: 60px;\r\n            height: 30px;\r\n            background: #d4af6a;\r\n            border-radius: 30px;\r\n        }\r\n\r\n        .export-paths {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .export-arrow {\r\n            position: absolute;\r\n            width: 80px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #b2945a, transparent);\r\n            opacity: 0;\r\n            animation: arrowExport 4s ease-in-out infinite;\r\n        }\r\n\r\n        .export-arrow::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: -8px;\r\n            top: -3px;\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 8px solid #b2945a;\r\n            border-top: 4px solid transparent;\r\n            border-bottom: 4px solid transparent;\r\n        }\r\n\r\n        .export-arrow:nth-child(1) {\r\n            top: 30%;\r\n            left: 20%;\r\n            transform: rotate(45deg);\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .export-arrow:nth-child(2) {\r\n            top: 50%;\r\n            left: 40%;\r\n            transform: rotate(-30deg);\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .export-arrow:nth-child(3) {\r\n            top: 70%;\r\n            left: 60%;\r\n            transform: rotate(20deg);\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .export-destinations {\r\n            position: absolute;\r\n            top: 10%;\r\n            right: 10%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        .destination-point {\r\n            width: 12px;\r\n            height: 12px;\r\n            background: #b2945a;\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 15px rgba(178, 148, 90, 0.6);\r\n            animation: destinationPulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        .destination-point:nth-child(2) { animation-delay: 0.5s; }\r\n        .destination-point:nth-child(3) { animation-delay: 1s; }\r\n        .destination-point:nth-child(4) { animation-delay: 1.5s; }\r\n\r\n        .exporting-content {\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: contentSlide 1s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .exporting-title {\r\n            font-size: 4rem !important;\r\n            font-weight: 900 !important;\r\n            color: #b2945a !important;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 0 40px rgba(178, 148, 90, 0.4);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .exporting-title-icon {\r\n            font-size: 3.5rem;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 20px rgba(178, 148, 90, 0.5));\r\n            animation: iconRotate 6s ease-in-out infinite;\r\n        }\r\n\r\n        .exporting-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #b2945a, #d4af6a);\r\n            border-radius: 2px;\r\n            animation: titleGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .exporting-text {\r\n            font-size: 1.2rem;\r\n            color: #ccc;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .exporting-text strong {\r\n            color: #b2945a !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .exporting-features {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 15px;\r\n            background: rgba(178, 148, 90, 0.1);\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            background: rgba(178, 148, 90, 0.2);\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            color: #b2945a;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .feature-text {\r\n            color: #ccc;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .floating-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: #b2945a;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: particleFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }\r\n        .particle:nth-child(2) { top: 40%; right: 15%; animation-delay: 2s; }\r\n        .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }\r\n        .particle:nth-child(4) { top: 60%; right: 25%; animation-delay: 6s; }\r\n\r\n        @keyframes visualSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes contentSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.5);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 40px rgba(178, 148, 90, 0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes shipFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                transform: translateY(-10px) rotate(1deg);\r\n            }\r\n        }\r\n\r\n        @keyframes planeFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) translateX(0px);\r\n            }\r\n            25% { \r\n                transform: translateY(-15px) translateX(10px);\r\n            }\r\n            75% { \r\n                transform: translateY(-5px) translateX(-5px);\r\n            }\r\n        }\r\n\r\n        @keyframes containerGlow {\r\n            0% { \r\n                box-shadow: 0 0 10px rgba(178, 148, 90, 0.3);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.6);\r\n            }\r\n        }\r\n\r\n        @keyframes arrowExport {\r\n            0% { \r\n                opacity: 0;\r\n                transform: scale(0.8) rotate(45deg);\r\n            }\r\n            50% { \r\n                opacity: 1;\r\n                transform: scale(1) rotate(45deg);\r\n            }\r\n            100% { \r\n                opacity: 0;\r\n                transform: scale(1.2) rotate(45deg);\r\n            }\r\n        }\r\n\r\n        @keyframes destinationPulse {\r\n            0%, 100% { \r\n                transform: scale(1);\r\n                opacity: 0.8;\r\n            }\r\n            50% { \r\n                transform: scale(1.3);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes iconRotate {\r\n            0%, 100% { \r\n                transform: rotateY(0deg);\r\n            }\r\n            50% { \r\n                transform: rotateY(15deg);\r\n            }\r\n        }\r\n\r\n        @keyframes particleFloat {\r\n            0%, 100% { \r\n                opacity: 0;\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                opacity: 0.8;\r\n                transform: translateY(-60px) rotate(180deg);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .exporting-container {\r\n                gap: 60px;\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .exporting-title {\r\n                font-size: 3.5rem !important;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .exporting-title-icon {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .exporting-text {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .exporting-visual {\r\n                height: 400px;\r\n            }\r\n            \r\n            .cargo-ship {\r\n                width: 160px;\r\n                height: 64px;\r\n            }\r\n            \r\n            .airplane {\r\n                width: 100px;\r\n                height: 50px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .exporting-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n                padding: 70px 15px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .exporting-title {\r\n                font-size: 3rem !important;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .exporting-title::after {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n            \r\n            .exporting-text {\r\n                font-size: 1.1rem;\r\n                max-width: 600px;\r\n                margin: 0 auto 30px;\r\n            }\r\n            \r\n            .exporting-features {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                max-width: 400px;\r\n                margin: 30px auto 0;\r\n            }\r\n            \r\n            .exporting-visual {\r\n                height: 350px;\r\n            }\r\n            \r\n            .exporting-content {\r\n                animation-delay: 0.5s;\r\n            }\r\n            \r\n            .exporting-visual {\r\n                animation-delay: 0.8s;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .exporting-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            \r\n            .exporting-title-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .exporting-text {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .exporting-visual {\r\n                height: 300px;\r\n            }\r\n            \r\n            .cargo-ship {\r\n                width: 120px;\r\n                height: 48px;\r\n                bottom: 25%;\r\n            }\r\n            \r\n            .airplane {\r\n                width: 80px;\r\n                height: 40px;\r\n                top: 20%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"exporting-section\">\r\n        <div class=\"floating-particles\">\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"exporting-container\">\r\n            <div class=\"exporting-visual\">\r\n                <div class=\"export-scene\">\r\n                    <div class=\"cargo-ship\">\r\n                        <div class=\"containers\">\r\n                            <div class=\"container\"><\/div>\r\n                            <div class=\"container\"><\/div>\r\n                            <div class=\"container\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"airplane\"><\/div>\r\n                    \r\n                    <div class=\"export-paths\">\r\n                        <div class=\"export-arrow\"><\/div>\r\n                        <div class=\"export-arrow\"><\/div>\r\n                        <div class=\"export-arrow\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"export-destinations\">\r\n                        <div class=\"destination-point\"><\/div>\r\n                        <div class=\"destination-point\"><\/div>\r\n                        <div class=\"destination-point\"><\/div>\r\n                        <div class=\"destination-point\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"exporting-content\">\r\n                <h2 class=\"exporting-title\">\r\n                    <i class=\"fas fa-upload exporting-title-icon\"><\/i>\r\n                    \u0627\u0644\u062a\u0635\u062f\u064a\u0631\r\n                <\/h2>\r\n                <p class=\"exporting-text\">\r\n                    <strong>\u0646\u062d\u0646 \u0641\u064a \u0625\u064a\u062c\u064a \u062c\u0644\u0648\u0628\u0627\u0644 \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u062d\u0644\u0648\u0644 \u062a\u0635\u062f\u064a\u0631 \u0633\u0644\u0633\u0629.<\/strong> \r\n                    \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u0648\u062b\u064a\u0642\u0647\u0627 \u0648\u062d\u062a\u0649 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u060c \u0646\u062f\u064a\u0631 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0639\u0646\u0627\u064a\u0629.\r\n                    \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u062a\u0635\u062f\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u063a\u0630\u0627\u0626\u064a\u0629 \u0623\u0648 \u0633\u0644\u0639 \u0635\u0646\u0627\u0639\u064a\u0629 \u0623\u0648 \u0645\u0648\u0627\u062f \u062e\u0627\u0645\u060c \u064a\u0636\u0645\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u0623\u0646 \u0634\u062d\u0646\u0627\u062a\u0643 \u062a\u0641\u064a \u0628\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u062a\u0635\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f. \r\n                    <strong>\u062d\u0642\u0642 \u0627\u0644\u0646\u0645\u0648 \u062e\u0627\u0631\u062c \u0627\u0644\u062d\u062f\u0648\u062f \u0645\u0639 \u0625\u064a\u062c\u064a \u062c\u0644\u0648\u0628\u0627\u0644 - \u0634\u0631\u064a\u0643\u0643 \u0641\u064a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0639\u0627\u0644\u0645\u064a.<\/strong>\r\n                <\/p>\r\n                \r\n                <div class=\"exporting-features\">\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-box feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0646\u062a\u062c<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-file-alt feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-ship feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0634\u062d\u0646<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-check-circle feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b9765c e-con-full e-flex e-con e-parent\" data-id=\"1b9765c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88757f2 elementor-widget elementor-widget-html\" data-id=\"88757f2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .shipping-section {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background: #0a0a0a;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 700px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .shipping-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 100px 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .shipping-visual {\r\n            position: relative;\r\n            height: 500px;\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: visualSlide 1s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .world-map-scene {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at center, rgba(178, 148, 90, 0.1) 0%, transparent 70%);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .world-map-svg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 500\"><defs><filter id=\"glow\"><feGaussianBlur stdDeviation=\"2\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><\/defs><g fill=\"none\" stroke=\"%23b2945a\" stroke-width=\"1.5\" opacity=\"0.7\" filter=\"url(%23glow)\"><path d=\"M150,80 Q200,60 250,80 L300,70 Q350,50 400,70 L450,60 Q500,40 550,60 L600,70 Q650,90 700,70 L750,80 Q800,100 850,80\"\/><path d=\"M80,150 Q130,130 180,150 L230,140 Q280,120 330,140 L380,130 Q430,110 480,130 L530,140 Q580,160 630,140 L680,150 Q730,170 780,150 L830,160 Q880,180 930,160\"\/><path d=\"M120,220 Q170,200 220,220 L270,210 Q320,190 370,210 L420,200 Q470,180 520,200 L570,210 Q620,230 670,210 L720,220 Q770,240 820,220\"\/><path d=\"M160,290 Q210,270 260,290 L310,280 Q360,260 410,280 L460,270 Q510,250 560,270 L610,280 Q660,300 710,280 L760,290 Q810,310 860,290\"\/><path d=\"M100,360 Q150,340 200,360 L250,350 Q300,330 350,350 L400,340 Q450,320 500,340 L550,350 Q600,370 650,350 L700,360 Q750,380 800,360\"\/><circle cx=\"180\" cy=\"120\" r=\"4\" fill=\"%23b2945a\" opacity=\"0.9\"><animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"420\" cy=\"160\" r=\"4\" fill=\"%23b2945a\" opacity=\"0.9\"><animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" begin=\"1s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"680\" cy=\"200\" r=\"4\" fill=\"%23b2945a\" opacity=\"0.9\"><animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" begin=\"2s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"320\" cy=\"260\" r=\"4\" fill=\"%23b2945a\" opacity=\"0.9\"><animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" begin=\"0.5s\" repeatCount=\"indefinite\"\/><\/circle><circle cx=\"580\" cy=\"320\" r=\"4\" fill=\"%23b2945a\" opacity=\"0.9\"><animate attributeName=\"opacity\" values=\"0.6;1;0.6\" dur=\"3s\" begin=\"1.5s\" repeatCount=\"indefinite\"\/><\/circle><\/g><\/svg>');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .shipping-routes {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .route-line {\r\n            position: absolute;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #b2945a, transparent);\r\n            opacity: 0;\r\n            animation: routeFlow 4s ease-in-out infinite;\r\n            border-radius: 1px;\r\n        }\r\n\r\n        .route-line::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: -6px;\r\n            top: -2px;\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 6px solid #b2945a;\r\n            border-top: 3px solid transparent;\r\n            border-bottom: 3px solid transparent;\r\n        }\r\n\r\n        .route-line:nth-child(1) {\r\n            top: 25%;\r\n            left: 20%;\r\n            width: 30%;\r\n            transform: rotate(25deg);\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .route-line:nth-child(2) {\r\n            top: 45%;\r\n            left: 35%;\r\n            width: 35%;\r\n            transform: rotate(-15deg);\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .route-line:nth-child(3) {\r\n            top: 65%;\r\n            left: 15%;\r\n            width: 40%;\r\n            transform: rotate(35deg);\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .route-line:nth-child(4) {\r\n            top: 35%;\r\n            right: 20%;\r\n            width: 25%;\r\n            transform: rotate(-25deg);\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .floating-ships {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mini-ship {\r\n            position: absolute;\r\n            width: 30px;\r\n            height: 15px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 8px 8px 2px 2px;\r\n            box-shadow: 0 2px 8px rgba(178, 148, 90, 0.4);\r\n            animation: shipMove 8s linear infinite;\r\n        }\r\n\r\n        .mini-ship::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -8px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 12px;\r\n            height: 8px;\r\n            background: #d4af6a;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .mini-ship:nth-child(1) {\r\n            top: 30%;\r\n            left: -50px;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .mini-ship:nth-child(2) {\r\n            top: 60%;\r\n            left: -50px;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        .shipping-content {\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: contentSlide 1s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .shipping-title {\r\n            font-size: 4rem !important;\r\n            font-weight: 900 !important;\r\n            color: #b2945a !important;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 0 40px rgba(178, 148, 90, 0.4);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .shipping-title-icon {\r\n            font-size: 3.5rem;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 20px rgba(178, 148, 90, 0.5));\r\n            animation: iconRotate 6s ease-in-out infinite;\r\n        }\r\n\r\n        .shipping-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #b2945a, #d4af6a);\r\n            border-radius: 2px;\r\n            animation: titleGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .shipping-text {\r\n            font-size: 1.2rem;\r\n            color: #ccc;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .shipping-text strong {\r\n            color: #b2945a !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .shipping-methods {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .method-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 20px 15px;\r\n            background: rgba(178, 148, 90, 0.1);\r\n            border-radius: 15px;\r\n            transition: all 0.4s ease;\r\n            border: 2px solid rgba(178, 148, 90, 0.2);\r\n        }\r\n\r\n        .method-item:hover {\r\n            background: rgba(178, 148, 90, 0.2);\r\n            transform: translateY(-5px);\r\n            border-color: rgba(178, 148, 90, 0.5);\r\n            box-shadow: 0 10px 25px rgba(178, 148, 90, 0.2);\r\n        }\r\n\r\n        .method-icon {\r\n            color: #b2945a;\r\n            font-size: 2rem;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 10px rgba(178, 148, 90, 0.4));\r\n        }\r\n\r\n        .method-text {\r\n            color: #ccc;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            text-align: center;\r\n        }\r\n\r\n        .floating-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: #b2945a;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: particleFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }\r\n        .particle:nth-child(2) { top: 40%; right: 15%; animation-delay: 2s; }\r\n        .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }\r\n        .particle:nth-child(4) { top: 60%; right: 25%; animation-delay: 6s; }\r\n\r\n        @keyframes visualSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes contentSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.5);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 40px rgba(178, 148, 90, 0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes iconRotate {\r\n            0%, 100% { \r\n                transform: rotateY(0deg);\r\n            }\r\n            50% { \r\n                transform: rotateY(15deg);\r\n            }\r\n        }\r\n\r\n        @keyframes routeFlow {\r\n            0% { \r\n                opacity: 0;\r\n                transform: scale(0.8);\r\n            }\r\n            50% { \r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n            100% { \r\n                opacity: 0;\r\n                transform: scale(1.2);\r\n            }\r\n        }\r\n\r\n        @keyframes shipMove {\r\n            0% { \r\n                left: -50px;\r\n                opacity: 0;\r\n            }\r\n            10% { \r\n                opacity: 1;\r\n            }\r\n            90% { \r\n                opacity: 1;\r\n            }\r\n            100% { \r\n                left: 100%;\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        @keyframes particleFloat {\r\n            0%, 100% { \r\n                opacity: 0;\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                opacity: 0.8;\r\n                transform: translateY(-60px) rotate(180deg);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .shipping-container {\r\n                gap: 60px;\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .shipping-title {\r\n                font-size: 3.5rem !important;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .shipping-title-icon {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .shipping-text {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .shipping-visual {\r\n                height: 400px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .shipping-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n                padding: 70px 15px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .shipping-title {\r\n                font-size: 3rem !important;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .shipping-title::after {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n            \r\n            .shipping-text {\r\n                font-size: 1.1rem;\r\n                max-width: 600px;\r\n                margin: 0 auto 30px;\r\n            }\r\n            \r\n            .shipping-methods {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                max-width: 300px;\r\n                margin: 30px auto 0;\r\n            }\r\n            \r\n            .shipping-visual {\r\n                height: 350px;\r\n                order: -1;\r\n            }\r\n            \r\n            .shipping-content {\r\n                animation-delay: 0.5s;\r\n            }\r\n            \r\n            .shipping-visual {\r\n                animation-delay: 0.8s;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .shipping-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            \r\n            .shipping-title-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .shipping-text {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .shipping-visual {\r\n                height: 300px;\r\n            }\r\n            \r\n            .method-item {\r\n                padding: 15px 10px;\r\n            }\r\n            \r\n            .method-icon {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"shipping-section\">\r\n        <div class=\"floating-particles\">\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"shipping-container\">\r\n            <div class=\"shipping-visual\">\r\n                <div class=\"world-map-scene\">\r\n                    <div class=\"world-map-svg\"><\/div>\r\n                    \r\n                    <div class=\"shipping-routes\">\r\n                        <div class=\"route-line\"><\/div>\r\n                        <div class=\"route-line\"><\/div>\r\n                        <div class=\"route-line\"><\/div>\r\n                        <div class=\"route-line\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"floating-ships\">\r\n                        <div class=\"mini-ship\"><\/div>\r\n                        <div class=\"mini-ship\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"shipping-content\">\r\n                <h2 class=\"shipping-title\">\r\n                    <i class=\"fas fa-shipping-fast shipping-title-icon\"><\/i>\r\n                    \u0627\u0644\u0634\u062d\u0646\r\n                <\/h2>\r\n                <p class=\"shipping-text\">\r\n                    <strong>\u062a\u0642\u062f\u0645 \u0625\u064a\u062c\u064a \u062c\u0644\u0648\u0628\u0627\u0644 \u062d\u0644\u0648\u0644 \u0634\u062d\u0646 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.<\/strong> \r\n                    \u0633\u0648\u0627\u0621\u064b \u0643\u0627\u0646 \u0630\u0644\u0643 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u0628\u062d\u0631 \u0623\u0648 \u0627\u0644\u062c\u0648 \u0623\u0648 \u0627\u0644\u0628\u0631\u060c \u0641\u0625\u0646\u0646\u0627 \u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627 - \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 - \u0644\u0636\u0645\u0627\u0646 \u0646\u0642\u0644 \u0628\u0636\u0627\u0626\u0639\u0643 \u0628\u0633\u0644\u0627\u0633\u0629 \u0648\u0623\u0645\u0627\u0646.\r\n                    \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0648\u0634\u0628\u0643\u0629 \u0634\u0631\u0643\u0627\u062a \u0646\u0642\u0644 \u0645\u0648\u062b\u0648\u0642 \u0628\u0647\u0627\u060c \u0646\u0648\u0641\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0634\u062d\u0646 \u0645\u0631\u0646\u0629 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0627\u0645\u062a\u062b\u0627\u0644 \u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629. \r\n                    <strong>\u0623\u064a\u0646\u0645\u0627 \u062a\u0631\u064a\u062f \u0623\u0646 \u062a\u0630\u0647\u0628 \u0628\u0636\u0627\u0626\u0639\u0643\u060c \u0641\u0625\u0646 \u0625\u064a\u062c\u064a \u062c\u0644\u0648\u0628\u0627\u0644 \u062a\u0646\u0642\u0644\u0647\u0627 \u0625\u0644\u0649 \u0647\u0646\u0627\u0643 \u0628\u0623\u0645\u0627\u0646 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f.<\/strong>\r\n                <\/p>\r\n                \r\n                <div class=\"shipping-methods\">\r\n                    <div class=\"method-item\">\r\n                        <i class=\"fas fa-ship method-icon\"><\/i>\r\n                        <span class=\"method-text\">\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"method-item\">\r\n                        <i class=\"fas fa-plane method-icon\"><\/i>\r\n                        <span class=\"method-text\">\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"method-item\">\r\n                        <i class=\"fas fa-truck method-icon\"><\/i>\r\n                        <span class=\"method-text\">\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2fb4a2 e-con-full e-flex e-con e-parent\" data-id=\"c2fb4a2\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b541c1c elementor-widget elementor-widget-html\" data-id=\"b541c1c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .warehousing-section {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background: #0a0a0a;\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 700px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .warehousing-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 100px 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        .warehousing-content {\r\n            opacity: 0;\r\n            transform: translateX(-50px);\r\n            animation: contentSlide 1s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .warehousing-title {\r\n            font-size: 4rem !important;\r\n            font-weight: 900 !important;\r\n            color: #b2945a !important;\r\n            margin-bottom: 30px;\r\n            text-shadow: 0 0 40px rgba(178, 148, 90, 0.4);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .warehousing-title-icon {\r\n            font-size: 3.5rem;\r\n            background: linear-gradient(135deg, #b2945a 0%, #d4af6a 100%);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 20px rgba(178, 148, 90, 0.5));\r\n            animation: iconPulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        .warehousing-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #b2945a, #d4af6a);\r\n            border-radius: 2px;\r\n            animation: titleGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .warehousing-text {\r\n            font-size: 1.2rem;\r\n            color: #ccc;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .warehousing-text strong {\r\n            color: #b2945a !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .warehousing-features {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 15px;\r\n            background: rgba(178, 148, 90, 0.1);\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            background: rgba(178, 148, 90, 0.2);\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            color: #b2945a;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .feature-text {\r\n            color: #ccc;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .warehousing-visual {\r\n            position: relative;\r\n            height: 500px;\r\n            opacity: 0;\r\n            transform: translateX(50px);\r\n            animation: visualSlide 1s ease-out 0.8s forwards;\r\n        }\r\n\r\n        .warehouse-scene {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at center, rgba(178, 148, 90, 0.1) 0%, transparent 70%);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .warehouse-building {\r\n            position: absolute;\r\n            bottom: 20%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 280px;\r\n            height: 180px;\r\n            background: linear-gradient(135deg, #333, #444);\r\n            border-radius: 10px 10px 5px 5px;\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n            border: 2px solid rgba(178, 148, 90, 0.3);\r\n        }\r\n\r\n        .warehouse-roof {\r\n            position: absolute;\r\n            top: -25px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 300px;\r\n            height: 25px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 15px rgba(178, 148, 90, 0.4);\r\n        }\r\n\r\n        .warehouse-doors {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .warehouse-door {\r\n            width: 40px;\r\n            height: 60px;\r\n            background: rgba(178, 148, 90, 0.6);\r\n            border-radius: 5px 5px 0 0;\r\n            border: 1px solid #b2945a;\r\n            animation: doorGlow 3s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .warehouse-door:nth-child(2) { animation-delay: 1s; }\r\n        .warehouse-door:nth-child(3) { animation-delay: 2s; }\r\n\r\n        .warehouse-windows {\r\n            position: absolute;\r\n            top: 30px;\r\n            left: 30px;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n            width: 220px;\r\n        }\r\n\r\n        .warehouse-window {\r\n            width: 35px;\r\n            height: 25px;\r\n            background: rgba(178, 148, 90, 0.3);\r\n            border: 1px solid #b2945a;\r\n            border-radius: 3px;\r\n            animation: windowFlicker 4s ease-in-out infinite;\r\n        }\r\n\r\n        .warehouse-window:nth-child(1) { animation-delay: 0s; }\r\n        .warehouse-window:nth-child(2) { animation-delay: 1s; }\r\n        .warehouse-window:nth-child(3) { animation-delay: 2s; }\r\n        .warehouse-window:nth-child(4) { animation-delay: 3s; }\r\n        .warehouse-window:nth-child(5) { animation-delay: 0.5s; }\r\n        .warehouse-window:nth-child(6) { animation-delay: 1.5s; }\r\n        .warehouse-window:nth-child(7) { animation-delay: 2.5s; }\r\n        .warehouse-window:nth-child(8) { animation-delay: 3.5s; }\r\n\r\n        .storage-boxes {\r\n            position: absolute;\r\n            top: 15%;\r\n            left: 15%;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        .storage-box {\r\n            width: 30px;\r\n            height: 30px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 5px;\r\n            box-shadow: 0 5px 15px rgba(178, 148, 90, 0.3);\r\n            animation: boxFloat 4s ease-in-out infinite;\r\n        }\r\n\r\n        .storage-box:nth-child(1) { animation-delay: 0s; }\r\n        .storage-box:nth-child(2) { animation-delay: 0.5s; }\r\n        .storage-box:nth-child(3) { animation-delay: 1s; }\r\n        .storage-box:nth-child(4) { animation-delay: 1.5s; }\r\n        .storage-box:nth-child(5) { animation-delay: 2s; }\r\n        .storage-box:nth-child(6) { animation-delay: 2.5s; }\r\n\r\n        .warehouse-truck {\r\n            position: absolute;\r\n            bottom: 10%;\r\n            right: 15%;\r\n            width: 80px;\r\n            height: 40px;\r\n            background: linear-gradient(135deg, #b2945a, #d4af6a);\r\n            border-radius: 5px;\r\n            box-shadow: 0 8px 20px rgba(178, 148, 90, 0.4);\r\n            animation: truckIdle 3s ease-in-out infinite;\r\n        }\r\n\r\n        .warehouse-truck::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 10px;\r\n            width: 30px;\r\n            height: 15px;\r\n            background: #d4af6a;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .warehouse-truck::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -8px;\r\n            left: 10px;\r\n            width: 12px;\r\n            height: 12px;\r\n            background: #333;\r\n            border-radius: 50%;\r\n            box-shadow: 50px 0 0 #333;\r\n        }\r\n\r\n        .tracking-signals {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .signal-wave {\r\n            position: absolute;\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 2px solid rgba(178, 148, 90, 0.6);\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: signalPulse 3s ease-out infinite;\r\n        }\r\n\r\n        .signal-wave:nth-child(1) {\r\n            top: 20%;\r\n            left: 30%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .signal-wave:nth-child(2) {\r\n            top: 60%;\r\n            right: 25%;\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .signal-wave:nth-child(3) {\r\n            bottom: 25%;\r\n            left: 20%;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .floating-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: #b2945a;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: particleFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }\r\n        .particle:nth-child(2) { top: 40%; right: 15%; animation-delay: 2s; }\r\n        .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }\r\n        .particle:nth-child(4) { top: 60%; right: 25%; animation-delay: 6s; }\r\n\r\n        @keyframes contentSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes visualSlide {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0% { \r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.5);\r\n            }\r\n            100% { \r\n                box-shadow: 0 0 40px rgba(178, 148, 90, 0.8);\r\n            }\r\n        }\r\n\r\n        @keyframes iconPulse {\r\n            0%, 100% { \r\n                transform: scale(1);\r\n            }\r\n            50% { \r\n                transform: scale(1.05);\r\n            }\r\n        }\r\n\r\n        @keyframes doorGlow {\r\n            0% { \r\n                background: rgba(178, 148, 90, 0.6);\r\n                box-shadow: 0 0 10px rgba(178, 148, 90, 0.3);\r\n            }\r\n            100% { \r\n                background: rgba(178, 148, 90, 0.9);\r\n                box-shadow: 0 0 20px rgba(178, 148, 90, 0.6);\r\n            }\r\n        }\r\n\r\n        @keyframes windowFlicker {\r\n            0%, 100% { \r\n                background: rgba(178, 148, 90, 0.3);\r\n            }\r\n            50% { \r\n                background: rgba(178, 148, 90, 0.7);\r\n            }\r\n        }\r\n\r\n        @keyframes boxFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px);\r\n            }\r\n            50% { \r\n                transform: translateY(-8px);\r\n            }\r\n        }\r\n\r\n        @keyframes truckIdle {\r\n            0%, 100% { \r\n                transform: translateX(0px);\r\n            }\r\n            50% { \r\n                transform: translateX(5px);\r\n            }\r\n        }\r\n\r\n        @keyframes signalPulse {\r\n            0% { \r\n                opacity: 0;\r\n                transform: scale(0.5);\r\n            }\r\n            50% { \r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n            100% { \r\n                opacity: 0;\r\n                transform: scale(1.5);\r\n            }\r\n        }\r\n\r\n        @keyframes particleFloat {\r\n            0%, 100% { \r\n                opacity: 0;\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                opacity: 0.8;\r\n                transform: translateY(-60px) rotate(180deg);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .warehousing-container {\r\n                gap: 60px;\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .warehousing-title {\r\n                font-size: 3.5rem !important;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .warehousing-title-icon {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .warehousing-text {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .warehousing-visual {\r\n                height: 400px;\r\n            }\r\n            \r\n            .warehouse-building {\r\n                width: 240px;\r\n                height: 150px;\r\n            }\r\n            \r\n            .warehouse-roof {\r\n                width: 260px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .warehousing-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n                padding: 70px 15px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .warehousing-title {\r\n                font-size: 3rem !important;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .warehousing-title::after {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n            \r\n            .warehousing-text {\r\n                font-size: 1.1rem;\r\n                max-width: 600px;\r\n                margin: 0 auto 30px;\r\n            }\r\n            \r\n            .warehousing-features {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                max-width: 400px;\r\n                margin: 30px auto 0;\r\n            }\r\n            \r\n            .warehousing-visual {\r\n                height: 350px;\r\n                order: -1;\r\n            }\r\n            \r\n            .warehousing-content {\r\n                animation-delay: 0.8s;\r\n            }\r\n            \r\n            .warehousing-visual {\r\n                animation-delay: 0.5s;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .warehousing-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            \r\n            .warehousing-title-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .warehousing-text {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .warehousing-visual {\r\n                height: 300px;\r\n            }\r\n            \r\n            .warehouse-building {\r\n                width: 200px;\r\n                height: 120px;\r\n            }\r\n            \r\n            .warehouse-roof {\r\n                width: 220px;\r\n                height: 20px;\r\n            }\r\n            \r\n            .storage-boxes {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 10px;\r\n            }\r\n            \r\n            .storage-box {\r\n                width: 25px;\r\n                height: 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"warehousing-section\">\r\n        <div class=\"floating-particles\">\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"warehousing-container\">\r\n            <div class=\"warehousing-content\">\r\n                <h2 class=\"warehousing-title\">\r\n                    <i class=\"fas fa-warehouse warehousing-title-icon\"><\/i>\r\n                    \u0627\u0644\u062a\u062e\u0632\u064a\u0646\r\n                <\/h2>\r\n                <p class=\"warehousing-text\">\r\n                    <strong>\u0641\u064a Egy Global\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062f\u0639\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.<\/strong> \r\n                    \u062a\u0642\u0639 \u0645\u0646\u0634\u0622\u062a\u0646\u0627 \u0641\u064a \u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u0645\u062c\u0647\u0632\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 - \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 - \u0641\u064a \u0638\u0644 \u0638\u0631\u0648\u0641 \u0645\u062b\u0627\u0644\u064a\u0629.\r\n                    \u0633\u0648\u0627\u0621\u064b \u0643\u0646\u062a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062e\u0632\u064a\u0646 \u0642\u0635\u064a\u0631 \u0627\u0644\u0623\u062c\u0644 \u0623\u0648 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644\u060c \u064a\u0636\u0645\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0628\u0636\u0627\u0626\u0639\u0643 \u0622\u0645\u0646\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u0648\u062c\u0627\u0647\u0632\u0629 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u0644\u0625\u0631\u0633\u0627\u0644. \r\n                    <strong>\u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u062e\u0632\u0648\u0646 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0633\u0644\u0633 \u0645\u0639 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u062a\u0648\u0641\u0631 Egy Global \u062a\u062c\u0631\u0628\u0629 \u062a\u062e\u0632\u064a\u0646 \u0630\u0643\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647\u0627.<\/strong>\r\n                <\/p>\r\n                \r\n                <div class=\"warehousing-features\">\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-shield-alt feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0622\u0645\u0646<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-chart-line feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u062a\u062a\u0628\u0639 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-boxes feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/span>\r\n                    <\/div>\r\n                    <div class=\"feature-item\">\r\n                        <i class=\"fas fa-truck feature-icon\"><\/i>\r\n                        <span class=\"feature-text\">\u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0633\u0631\u064a\u0639<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"warehousing-visual\">\r\n                <div class=\"warehouse-scene\">\r\n                    <div class=\"storage-boxes\">\r\n                        <div class=\"storage-box\"><\/div>\r\n                        <div class=\"storage-box\"><\/div>\r\n                        <div class=\"storage-box\"><\/div>\r\n                        <div class=\"storage-box\"><\/div>\r\n                        <div class=\"storage-box\"><\/div>\r\n                        <div class=\"storage-box\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"warehouse-building\">\r\n                        <div class=\"warehouse-roof\"><\/div>\r\n                        <div class=\"warehouse-windows\">\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                            <div class=\"warehouse-window\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"warehouse-doors\">\r\n                            <div class=\"warehouse-door\"><\/div>\r\n                            <div class=\"warehouse-door\"><\/div>\r\n                            <div class=\"warehouse-door\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"warehouse-truck\"><\/div>\r\n                    \r\n                    <div class=\"tracking-signals\">\r\n                        <div class=\"signal-wave\"><\/div>\r\n                        <div class=\"signal-wave\"><\/div>\r\n                        <div class=\"signal-wave\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Services Comprehensive logistics solutions connecting your business to global markets Import Services Global sourcing and seamless import solutions for [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":5,"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/pages\/139\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/egy-global-group.com\/ar\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}