{"id":21057,"date":"2026-01-18T01:01:38","date_gmt":"2026-01-17T23:01:38","guid":{"rendered":"https:\/\/webbingstone.com\/%d8%a7%d8%b9%d9%87%d8%af-%d8%a8%d9%81%d8%b1%d9%8a%d9%82-%d8%a7%d9%84%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%a7%d9%84%d8%ae%d8%a7%d8%b5-%d8%a8%d9%83-%d8%a5%d9%84%d9%89-%d9%85%d8%b5%d8%b1\/"},"modified":"2026-01-18T01:01:40","modified_gmt":"2026-01-17T23:01:40","slug":"%d8%a7%d8%b9%d9%87%d8%af-%d8%a8%d9%81%d8%b1%d9%8a%d9%82-%d8%a7%d9%84%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%a7%d9%84%d8%ae%d8%a7%d8%b5-%d8%a8%d9%83-%d8%a5%d9%84%d9%89-%d9%85%d8%b5%d8%b1","status":"publish","type":"page","link":"https:\/\/webbingstone.com\/ar\/%d8%a7%d8%b9%d9%87%d8%af-%d8%a8%d9%81%d8%b1%d9%8a%d9%82-%d8%a7%d9%84%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%a7%d9%84%d8%ae%d8%a7%d8%b5-%d8%a8%d9%83-%d8%a5%d9%84%d9%89-%d9%85%d8%b5%d8%b1\/","title":{"rendered":"\u0627\u0639\u0647\u062f \u0628\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0625\u0644\u0649 \u0645\u0635\u0631"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21057\" class=\"elementor elementor-21057 elementor-21051\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-055266c e-flex e-con-boxed e-con e-parent\" data-id=\"055266c\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-087017b elementor-widget elementor-widget-html\" data-id=\"087017b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- WordPress Compatible Version - Remove DOCTYPE, html, head, body tags -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&amp;family=Poppins:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --primary-purple: #432663;\r\n    --accent-orange: #EE5946;\r\n    --neon-purple: #8b5cf6;\r\n    --dark-purple: #2d1b3d;\r\n    --text-light: #ffffff;\r\n    --text-dark: #1a1a1a;\r\n    --glass-bg: rgba(255, 255, 255, 0.1);\r\n    --gradient-primary: linear-gradient(135deg, var(--primary-purple) 0%, var(--neon-purple) 50%, var(--accent-orange) 100%);\r\n    --gradient-dark: linear-gradient(to bottom, var(--primary-purple) 0%, var(--dark-purple) 100%);\r\n}\r\n\r\n.outsourcing-page {\r\n    font-family: 'Poppins', 'Cairo', sans-serif;\r\n    line-height: 1.6;\r\n    color: var(--text-light);\r\n    overflow-x: hidden;\r\n    background: var(--gradient-dark);\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    max-width: none;\r\n}\r\n\r\n\/* Cursor Trail Effect *\/\r\n.cursor-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--accent-orange);\r\n    border-radius: 50%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    mix-blend-mode: difference;\r\n}\r\n\r\n.cursor-outline {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 2px solid var(--neon-purple);\r\n    border-radius: 50%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    z-index: 9998;\r\n    transition: all 0.1s ease;\r\n}\r\n\r\n\/* Floating Particles Background *\/\r\n.particles-bg {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.particle {\r\n    position: absolute;\r\n    background: var(--accent-orange);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n    animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-20px) rotate(180deg); }\r\n}\r\n\r\n\/* Common Section Styles *\/\r\n.outsourcing-section {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 80px 0;\r\n    margin: 60px 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n}\r\n\r\n.outsourcing-container {\r\n    max-width: 1400px;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n    margin: 0 auto;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.outsourcing-hero {\r\n    background: var(--gradient-dark);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-top: 0;\r\n    border-radius: 0;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n    width: 100%;\r\n}\r\n\r\n.outsourcing-hero::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 20% 50%, rgba(139, 92, 246, 0.3) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 20%, rgba(238, 89, 70, 0.2) 0%, transparent 50%),\r\n        radial-gradient(circle at 40% 80%, rgba(75, 44, 94, 0.4) 0%, transparent 50%);\r\n    animation: backgroundShift 8s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes backgroundShift {\r\n    0% { transform: scale(1) rotate(0deg); }\r\n    100% { transform: scale(1.1) rotate(2deg); }\r\n}\r\n\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.hero-title {\r\n    font-size: 5rem;\r\n    font-weight: 900;\r\n    margin-bottom: 30px;\r\n    background: var(--gradient-primary);\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    line-height: 1.1;\r\n    text-shadow: 0 0 30px rgba(139, 92, 246, 0.5);\r\n    position: relative;\r\n}\r\n\r\n.hero-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 200px;\r\n    height: 4px;\r\n    background: var(--gradient-primary);\r\n    border-radius: 2px;\r\n    animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: translateX(-50%) scaleX(1); }\r\n    50% { opacity: 0.7; transform: translateX(-50%) scaleX(1.2); }\r\n}\r\n\r\n.hero-subtitle {\r\n    font-size: 1.6rem;\r\n    font-weight: 400;\r\n    margin-bottom: 50px;\r\n    max-width: 900px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    opacity: 0.9;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hero-stats {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 60px;\r\n    margin-top: 60px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.stat-item {\r\n    text-align: center;\r\n    padding: 30px;\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 20px;\r\n    min-width: 180px;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: var(--accent-orange);\r\n    display: block;\r\n    text-shadow: 0 0 20px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.stat-label {\r\n    font-size: 1rem;\r\n    opacity: 0.8;\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Benefits Section *\/\r\n.outsourcing-benefits {\r\n    background: linear-gradient(to bottom, var(--dark-purple) 0%, var(--primary-purple) 50%, var(--dark-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.outsourcing-benefits::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 30% 40%, rgba(238, 89, 70, 0.15) 0%, transparent 50%),\r\n        radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);\r\n}\r\n\r\n.outsourcing-benefits .outsourcing-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.section-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 30px;\r\n    color: var(--accent-orange);\r\n    text-shadow: 0 0 30px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1.4rem;\r\n    margin-bottom: 60px;\r\n    opacity: 0.9;\r\n    max-width: 800px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n}\r\n\r\n.benefit-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px);\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    padding: 40px 30px;\r\n    border-radius: 25px;\r\n    box-shadow: \r\n        0 15px 35px rgba(0, 0, 0, 0.3),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.benefit-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, transparent, rgba(238, 89, 70, 0.2), transparent);\r\n    transition: left 0.6s;\r\n}\r\n\r\n.benefit-card:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.benefit-card:hover {\r\n    transform: translateY(-20px);\r\n    box-shadow: \r\n        0 30px 60px rgba(0, 0, 0, 0.4),\r\n        inset 0 2px 0 rgba(238, 89, 70, 0.3);\r\n    border-color: var(--accent-orange);\r\n}\r\n\r\n.benefit-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n    background: var(--gradient-primary);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px;\r\n    font-size: 2.5rem;\r\n    box-shadow: 0 8px 25px rgba(75, 44, 94, 0.3);\r\n}\r\n\r\n.benefit-card h3 {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.benefit-card p {\r\n    font-size: 1.05rem;\r\n    opacity: 0.85;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* Service Options Section *\/\r\n.service-options {\r\n    background: linear-gradient(to bottom, var(--primary-purple) 0%, var(--dark-purple) 50%, var(--neon-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.service-options::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: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\"><defs><pattern id=\"hexagon\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><polygon points=\"30,5 45,15 45,35 30,45 15,35 15,15\" fill=\"none\" stroke=\"rgba(238,89,70,0.1)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23hexagon)\"\/><\/svg>');\r\n    opacity: 0.2;\r\n}\r\n\r\n.service-options .outsourcing-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.options-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px;\r\n    margin-top: 60px;\r\n}\r\n\r\n.option-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(25px);\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    border-radius: 30px;\r\n    padding: 50px 35px;\r\n    transition: all 0.5s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.option-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: conic-gradient(from 0deg, transparent, rgba(139, 92, 246, 0.1), transparent);\r\n    animation: hologram 4s linear infinite;\r\n}\r\n\r\n@keyframes hologram {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.option-card:hover {\r\n    transform: translateY(-15px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 30px 60px rgba(238, 89, 70, 0.4);\r\n}\r\n\r\n.option-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.option-badge {\r\n    display: inline-block;\r\n    background: var(--accent-orange);\r\n    color: var(--text-light);\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.option-card h3 {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    margin-bottom: 20px;\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.option-card p {\r\n    font-size: 1.1rem;\r\n    opacity: 0.9;\r\n    margin-bottom: 30px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.option-features {\r\n    list-style: none;\r\n    padding: 0;\r\n    text-align: left;\r\n    margin-top: 30px;\r\n}\r\n\r\n.option-features li {\r\n    padding: 12px 0;\r\n    position: relative;\r\n    padding-left: 35px;\r\n    font-size: 1.05rem;\r\n    opacity: 0.9;\r\n}\r\n\r\n.option-features li::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    color: var(--accent-orange);\r\n    font-size: 1.5rem;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Why Egypt Section *\/\r\n.why-egypt {\r\n    background: var(--gradient-dark);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.why-egypt::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(139, 92, 246, 0.2) 0%, transparent 50%),\r\n        radial-gradient(circle at 75% 75%, rgba(238, 89, 70, 0.15) 0%, transparent 50%);\r\n}\r\n\r\n.why-egypt .outsourcing-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.egypt-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 40px;\r\n    margin-top: 60px;\r\n}\r\n\r\n.egypt-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px);\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    padding: 40px;\r\n    border-radius: 25px;\r\n    text-align: left;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.egypt-card:hover {\r\n    transform: translateX(10px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 20px 50px rgba(238, 89, 70, 0.3);\r\n}\r\n\r\n.egypt-card-icon {\r\n    font-size: 3rem;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n}\r\n\r\n.egypt-card h3 {\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.egypt-card p {\r\n    font-size: 1.1rem;\r\n    opacity: 0.85;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* How It Works Section *\/\r\n.how-it-works {\r\n    background: linear-gradient(to bottom, var(--dark-purple) 0%, var(--primary-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.how-it-works::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        conic-gradient(from 0deg at 50% 50%, rgba(139, 92, 246, 0.1), rgba(238, 89, 70, 0.1), rgba(139, 92, 246, 0.1));\r\n    animation: rotate 20s linear infinite;\r\n}\r\n\r\n@keyframes rotate {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.how-it-works .outsourcing-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.steps-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n    position: relative;\r\n}\r\n\r\n.steps-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 80px;\r\n    left: 10%;\r\n    right: 10%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--accent-orange) 0%, var(--neon-purple) 100%);\r\n    z-index: 0;\r\n}\r\n\r\n.step-card {\r\n    flex: 1;\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(25px);\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    padding: 40px 30px;\r\n    border-radius: 25px;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.step-card:hover {\r\n    transform: translateY(-20px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 30px 60px rgba(238, 89, 70, 0.4);\r\n}\r\n\r\n.step-number {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: var(--gradient-primary);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px;\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    color: var(--text-light);\r\n    box-shadow: 0 10px 30px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.step-card h3 {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    color: var(--accent-orange);\r\n}\r\n\r\n.step-card p {\r\n    font-size: 1.05rem;\r\n    opacity: 0.85;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.outsourcing-cta {\r\n    background: linear-gradient(to bottom, var(--accent-orange) 0%, #d64832 30%, var(--neon-purple) 70%, var(--primary-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-bottom: 0;\r\n    border-radius: 0;\r\n    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);\r\n    width: 100%;\r\n}\r\n\r\n.outsourcing-cta::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(255, 255, 255, 0.2) 0%, transparent 50%),\r\n        radial-gradient(circle at 75% 75%, rgba(238, 89, 70, 0.2) 0%, transparent 50%);\r\n    animation: ctaShift 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes ctaShift {\r\n    0% { transform: translateX(-20px) translateY(-20px); }\r\n    100% { transform: translateX(20px) translateY(20px); }\r\n}\r\n\r\n.outsourcing-cta .outsourcing-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.cta-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 30px;\r\n    color: var(--text-light);\r\n    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.cta-subtitle {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 50px;\r\n    opacity: 0.95;\r\n}\r\n\r\n.cta-button {\r\n    display: inline-block;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    color: var(--text-light);\r\n    padding: 25px 60px;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    border-radius: 60px;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    box-shadow: \r\n        0 15px 35px rgba(0, 0, 0, 0.3),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.cta-button::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, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n    transition: left 0.6s;\r\n}\r\n\r\n.cta-button:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-8px) scale(1.05);\r\n    box-shadow: \r\n        0 25px 50px rgba(0, 0, 0, 0.4),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n    border-color: rgba(255, 255, 255, 0.6);\r\n    background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.scroll-indicator {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: var(--gradient-primary);\r\n    transform-origin: left;\r\n    transform: scaleX(0);\r\n    z-index: 10000;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .hero-title { font-size: 4rem; }\r\n    .section-title, .cta-title { font-size: 3rem; }\r\n    .benefits-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .options-grid { grid-template-columns: 1fr; }\r\n    .egypt-grid { grid-template-columns: 1fr; }\r\n    .steps-container { flex-direction: column; }\r\n    .steps-container::before { display: none; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-title { font-size: 3rem; }\r\n    .hero-subtitle { font-size: 1.3rem; }\r\n    .section-title, .cta-title { font-size: 2.5rem; }\r\n    .benefits-grid { grid-template-columns: 1fr; }\r\n    .hero-stats { flex-direction: column; align-items: center; }\r\n    .cta-button { padding: 20px 45px; font-size: 1.2rem; }\r\n    .outsourcing-section { \r\n        padding: 60px 0; \r\n        margin: 30px 0;\r\n    }\r\n    .outsourcing-container {\r\n        padding: 0 15px;\r\n    }\r\n    .cursor-dot, .cursor-outline { display: none; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-title { font-size: 2.2rem; }\r\n    .hero-subtitle { font-size: 1.1rem; }\r\n    .section-title, .cta-title { font-size: 2rem; }\r\n}\r\n\r\n\/* Animation classes *\/\r\n.animate-in {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) rotateX(0deg) !important;\r\n}\r\n<\/style>\r\n\r\n<!-- WordPress Compatible Content -->\r\n<div class=\"outsourcing-page\">\r\n    <!-- Cursor Effects -->\r\n    <div class=\"cursor-dot\"><\/div>\r\n    <div class=\"cursor-outline\"><\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <div class=\"scroll-indicator\"><\/div>\r\n\r\n    <!-- Floating Particles -->\r\n    <div class=\"particles-bg\"><\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"outsourcing-section outsourcing-hero\">\r\n        <div class=\"outsourcing-container\">\r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title\">\u0627\u0639\u0647\u062f \u0628\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0625\u0644\u0649 \u0645\u0635\u0631<\/h1>\r\n                <p class=\"hero-subtitle\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0637\u0648\u0631\u064a \u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0645\u0646 \u0627\u0644\u0637\u0631\u0627\u0632 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629. \u0646\u062d\u0646 \u0646\u062a\u0648\u0644\u0649 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0623\u0646\u062a \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0645\u064a\u0632\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0637\u0648\u0631 \u0648\u0627\u062d\u062f \u0623\u0648 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0643\u0627\u0645\u0644\u060c \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062f\u0639\u0645\u0643.  <\/p>\r\n                \r\n                <div class=\"hero-stats\">\r\n                    <div class=\"stat-item\">\r\n                        \u062a\u0648\u0641\u064a\u0631 \u0641\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0646\u0633\u0628\u0629<br> 70%\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        500+<br>\u0645\u0637\u0648\u0631 \u0645\u062d\u062a\u0631\u0641\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        \u062f\u0639\u0645 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631<br>24\/7\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Benefits Section -->\r\n    <section class=\"outsourcing-section outsourcing-benefits\">\r\n        <div class=\"outsourcing-container\">\r\n            <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0645\u0635\u0627\u062f\u0631 \u062e\u0627\u0631\u062c\u064a\u0629 \u0644\u062f\u064a\u0646\u0627\u061f<\/h2>\r\n            <p class=\"section-subtitle\">\u0646\u064f\u0628\u0633\u0651\u0637 \u0644\u0643 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u0646\u0627\u0621 \u0648\u0625\u062f\u0627\u0631\u0629 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0639\u0646 \u0628\u064f\u0639\u062f \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/p>\r\n            \r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83d\udcb0<\/div>\r\n                    <h3>\u0643\u0648\u0627\u062f\u0631 \u0645\u062a\u0645\u064a\u0632\u0629 \u0628\u062a\u0643\u0644\u0641\u0629 \u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\r\n                    <p>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0635\u0631\u064a\u064a\u0646 \u0630\u0648\u064a \u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0628\u062a\u0643\u0644\u0641\u0629 \u0623\u0642\u0644 \u0628\u0646\u0633\u0628\u0629 \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 60% \u064870% \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u063a\u0631\u0628\u064a\u0629\u060c \u062f\u0648\u0646 \u0623\u064a \u062a\u0646\u0627\u0632\u0644 \u0639\u0646 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83c\udfaf<\/div>\r\n                    <h3>\u0645\u0637\u0648\u0631\u0648\u0646 \u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0643\u0641\u0627\u0621\u062a\u0647\u0645 \u0645\u0633\u0628\u0642\u064b\u0627<\/h3>\r\n                    <p>\u0646\u0642\u0648\u0645 \u0628\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0642\u064a\u064a\u0645 \u0648\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u062d\u0635\u0648\u0644\u0643 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0648\u0627\u0641\u0642 \u062a\u0645\u0627\u0645\u064b\u0627 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83d\udccb<\/div>\r\n                    <h3>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0648\u062f<\/h3>\r\n                    <p>\u0646\u062d\u0646 \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83d\udcb3<\/div>\r\n                    <h3>\u062d\u0644 \u062f\u0641\u0639 \u0645\u0648\u062d\u0651\u062f<\/h3>\r\n                    <p>\u062a\u0642\u0648\u0645 \u0628\u0633\u062f\u0627\u062f \u0641\u0627\u062a\u0648\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u0646\u0627 \u0645\u0642\u0627\u0628\u0644 \u0631\u0633\u0648\u0645 \u062e\u062f\u0645\u0629 \u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0646\u062d\u0646 \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0648\u062f\u0641\u0639 \u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u062d\u0642\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\u2699\ufe0f<\/div>\r\n                    <h3>\u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0646\u0629<\/h3>\r\n                    <p>\u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0646\u0641\u0633\u0643\u060c \u0623\u0648 \u062a\u0641\u0648\u064a\u0636 \u0625\u062f\u0627\u0631\u062a\u0647\u0645 \u0644\u0646\u0627\u060c \u0623\u0648 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0646\u0627 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"benefit-icon\">\ud83c\udf0d<\/div>\r\n                    <h3>\u062a\u063a\u0637\u064a\u0629 \u0645\u0646\u0627\u0637\u0642 \u0632\u0645\u0646\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n                    <p>\u064a\u062a\u064a\u062d \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0645\u0635\u0631 \u062a\u0639\u0627\u0648\u0646\u064b\u0627 \u0633\u0644\u0633\u064b\u0627 \u0645\u0639 \u0627\u0644\u0641\u0631\u0642 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Service Options Section -->\r\n    <section class=\"outsourcing-section service-options\">\r\n        <div class=\"outsourcing-container\">\r\n            <h2 class=\"section-title\">\u0627\u062e\u062a\u0631 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628<\/h2>\r\n            <p class=\"section-subtitle\">\u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u0648\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 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0639\u0645\u0644\u0643 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642.<\/p>\r\n            \r\n            <div class=\"options-grid\">\r\n                <div class=\"option-card\">\r\n                    <div class=\"option-content\">\r\n                        <span class=\"option-badge\">Basic<\/span>\r\n                        <h3>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0641\u0631\u064a\u0642<\/h3>\r\n                        <p>\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646 \u0648\u062a\u0648\u0638\u064a\u0641\u0647\u0645 \u0644\u0643. \u062a\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u062a\u0647\u0645 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631\u060c \u0628\u064a\u0646\u0645\u0627 \u0646\u062a\u0643\u0641\u0644 \u0646\u062d\u0646 \u0628\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a. <\/p>\r\n                        <ul class=\"option-features\">\r\n                            <li>\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/li>\r\n                            <li>\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u0647\u0646\u064a<\/li>\r\n                            <li>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0639\u0642\u0648\u062f<\/li>\r\n                            <li>Monthly payment processing<\/li>\r\n                            <li>Administrative support<\/li>\r\n                            <li>You manage the team directly<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"option-card\">\r\n                    <div class=\"option-content\">\r\n                        <span class=\"option-badge\">Managed<\/span>\r\n                        <h3>\u0641\u0631\u064a\u0642 \u0645\u064f\u062f\u0627\u0631<\/h3>\r\n                        <p>\u0646\u0648\u0641\u0651\u0631 \u0644\u0643 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u062a\u0647\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0641\u0636\u0651\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0628\u064a\u0646\u0645\u0627 \u0646\u062f\u064a\u0631 \u0646\u062d\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629. <\/p>\r\n                        <ul class=\"option-features\">\r\n                            <li>\u0643\u0644 \u0645\u0627 \u064a\u062a\u0636\u0645\u0646\u0647 \u0646\u0645\u0648\u0630\u062c \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0641\u0631\u064a\u0642<\/li>\r\n                            <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u064a\u0648\u0645\u064a\u0629<\/li>\r\n                            <li>\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u062f\u0627\u0621<\/li>\r\n                            <li>Weekly progress reports<\/li>\r\n                            <li>Quality assurance<\/li>\r\n                            <li>Sprint planning &amp; standups<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"option-card\">\r\n                    <div class=\"option-content\">\r\n                        <span class=\"option-badge\">Complete<\/span>\r\n                        <h3>\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/h3>\r\n                        <p>\u0634\u0627\u0631\u0643\u0646\u0627 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a. \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062d\u062a\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642\u060c \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629. <\/p>\r\n                        <ul class=\"option-features\">\r\n                            <li>\u0643\u0644 \u0634\u064a\u0621 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u064f\u062f\u0627\u0631<\/li>\r\n                            <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/li>\r\n                            <li>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/li>\r\n                            <li>\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/li>\r\n                            <li>\u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/li>\r\n                            <li>\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Egypt Section -->\r\n    <section class=\"outsourcing-section why-egypt\">\r\n        <div class=\"outsourcing-container\">\r\n            <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u0645\u0635\u0631 \u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\u061f<\/h2>\r\n            <p class=\"section-subtitle\">\u0628\u0631\u0632\u062a \u0645\u0635\u0631 \u0643\u0648\u062c\u0647\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0645\u0635\u0627\u062f\u0631 \u062e\u0627\u0631\u062c\u064a\u0629 \u0644\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a.<\/p>\r\n            \r\n            <div class=\"egypt-grid\">\r\n                <div class=\"egypt-card\">\r\n                    <span class=\"egypt-card-icon\">\ud83c\udf93<\/span>\r\n                    <h3>\u0642\u0648\u0629 \u0639\u0627\u0645\u0644\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/h3>\r\n                    <p>\u062a\u064f\u062e\u0631\u0651\u062c \u0645\u0635\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 55,000 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0633\u0646\u0648\u064a\u064b\u0627 \u0645\u0646 \u062c\u0627\u0645\u0639\u0627\u062a \u0645\u0631\u0645\u0648\u0642\u0629. \u0648\u064a\u062d\u0645\u0644 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0634\u0647\u0627\u062f\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0648\u064a\u062a\u0645\u062a\u0639\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0634\u0631\u0643\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629. <\/p>\r\n                <\/div>\r\n                <div class=\"egypt-card\">\r\n                    <span class=\"egypt-card-icon\">\ud83d\udcb5<\/span>\r\n                    <h3>\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\r\n                    <p>\u064a\u0642\u062f\u0645 \u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646 \u0627\u0644\u0645\u0635\u0631\u064a\u0648\u0646 \u0642\u064a\u0645\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 - \u062d\u064a\u062b \u062a\u062a\u0631\u0627\u0648\u062d \u062a\u0643\u0644\u0641\u0629 \u0643\u0628\u0627\u0631 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u064a\u0646 1500 \u06483500 \u062f\u0648\u0644\u0627\u0631 \u0634\u0647\u0631\u064a\u064b\u0627 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 8000 \u0625\u0644\u0649 15000 \u062f\u0648\u0644\u0627\u0631 \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0623\u0648 \u0623\u0648\u0631\u0648\u0628\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u0645\u0645\u0627\u062b\u0644\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"egypt-card\">\r\n                    <span class=\"egypt-card-icon\">\ud83d\udde3\ufe0f<\/span>\r\n                    <h3>\u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h3>\r\n                    <p>\u062a\u064f\u062f\u0631\u064e\u0651\u0633 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0648\u0627\u0633\u0639 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0641\u064a \u0645\u0635\u0631. \u0648\u064a\u062a\u0642\u0646 \u0645\u0639\u0638\u0645 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0633\u0644\u0633 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646. <\/p>\r\n                <\/div>\r\n                <div class=\"egypt-card\">\r\n                    <span class=\"egypt-card-icon\">\ud83d\ude80<\/span>\r\n                    <h3>\u0645\u0631\u0643\u0632 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0645\u062a\u0646\u0627\u0645\u064d<\/h3>\r\n                    <p>\u064a\u0634\u0647\u062f \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0641\u064a \u0645\u0635\u0631 \u0646\u0645\u0648\u064b\u0627 \u0645\u062a\u0633\u0627\u0631\u0639\u064b\u0627 \u0628\u062f\u0639\u0645 \u062d\u0643\u0648\u0645\u064a \u0642\u0648\u064a\u060c \u0648\u062d\u0627\u0636\u0646\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0627\u0634\u0626\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0642\u064a\u0627\u0645 \u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0643\u0628\u0631\u0649 \u0628\u0625\u0646\u0634\u0627\u0621 \u0645\u0643\u0627\u062a\u0628 \u0644\u0647\u0627. \u0648\u064a\u062a\u0645\u064a\u0651\u0632 \u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u064a \u0628\u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631. <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How It Works Section -->\r\n    <section class=\"outsourcing-section how-it-works\">\r\n        <div class=\"outsourcing-container\">\r\n            <h2 class=\"section-title\">\u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/h2>\r\n            <p class=\"section-subtitle\">\u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u062a\u0645\u062a\u062f \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644.<\/p>\r\n            \r\n            <div class=\"steps-container\">\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <h3>\u0645\u0643\u0627\u0644\u0645\u0629 \u0627\u0633\u062a\u0643\u0634\u0627\u0641\u064a\u0629<\/h3>\r\n                    <p>\u0646\u0646\u0627\u0642\u0634 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.<\/p>\r\n                <\/div>\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <h3>\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0645\u0648\u0627\u0647\u0628<\/h3>\r\n                    <p>\u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 \u0623\u0633\u0628\u0648\u0639 \u0625\u0644\u0649 \u0623\u0633\u0628\u0648\u0639\u064a\u0646\u060c \u0646\u0642\u062f\u0651\u0645 \u0644\u0643 \u0645\u0631\u0634\u062d\u064a\u0646 \u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0643\u0641\u0627\u0621\u062a\u0647\u0645 \u0645\u0633\u0628\u0642\u064b\u0627\u060c \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u064a\u0646 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <h3>Onboarding<\/h3>\r\n                    <p>\u0628\u0645\u062c\u0631\u062f \u0645\u0648\u0627\u0641\u0642\u062a\u0643\u060c \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645. \u064a\u0635\u0628\u062d \u0641\u0631\u064a\u0642\u0643 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u0628\u062f\u0621 \u0641\u0648\u0631\u064b\u0627. <\/p>\r\n                <\/div>\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">4<\/div>\r\n                    <h3>\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n                    <p>\u0646\u0648\u0641\u0651\u0631 \u062f\u0639\u0645\u064b\u0627 \u0645\u0633\u062a\u0645\u0631\u064b\u0627\u060c \u0648\u0646\u062a\u0648\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u0646\u0636\u0645\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u0639\u0627\u0648\u0646.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"outsourcing-section outsourcing-cta\">\r\n        <div class=\"outsourcing-container\">\r\n            <h2 class=\"cta-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642 \u0623\u062d\u0644\u0627\u0645\u0643\u061f<\/h2>\r\n            <p class=\"cta-subtitle\">\u062f\u0639\u0646\u0627 \u0646\u0646\u0627\u0642\u0634 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0644\u0627 \u062a\u064f\u0636\u0627\u0647\u0649<\/p>\r\n            <a href=\"https:\/\/www.webbingstone.com\/contact-us\/\" class=\"cta-button\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- GSAP Scripts -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\" integrity=\"sha512-7eHRwcbYkK4d9g\/6tD\/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly\/VxeLvIqwvCdk7qScg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\" integrity=\"sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr\/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    if (typeof gsap === 'undefined') {\r\n        console.error('GSAP library failed to load.');\r\n        document.querySelectorAll('.outsourcing-container').forEach(el => {\r\n            el.style.opacity = '1';\r\n            el.style.transform = 'none';\r\n        });\r\n        return;\r\n    }\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ Custom cursor effects (desktop only)\r\n    if (window.innerWidth > 768) {\r\n        const cursorDot = document.querySelector('.cursor-dot');\r\n        const cursorOutline = document.querySelector('.cursor-outline');\r\n\r\n        if (cursorDot && cursorOutline) {\r\n            document.addEventListener('mousemove', (e) => {\r\n                gsap.to(cursorDot, { duration: 0.1, x: e.clientX - 4, y: e.clientY - 4 });\r\n                gsap.to(cursorOutline, { duration: 0.3, x: e.clientX - 20, y: e.clientY - 20 });\r\n            });\r\n\r\n            document.addEventListener('mousedown', () => {\r\n                gsap.to(cursorOutline, { duration: 0.1, scale: 0.8 });\r\n            });\r\n\r\n            document.addEventListener('mouseup', () => {\r\n                gsap.to(cursorOutline, { duration: 0.1, scale: 1 });\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Scroll progress indicator\r\n    gsap.to('.scroll-indicator', {\r\n        scaleX: 1,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n            trigger: '.outsourcing-page',\r\n            start: 'top top',\r\n            end: 'bottom bottom',\r\n            scrub: true\r\n        }\r\n    });\r\n\r\n    \/\/ Create floating particles\r\n    function createParticles() {\r\n        const particlesContainer = document.querySelector('.particles-bg');\r\n        if (!particlesContainer) return;\r\n        \r\n        const particleCount = window.innerWidth > 768 ? 50 : 20;\r\n\r\n        for (let i = 0; i < particleCount; i++) {\r\n            const particle = document.createElement('div');\r\n            particle.className = 'particle';\r\n            particle.style.width = Math.random() * 4 + 2 + 'px';\r\n            particle.style.height = particle.style.width;\r\n            particle.style.left = Math.random() * 100 + '%';\r\n            particle.style.top = Math.random() * 100 + '%';\r\n            particle.style.animationDelay = Math.random() * 6 + 's';\r\n            particle.style.animationDuration = (Math.random() * 3 + 4) + 's';\r\n            particlesContainer.appendChild(particle);\r\n        }\r\n    }\r\n    createParticles();\r\n\r\n    \/\/ Main section animations\r\n    gsap.utils.toArray('.outsourcing-container').forEach((container) => {\r\n        gsap.set(container, { opacity: 0, y: 100, rotationX: 10 });\r\n        gsap.to(container, {\r\n            opacity: 1,\r\n            y: 0,\r\n            rotationX: 0,\r\n            duration: 1.2,\r\n            ease: \"power3.out\",\r\n            scrollTrigger: {\r\n                trigger: container,\r\n                start: \"top 80%\",\r\n                end: \"bottom 20%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Hero title animation\r\n    gsap.fromTo('.hero-title', \r\n        { scale: 0.8, opacity: 0 },\r\n        { \r\n            scale: 1, \r\n            opacity: 1, \r\n            duration: 1.5, \r\n            ease: \"elastic.out(1, 0.3)\",\r\n            delay: 0.5\r\n        }\r\n    );\r\n\r\n    \/\/ Stats animation\r\n    gsap.utils.toArray('.stat-item').forEach((stat, index) => {\r\n        gsap.fromTo(stat,\r\n            { y: 50, opacity: 0, scale: 0.8 },\r\n            {\r\n                y: 0,\r\n                opacity: 1,\r\n                scale: 1,\r\n                duration: 0.8,\r\n                delay: index * 0.2 + 1,\r\n                ease: \"back.out(1.7)\"\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Benefit cards animation\r\n    gsap.utils.toArray('.benefit-card').forEach((card, index) => {\r\n        gsap.fromTo(card, \r\n            {\r\n                opacity: 0,\r\n                y: 100,\r\n                scale: 0.8\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                scale: 1,\r\n                duration: 1,\r\n                delay: index * 0.1,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Option cards animation\r\n    gsap.utils.toArray('.option-card').forEach((card, index) => {\r\n        gsap.fromTo(card,\r\n            {\r\n                opacity: 0,\r\n                scale: 0.8,\r\n                rotationY: 20\r\n            },\r\n            {\r\n                opacity: 1,\r\n                scale: 1,\r\n                rotationY: 0,\r\n                duration: 1.2,\r\n                delay: index * 0.2,\r\n                ease: \"power4.out\",\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 80%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Egypt cards animation\r\n    gsap.utils.toArray('.egypt-card').forEach((card, index) => {\r\n        gsap.fromTo(card,\r\n            {\r\n                opacity: 0,\r\n                x: index % 2 === 0 ? -50 : 50\r\n            },\r\n            {\r\n                opacity: 1,\r\n                x: 0,\r\n                duration: 1,\r\n                delay: index * 0.2,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Step cards animation\r\n    gsap.utils.toArray('.step-card').forEach((card, index) => {\r\n        gsap.fromTo(card,\r\n            {\r\n                opacity: 0,\r\n                y: 50,\r\n                scale: 0.9\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                scale: 1,\r\n                duration: 0.8,\r\n                delay: index * 0.2,\r\n                ease: \"back.out(1.5)\",\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ CTA button animation\r\n    gsap.fromTo('.cta-button',\r\n        {\r\n            opacity: 0,\r\n            scale: 0.5,\r\n            rotationZ: -10\r\n        },\r\n        {\r\n            opacity: 1,\r\n            scale: 1,\r\n            rotationZ: 0,\r\n            duration: 1,\r\n            ease: \"elastic.out(1, 0.4)\",\r\n            scrollTrigger: {\r\n                trigger: '.cta-button',\r\n                start: \"top 90%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        }\r\n    );\r\n\r\n    \/\/ Enhanced scroll-triggered text animations\r\n    gsap.utils.toArray('.outsourcing-page h1, .outsourcing-page h2, .outsourcing-page h3').forEach((heading) => {\r\n        gsap.fromTo(heading,\r\n            {\r\n                opacity: 0,\r\n                y: 50,\r\n                skewY: 3\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                skewY: 0,\r\n                duration: 1,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: heading,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Mobile optimizations\r\n    if (window.innerWidth <= 768) {\r\n        document.querySelectorAll('.particle').forEach((particle, index) => {\r\n            if (index > 15) particle.remove();\r\n        });\r\n    }\r\n\r\n    \/\/ Page load sequence\r\n    window.addEventListener('load', () => {\r\n        gsap.fromTo(['.hero-subtitle', '.hero-stats'], \r\n            { opacity: 0, y: 30 },\r\n            { \r\n                opacity: 1, \r\n                y: 0, \r\n                duration: 1, \r\n                stagger: 0.3, \r\n                delay: 1.2,\r\n                ease: \"power2.out\" \r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Magnetic effect for CTA button\r\n    const ctaButton = document.querySelector('.cta-button');\r\n    if (ctaButton && window.innerWidth > 768) {\r\n        ctaButton.addEventListener('mousemove', (e) => {\r\n            const rect = ctaButton.getBoundingClientRect();\r\n            const x = e.clientX - rect.left - rect.width \/ 2;\r\n            const y = e.clientY - rect.top - rect.height \/ 2;\r\n            \r\n            gsap.to(ctaButton, {\r\n                x: x * 0.3,\r\n                y: y * 0.3,\r\n                duration: 0.3,\r\n                ease: \"power2.out\"\r\n            });\r\n        });\r\n        \r\n        ctaButton.addEventListener('mouseleave', () => {\r\n            gsap.to(ctaButton, {\r\n                x: 0,\r\n                y: 0,\r\n                duration: 0.5,\r\n                ease: \"elastic.out(1, 0.3)\"\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ Refresh ScrollTrigger on resize\r\n    window.addEventListener('resize', () => {\r\n        ScrollTrigger.refresh();\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- Schema Markup for SEO -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"name\": \"Software Development Outsourcing to Egypt\",\r\n  \"description\": \"Professional software development outsourcing services. Hire skilled Egyptian developers at affordable rates with full contract and payment management.\",\r\n  \"provider\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"WebbingStone\"\r\n  },\r\n  \"areaServed\": \"Worldwide\",\r\n  \"serviceType\": [\"Software Development Outsourcing\", \"Staff Augmentation\", \"Project Management\", \"Development Team Management\"],\r\n  \"offers\": {\r\n    \"@type\": \"Offer\",\r\n    \"availability\": \"https:\/\/schema.org\/InStock\"\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0639\u0647\u062f \u0628\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0625\u0644\u0649 \u0645\u0635\u0631 \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0637\u0648\u0631\u064a \u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0645\u0646 \u0627\u0644\u0637\u0631\u0627\u0632 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629. \u0646\u062d\u0646 \u0646\u062a\u0648\u0644\u0649 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0623\u0646\u062a \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0645\u064a\u0632\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0637\u0648\u0631 \u0648\u0627\u062d\u062f \u0623\u0648 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0643\u0627\u0645\u0644\u060c \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062f\u0639\u0645\u0643. \u062a\u0648\u0641\u064a\u0631 \u0641\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0646\u0633\u0628\u0629 70% 500+\u0645\u0637\u0648\u0631 \u0645\u062d\u062a\u0631\u0641 \u062f\u0639\u0645 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u063124\/7 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/21057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/comments?post=21057"}],"version-history":[{"count":1,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/21057\/revisions"}],"predecessor-version":[{"id":21058,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/21057\/revisions\/21058"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=21057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}