\u0639\u0646 \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 - \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', 'Tajawal', 'Segoe UI', Arial, sans-serif;\r\n overflow-x: hidden;\r\n width: 100%;\r\n direction: rtl;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .about-hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n overflow: visible;\r\n padding: 180px 20px 150px 20px;\r\n }\r\n\r\n \/* Animated Background *\/\r\n .hero-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.1;\r\n background-image: \r\n radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%);\r\n }\r\n\r\n \/* Floating Orbs *\/\r\n .floating-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(20px);\r\n }\r\n\r\n .orb-1 {\r\n width: 300px;\r\n height: 300px;\r\n top: -100px;\r\n right: -100px;\r\n }\r\n\r\n .orb-2 {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -50px;\r\n left: -50px;\r\n }\r\n\r\n .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n top: 50%;\r\n left: 10%;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 30px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .hero-badge svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: currentColor;\r\n }\r\n\r\n .hero-title {\r\n font-size: 4.5rem;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 30px;\r\n line-height: 1.4;\r\n text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, #fff 0%, #ffa8a8 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.4rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n line-height: 2;\r\n }\r\n\r\n .hero-year {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n background: rgba(238, 89, 70, 0.9);\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 50px;\r\n box-shadow: 0 10px 30px rgba(238, 89, 70, 0.4);\r\n }\r\n\r\n \/* Service Tags *\/\r\n .service-tags {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .service-tag {\r\n padding: 12px 25px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .service-tag:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n \/* Stats Section *\/\r\n .hero-stats {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 40px;\r\n margin-top: 60px;\r\n margin-bottom: 60px;\r\n max-width: 1000px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card {\r\n text-align: center;\r\n padding: 40px 30px;\r\n background: white !important;\r\n border-radius: 20px;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n border: 3px solid white;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n background: white;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .stat-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 15px;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card:hover .stat-icon {\r\n transform: scale(1.2) rotate(360deg);\r\n }\r\n\r\n .stat-icon svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: white;\r\n }\r\n\r\n .stat-number {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #667eea !important;\r\n margin-bottom: 10px;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n direction: ltr;\r\n }\r\n\r\n .stat-label {\r\n color: #64748b !important;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Scroll Indicator *\/\r\n .scroll-indicator {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .scroll-indicator svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .about-hero {\r\n padding: 140px 20px 120px 20px;\r\n }\r\n\r\n .hero-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-hero {\r\n padding: 120px 20px 100px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .hero-stats {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .service-tags {\r\n gap: 10px;\r\n }\r\n\r\n .service-tag {\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-hero {\r\n padding: 100px 20px 80px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-badge {\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"about-hero\">\r\n \r\n <div class=\"hero-bg-pattern\"><\/div>\r\n <div class=\"floating-orb orb-1\"><\/div>\r\n <div class=\"floating-orb orb-2\"><\/div>\r\n <div class=\"floating-orb orb-3\"><\/div>\r\n\r\n <div class=\"hero-container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <span>\u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <span class=\"title-line-1\">\u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648<\/span><br>\r\n <span class=\"highlight\">\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a - \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629\r\n <\/p>\r\n\r\n <div class=\"service-tags\">\r\n <span class=\"service-tag\">\ud83d\udcbb \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/span>\r\n <span class=\"service-tag\">\ud83d\udcf1 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644<\/span>\r\n <span class=\"service-tag\">\ud83c\udfaf \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <span class=\"service-tag\">\ud83e\udd16 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n <span class=\"service-tag\">\u2601\ufe0f \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-year\">\r\n \ud83d\ude80 \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u0646\u0630 \u0639\u0627\u0645 2015\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"530\">530+<\/span>\r\n <span class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"760\">760+<\/span>\r\n <span class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"98\">98%<\/span>\r\n <span class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"19\">19+<\/span>\r\n <span class=\"stat-label\">\u062f\u0648\u0644\u0629 \u0646\u062e\u062f\u0645\u0647\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/06\/webbing-stone-logo-dark.webp\" \r\n alt=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 - \u0648\u0643\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\" \r\n style=\"position:absolute;width:1px;height:1px;opacity:0.01;pointer-events:none;\" \r\n loading=\"lazy\">\r\n<div class=\"scroll-indicator\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n if (typeof gsap === 'undefined') return;\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ Floating orbs animation\r\n gsap.to('.orb-1', {\r\n x: 100,\r\n y: 80,\r\n rotation: 360,\r\n duration: 20,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n gsap.to('.orb-2', {\r\n x: -80,\r\n y: -60,\r\n rotation: -360,\r\n duration: 25,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n gsap.to('.orb-3', {\r\n x: 60,\r\n y: 100,\r\n scale: 1.3,\r\n duration: 18,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n \/\/ Hero badge entrance\r\n gsap.from('.hero-badge', {\r\n opacity: 0,\r\n scale: 0.5,\r\n y: -50,\r\n duration: 0.8,\r\n ease: 'back.out(1.7)',\r\n delay: 0.2\r\n });\r\n\r\n \/\/ Title animation\r\n gsap.from('.title-line-1', {\r\n opacity: 0,\r\n x: 100,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.4\r\n });\r\n\r\n gsap.from('.highlight', {\r\n opacity: 0,\r\n x: -100,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.6\r\n });\r\n\r\n \/\/ Subtitle animation\r\n gsap.from('.hero-subtitle', {\r\n opacity: 0,\r\n y: 50,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.8\r\n });\r\n\r\n \/\/ Service tags\r\n gsap.from('.service-tag', {\r\n opacity: 0,\r\n scale: 0.5,\r\n y: 30,\r\n duration: 0.6,\r\n stagger: 0.1,\r\n ease: 'back.out(1.7)',\r\n delay: 1\r\n });\r\n\r\n \/\/ Hero year\r\n gsap.from('.hero-year', {\r\n opacity: 0,\r\n scale: 0.8,\r\n y: 30,\r\n duration: 0.8,\r\n ease: 'back.out(1.7)',\r\n delay: 1.5\r\n });\r\n\r\n \/\/ Stat cards\r\n gsap.from('.stat-card', {\r\n opacity: 0,\r\n y: 80,\r\n stagger: 0.15,\r\n duration: 1,\r\n ease: 'back.out(1.7)',\r\n delay: 1.7,\r\n clearProps: 'all'\r\n });\r\n\r\n \/\/ Counter animation\r\n document.querySelectorAll('.stat-number').forEach(num => {\r\n const target = parseInt(num.getAttribute('data-target'));\r\n const isPercentage = target === 98;\r\n \r\n gsap.fromTo(num, \r\n { innerHTML: 0 },\r\n {\r\n innerHTML: target,\r\n duration: 2.5,\r\n delay: 2,\r\n ease: 'power2.out',\r\n snap: { innerHTML: 1 },\r\n onUpdate: function() {\r\n const val = Math.ceil(this.targets()[0].innerHTML);\r\n num.innerHTML = val + (isPercentage ? '%' : '+');\r\n }\r\n }\r\n );\r\n });\r\n\r\n \/\/ Scroll indicator\r\n gsap.to('.scroll-indicator', {\r\n y: 10,\r\n duration: 1,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut',\r\n delay: 2\r\n });\r\n\r\n \/\/ Parallax on scroll\r\n gsap.to('.hero-content', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: 150,\r\n opacity: 0.3\r\n });\r\n\r\n gsap.to('.orb-1', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: -200,\r\n x: -100,\r\n scale: 1.5\r\n });\r\n\r\n gsap.to('.orb-2', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: 200,\r\n x: 100,\r\n scale: 0.5\r\n });\r\n\r\n gsap.to('.scroll-indicator', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'center top',\r\n scrub: 1\r\n },\r\n opacity: 0,\r\n y: -20\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-2166f4a e-con-full e-flex e-con e-parent\" data-id=\"2166f4a\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-bc96a65 elementor-widget elementor-widget-html\" data-id=\"bc96a65\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0642\u0635\u062a\u0646\u0627 - \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', 'Tajawal', 'Segoe UI', system-ui, sans-serif;\r\n overflow-x: hidden;\r\n background: #0a0a0f;\r\n direction: rtl;\r\n }\r\n\r\n .story-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .story-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n opacity: 0.25;\r\n }\r\n\r\n .floating-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n }\r\n\r\n .shape-1 {\r\n width: 400px;\r\n height: 400px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n top: 10%;\r\n right: -10%;\r\n }\r\n\r\n .shape-2 {\r\n width: 350px;\r\n height: 350px;\r\n background: linear-gradient(135deg, var(--color-secondary), var(--color-accent));\r\n bottom: 20%;\r\n left: -10%;\r\n }\r\n\r\n .shape-3 {\r\n width: 300px;\r\n height: 300px;\r\n background: linear-gradient(135deg, var(--color-accent), var(--color-primary));\r\n top: 50%;\r\n left: 30%;\r\n }\r\n\r\n .story-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 .story-header {\r\n text-align: center;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .story-badge {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n .story-title {\r\n font-size: 4rem;\r\n font-weight: 900;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 25px;\r\n letter-spacing: -2px;\r\n padding: 10px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .story-subtitle {\r\n font-size: 1.4rem;\r\n color: #b8b8c8;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 2;\r\n font-weight: 300;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto 120px;\r\n padding: 50px 0;\r\n }\r\n\r\n .timeline-line {\r\n position: absolute;\r\n right: 50%;\r\n top: -50px;\r\n bottom: -50px;\r\n width: 4px;\r\n background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);\r\n transform: translateX(50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-progress {\r\n position: absolute;\r\n right: 50%;\r\n top: -50px;\r\n width: 4px;\r\n height: 0%;\r\n background: rgba(255, 255, 255, 0.5);\r\n transform: translateX(50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 120px;\r\n opacity: 1;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card {\r\n margin-left: 52%;\r\n padding-left: 100px;\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-card {\r\n margin-right: 52%;\r\n padding-right: 100px;\r\n }\r\n\r\n .timeline-card {\r\n position: relative;\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 50px 60px;\r\n border-radius: 25px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .timeline-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 30px 80px rgba(102, 126, 234, 0.4);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .timeline-dot {\r\n position: absolute;\r\n right: 50%;\r\n top: 50%;\r\n transform: translate(50%, -50%);\r\n width: 70px;\r\n height: 70px;\r\n background: #1a1a2e;\r\n border: 5px solid var(--color-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 0 0 12px rgba(102, 126, 234, 0.15);\r\n z-index: 3;\r\n }\r\n\r\n .timeline-item:nth-child(2) .timeline-dot {\r\n border-color: var(--color-secondary);\r\n box-shadow: 0 0 0 12px rgba(118, 75, 162, 0.15);\r\n }\r\n\r\n .timeline-item:nth-child(3) .timeline-dot {\r\n border-color: var(--color-accent);\r\n box-shadow: 0 0 0 12px rgba(238, 89, 70, 0.15);\r\n }\r\n\r\n .timeline-dot svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: var(--color-primary);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-item:nth-child(2) .timeline-dot svg {\r\n fill: var(--color-secondary);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-item:nth-child(3) .timeline-dot svg {\r\n fill: var(--color-accent);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-year {\r\n display: inline-block;\r\n padding: 12px 28px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);\r\n direction: ltr;\r\n }\r\n\r\n .timeline-card-title {\r\n font-size: 2rem;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n font-weight: 800;\r\n line-height: 1.4;\r\n padding: 5px 0;\r\n }\r\n\r\n .timeline-description {\r\n color: #b8b8c8;\r\n font-size: 1.1rem;\r\n line-height: 2;\r\n }\r\n\r\n .timeline-description strong {\r\n color: var(--color-primary);\r\n font-weight: 600;\r\n }\r\n\r\n .founders-section {\r\n text-align: center;\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 90px 50px;\r\n border-radius: 30px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n }\r\n\r\n .founders-header {\r\n margin-bottom: 70px;\r\n }\r\n\r\n .founders-title {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 15px;\r\n padding: 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .founders-subtitle {\r\n font-size: 1.2rem;\r\n color: #b8b8c8;\r\n font-weight: 300;\r\n }\r\n\r\n .founders-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 40px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n .founder-card {\r\n text-align: center;\r\n opacity: 1;\r\n }\r\n\r\n .founder-icon {\r\n width: 110px;\r\n height: 110px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3);\r\n position: relative;\r\n }\r\n\r\n .founder-icon::before {\r\n content: '';\r\n position: absolute;\r\n inset: -5px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n filter: blur(15px);\r\n }\r\n\r\n .founder-card:hover .founder-icon {\r\n transform: scale(1.15) rotate(10deg);\r\n }\r\n\r\n .founder-card:hover .founder-icon::before {\r\n opacity: 0.6;\r\n }\r\n\r\n .founder-icon svg {\r\n width: 55px;\r\n height: 55px;\r\n fill: white;\r\n }\r\n\r\n .founder-role {\r\n font-size: 1rem;\r\n color: #b8b8c8;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .story-title {\r\n font-size: 3rem;\r\n padding: 8px 0;\r\n }\r\n\r\n .timeline-line {\r\n right: 40px;\r\n }\r\n\r\n .timeline-dot {\r\n right: 40px;\r\n width: 60px;\r\n height: 60px;\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card,\r\n .timeline-item:nth-child(even) .timeline-card {\r\n margin-right: 120px;\r\n margin-left: 0;\r\n padding-right: 40px;\r\n padding-left: 40px;\r\n }\r\n\r\n .founders-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .story-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .story-title {\r\n font-size: 2.2rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .timeline-card {\r\n padding: 35px 30px;\r\n }\r\n\r\n .timeline-card-title {\r\n font-size: 1.6rem;\r\n padding: 4px 0;\r\n }\r\n\r\n .founders-section {\r\n padding: 60px 30px;\r\n }\r\n\r\n .founders-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .founder-icon {\r\n width: 90px;\r\n height: 90px;\r\n }\r\n\r\n .founder-icon svg {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n }\r\n \r\n\/* === \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 === *\/\r\n.why-choose-section {\r\n background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 100%);\r\n padding: 80px 20px;\r\n text-align: center;\r\n direction: rtl;\r\n}\r\n.why-choose-section .section-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 25px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n}\r\n.why-choose-section .section-title {\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 15px;\r\n}\r\n.why-choose-section .section-subtitle {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 1.05rem;\r\n max-width: 650px;\r\n margin: 0 auto 50px;\r\n line-height: 1.7;\r\n}\r\n.why-choose-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 25px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n.why-choose-card {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 16px;\r\n padding: 30px 25px;\r\n text-align: center;\r\n transition: transform 0.3s ease, border-color 0.3s ease;\r\n}\r\n.why-choose-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(102,126,234,0.5);\r\n}\r\n.why-choose-card .card-icon {\r\n font-size: 2.2rem;\r\n margin-bottom: 15px;\r\n display: block;\r\n}\r\n.why-choose-card h3 {\r\n color: white;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n.why-choose-card p {\r\n color: rgba(255,255,255,0.65);\r\n font-size: 0.92rem;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* === \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 === *\/\r\n.join-team-section {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #EE5946 100%);\r\n padding: 80px 20px;\r\n text-align: center;\r\n direction: rtl;\r\n}\r\n.join-team-section .join-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 25px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n backdrop-filter: blur(10px);\r\n}\r\n.join-team-section .join-title {\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 20px;\r\n}\r\n.join-team-section .join-intro {\r\n color: rgba(255,255,255,0.9);\r\n font-size: 1.05rem;\r\n max-width: 680px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n}\r\n.perks-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px;\r\n max-width: 900px;\r\n margin: 0 auto 45px;\r\n}\r\n.perk-card {\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n border-radius: 14px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n}\r\n.perk-card .perk-icon {\r\n font-size: 2rem;\r\n margin-bottom: 12px;\r\n display: block;\r\n}\r\n.perk-card h3 {\r\n color: white;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n}\r\n.perk-card p {\r\n color: rgba(255,255,255,0.8);\r\n font-size: 0.88rem;\r\n line-height: 1.5;\r\n}\r\n.join-cta-btn {\r\n display: inline-block;\r\n background: white;\r\n color: #667eea;\r\n padding: 15px 40px;\r\n border-radius: 35px;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n}\r\n.join-cta-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(0,0,0,0.3);\r\n color: #764ba2;\r\n text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"story-section\">\r\n <div class=\"story-bg\">\r\n <div class=\"floating-shape shape-1\"><\/div>\r\n <div class=\"floating-shape shape-2\"><\/div>\r\n <div class=\"floating-shape shape-3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"story-container\">\r\n <div class=\"story-header\">\r\n <div class=\"story-badge\">\u0631\u062d\u0644\u062a\u0646\u0627<\/div>\r\n <h2 class=\"story-title\">\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a: \u0643\u064a\u0641 \u0628\u062f\u0623\u062a \u0642\u0635\u0629 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646<\/h2>\r\n <p class=\"story-subtitle\">\r\n \u0645\u0646 \u0631\u0624\u064a\u0629 \u062c\u0631\u064a\u0626\u0629 \u0625\u0644\u0649 \u0623\u0646 \u0646\u0635\u0628\u062d \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0645\u0635\u0631\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline\">\r\n <div class=\"timeline-line\"><\/div>\r\n <div class=\"timeline-progress\"><\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">2015<\/span>\r\n <h3 class=\"timeline-card-title\">\u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0648\u0644\u062f\u062a \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631\u060c \u0639\u0644\u0649 \u064a\u062f <strong>5 \u0634\u0631\u0643\u0627\u0621 \u0623\u0635\u062d\u0627\u0628 \u0631\u0624\u064a\u0629<\/strong> \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629: \u062e\u0628\u0631\u0627\u0621 \u062a\u0637\u0648\u064a\u0631 \u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a (14-25 \u0639\u0627\u0645\u0627\u064b)\u060c \u0645\u062f\u064a\u0631\u064a \u062a\u0633\u0648\u064a\u0642\u060c \u0645\u062f\u064a\u0631\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a. \u0645\u0639\u062a\u0642\u062f\u0647\u0645 \u0627\u0644\u0645\u0634\u062a\u0631\u0643: \u0627\u062d\u062a\u0636\u0627\u0646 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u064a\u0633 \u0641\u0642\u0637 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u0646\u062c\u0627\u062d - \u0628\u0644 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u0628\u0642\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">2016-2020<\/span>\r\n <h3 class=\"timeline-card-title\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0623\u062f\u0649 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 <strong>\u0648\u062c\u0648\u062f \u0639\u0627\u0644\u0645\u064a<\/strong> \u0645\u0639 \u0645\u0643\u0627\u062a\u0628 \u0648\u0645\u0645\u062b\u0644\u064a\u0646 \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0643\u0646\u062f\u0627 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0635\u064a\u0646. \u062a\u0648\u0633\u0639\u0646\u0627 \u0645\u0646 \u0634\u0631\u0643\u0629 \u0646\u0627\u0634\u0626\u0629 \u0645\u062d\u0644\u064a\u0629 \u0625\u0644\u0649 <strong>\u0642\u0648\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/strong>\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0639\u0628\u0631 \u0627\u0644\u0642\u0627\u0631\u0627\u062a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">\u0627\u0644\u064a\u0648\u0645<\/span>\r\n <h3 class=\"timeline-card-title\">\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0646\u062e\u062f\u0645 \u0627\u0644\u0622\u0646 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 530 \u0639\u0645\u064a\u0644<\/strong> \u0645\u0639 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 760 \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d<\/strong>\u060c \u0648\u0642\u062f \u0634\u0627\u0631\u0643\u0646\u0627 \u0645\u0639 \u0645\u0646\u0638\u0645\u0627\u062a \u0645\u0631\u0645\u0648\u0642\u0629 \u0645\u062b\u0644 <strong>\u0627\u0644\u064a\u0648\u0646\u0633\u0643\u0648 \u0648\u0641\u0648\u062c\u064a \u0641\u064a\u0644\u0645 \u0648\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0627\u0644\u0645\u0635\u0631\u064a\u0629<\/strong>. \u0646\u0648\u0627\u0635\u0644 \u062f\u0645\u062c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a - \u0646\u0628\u0642\u0649 \u0641\u064a \u0627\u0644\u0635\u062f\u0627\u0631\u0629 \u0641\u064a \u0645\u0634\u0647\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u0637\u0648\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"founders-section\">\r\n <div class=\"founders-header\">\r\n <h3 class=\"founders-title\">\u0628\u0646\u0627\u0647\u0627 \u062e\u0628\u0631\u0627\u0621 \u0645\u0628\u062a\u0643\u0631\u0648\u0646<\/h3>\r\n <p class=\"founders-subtitle\">\u062e\u0645\u0633\u0629 \u0634\u0631\u0643\u0627\u0621\u060c \u0631\u0624\u064a\u0629 \u0648\u0627\u062d\u062f\u0629 - \u0646\u0642\u0648\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/p>\r\n <\/div>\r\n \r\n <div class=\"founders-grid\">\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u0637\u0648\u0631<br>\u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u062f\u064a\u0631<br>\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u062f\u064a\u0631<br>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u062e\u0628\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<br>\u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u0647\u0646\u062f\u0633 \u0645\u0639\u0645\u0627\u0631\u064a<br>\u062a\u0642\u0646\u064a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (typeof gsap === 'undefined') return;\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n gsap.to('.shape-1', {x: 100, y: 50, rotation: 360, duration: 20, repeat: -1, yoyo: true, ease: 'none'});\r\n gsap.to('.shape-2', {x: -80, y: -60, rotation: -360, duration: 25, repeat: -1, yoyo: true, ease: 'none'});\r\n gsap.to('.shape-3', {x: 60, y: 80, scale: 1.2, duration: 18, repeat: -1, yoyo: true, ease: 'none'});\r\n\r\n gsap.from('.story-badge', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: -30, duration: 0.8, ease: 'back.out(1.7)'});\r\n gsap.from('.story-title', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: 40, duration: 1, delay: 0.2, ease: 'power3.out'});\r\n gsap.from('.story-subtitle', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: 30, duration: 1, delay: 0.4, ease: 'power3.out'});\r\n\r\n gsap.to('.timeline-progress', {scrollTrigger: {trigger: '.timeline', start: 'top 80%', end: 'bottom 20%', scrub: 1}, height: '100%'});\r\n\r\n gsap.utils.toArray('.timeline-item').forEach((item, index) => {\r\n const card = item.querySelector('.timeline-card');\r\n const dot = item.querySelector('.timeline-dot');\r\n \r\n gsap.from(card, {scrollTrigger: {trigger: item, start: 'top 85%'}, opacity: 0, x: index % 2 === 0 ? 100 : -100, duration: 1, ease: 'power3.out'});\r\n gsap.from(dot, {scrollTrigger: {trigger: item, start: 'top 85%'}, scale: 0, duration: 0.6, delay: 0.3, ease: 'back.out(2)'});\r\n gsap.to(dot, {scrollTrigger: {trigger: item, start: 'top 85%'}, boxShadow: '0 0 0 25px rgba(102, 126, 234, 0.05)', duration: 1.5, repeat: -1, yoyo: true, ease: 'power1.inOut'});\r\n });\r\n\r\n gsap.from('.founders-header', {scrollTrigger: {trigger: '.founders-section', start: 'top 80%'}, opacity: 0, y: 50, duration: 1, ease: 'power3.out'});\r\n gsap.from('.founder-card', {scrollTrigger: {trigger: '.founders-grid', start: 'top 80%'}, opacity: 0, y: 60, stagger: 0.1, duration: 0.8, ease: 'back.out(1.7)'});\r\n\r\n gsap.utils.toArray('.timeline-card').forEach(card => {\r\n gsap.to(card, {scrollTrigger: {trigger: card, start: 'top bottom', end: 'bottom top', scrub: 1}, y: -30});\r\n });\r\n });\r\n <\/script>\r\n\r\n\r\n\r\n<section class=\"why-choose-section\">\r\n <div class=\"section-badge\">\ud83c\udfc6 \u0645\u064a\u0632\u062a\u0646\u0627 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/div>\r\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 \u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u061f<\/h2>\r\n <p class=\"section-subtitle\">\r\n \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633.\r\n <\/p>\r\n <div class=\"why-choose-grid\">\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83c\udf0d<\/span>\r\n <h3>\u0648\u0635\u0648\u0644 \u0639\u0627\u0644\u0645\u064a \u0648\u062e\u0628\u0631\u0629 \u0645\u062d\u0644\u064a\u0629<\/h3>\r\n <p>\u0646\u062e\u062f\u0645 \u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0645\u0635\u0631 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0623\u0645\u0631\u064a\u0643\u0627 \u0627\u0644\u0634\u0645\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0627 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83e\udd16<\/span>\r\n <h3>\u062d\u0644\u0648\u0644 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3>\r\n <p>\u0646\u0648\u0638\u0651\u0641 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0627\u0631\u0628 \u0645\u062e\u0635\u0635\u0629 \u062a\u0631\u0641\u0639 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83d\udcc8<\/span>\r\n <h3>\u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/h3>\r\n <p>\u0643\u0644 \u062e\u062f\u0645\u0629 \u0646\u0642\u062f\u0645\u0647\u0627 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0636\u062d\u0629\u060c \u0645\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0641\u0627\u0641\u0629 \u062a\u064f\u0638\u0647\u0631 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83e\udd1d<\/span>\r\n <h3>\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/h3>\r\n <p>\u0644\u0627 \u0646\u0628\u062d\u062b \u0639\u0646 \u0635\u0641\u0642\u0627\u062a \u0645\u0624\u0642\u062a\u0629\u060c \u0628\u0644 \u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u062a\u0645\u062a\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0628\u0639\u064a\u062f \u0648\u062a\u0646\u0645\u0648 \u0645\u0639\u0647\u0645.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"join-team-section\">\r\n <div class=\"join-badge\">\ud83d\ude80 \u0646\u062d\u0646 \u0646\u0648\u0638\u0651\u0641!<\/div>\r\n <h2 class=\"join-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627\u061f<\/h2>\r\n <p class=\"join-intro\">\r\n \u0641\u064a \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646\u060c \u0646\u0628\u062d\u062b \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0646 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0627\u0644\u0634\u063a\u0648\u0641\u0629 \u0628\u0639\u0627\u0644\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u0629 \u0644\u0644\u0646\u0645\u0648 \u0641\u064a \u0628\u064a\u0626\u0629 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u062a\u0639\u0627\u0648\u0646\u064a\u0629 \u062a\u064f\u0642\u062f\u0631 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u062d\u062a\u0641\u064a \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0641\u0646\u062d\u0646 \u0646\u0631\u062d\u0628 \u0628\u0643 \u0641\u064a \u0639\u0627\u0626\u0644\u0629 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646. \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0648\u0633\u0627\u0647\u0645 \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.\r\n <\/p>\r\n <div class=\"perks-grid\">\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83d\udca1<\/span>\r\n <h3>\u0639\u0645\u0644 \u0630\u0648 \u0645\u0639\u0646\u0649<\/h3>\r\n <p>\u0646\u0637\u0644\u0642 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062b \u0641\u0631\u0642\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627 \u0641\u064a \u0623\u0639\u0645\u0627\u0644 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83d\udcda<\/span>\r\n <h3>\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n <p>\u0646\u062f\u0639\u0645 \u062a\u0639\u0644\u0645\u0643 \u0628\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a\u060c \u0648\u0641\u0631\u0635 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0637\u0648\u0631 \u0645\u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83c\udf31<\/span>\r\n <h3>\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0646\u0645\u0648<\/h3>\r\n <p>\u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0631\u0642\u064a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u062a\u064f\u062a\u064a\u062d \u0644\u0643 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u062a\u0637\u0648\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83e\udde1<\/span>\r\n <h3>\u0641\u0631\u064a\u0642 \u0645\u062a\u0639\u0627\u0648\u0646<\/h3>\r\n <p>\u0646\u0639\u0645\u0644 \u0645\u0639\u064b\u0627 \u0643\u0639\u0627\u0626\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0648\u0632\u0639\u0629 \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062f\u0648\u0644\u0629\u060c \u062a\u062c\u0645\u0639\u0646\u0627 \u0642\u064a\u0645 \u0645\u0634\u062a\u0631\u0643\u0629 \u0648\u0634\u063a\u0641 \u062d\u0642\u064a\u0642\u064a \u0628\u0627\u0644\u062a\u0645\u064a\u0632.<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/webbingstone.com\/ar\/careers\/\" class=\"join-cta-btn\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u2190<\/a>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_content_css elementor-element elementor-element-cef393a e-con-full e-flex e-con e-parent\" data-id=\"cef393a\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-8067ecd elementor-widget elementor-widget-html\" data-id=\"8067ecd\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0639\u0646 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 - \u0627\u0644\u0642\u0633\u0645 3: \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629<\/title>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n overflow-x: hidden;\r\n background: #0a0a0f;\r\n }\r\n\r\n \/* Mission & Vision Section *\/\r\n .mission-vision-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* Animated Background *\/\r\n .floating-shapes {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n opacity: 0.15;\r\n }\r\n\r\n .shape {\r\n position: absolute;\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n background: var(--color-primary);\r\n animation: morph 20s infinite ease-in-out;\r\n }\r\n\r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .shape-2 {\r\n width: 200px;\r\n height: 200px;\r\n top: 60%;\r\n right: 10%;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes morph {\r\n 0%, 100% {\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n transform: rotate(0deg) scale(1);\r\n }\r\n 25% {\r\n border-radius: 58% 42% 75% 25% \/ 76% 46% 54% 24%;\r\n transform: rotate(90deg) scale(1.1);\r\n }\r\n 50% {\r\n border-radius: 50% 50% 33% 67% \/ 55% 27% 73% 45%;\r\n transform: rotate(180deg) scale(0.9);\r\n }\r\n 75% {\r\n border-radius: 33% 67% 58% 42% \/ 63% 68% 32% 37%;\r\n transform: rotate(270deg) scale(1.05);\r\n }\r\n }\r\n\r\n .mv-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Section Header *\/\r\n .mv-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n animation: fadeInDown 0.8s ease;\r\n }\r\n\r\n .mv-badge {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n color: white;\r\n border-radius: 50px;\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 .mv-title {\r\n font-size: 3.5rem;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n font-weight: 800;\r\n padding: 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .mv-subtitle {\r\n font-size: 1.3rem;\r\n color: #b8b8c8;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Mission & Vision Grid *\/\r\n .mv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 50px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .mv-card {\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n border-radius: 30px;\r\n padding: 50px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s ease;\r\n animation: fadeInUp 0.8s ease backwards;\r\n }\r\n\r\n .mv-card:nth-child(1) { animation-delay: 0.2s; }\r\n .mv-card:nth-child(2) { animation-delay: 0.4s; }\r\n\r\n .mv-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .mv-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .mv-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 30px 80px rgba(102, 126, 234, 0.4);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .mv-card-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 30px;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .mv-card:nth-child(2) .mv-card-icon {\r\n background: linear-gradient(135deg, var(--color-accent) 0%, #d94636 100%);\r\n }\r\n\r\n .mv-card:hover .mv-card-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .mv-card-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: white;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 2.5rem;\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n padding: 5px 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .mv-card-description {\r\n font-size: 1.15rem;\r\n color: #b8b8c8;\r\n line-height: 1.9;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .mv-card-highlights {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .highlight-tag {\r\n padding: 10px 20px;\r\n background: rgba(102, 126, 234, 0.15);\r\n color: #9aa8f5;\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n .mv-card:nth-child(2) .highlight-tag {\r\n background: rgba(238, 89, 70, 0.15);\r\n color: #ff9d8f;\r\n border-color: rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .highlight-tag:hover {\r\n background: var(--color-primary);\r\n color: white;\r\n transform: translateY(-3px);\r\n border-color: var(--color-primary);\r\n }\r\n\r\n .mv-card:nth-child(2) .highlight-tag:hover {\r\n background: var(--color-accent);\r\n border-color: var(--color-accent);\r\n }\r\n\r\n \/* Values Section *\/\r\n .values-section {\r\n margin-top: 100px;\r\n }\r\n\r\n .values-title {\r\n text-align: center;\r\n font-size: 2.8rem;\r\n color: #ffffff;\r\n margin-bottom: 60px;\r\n font-weight: 700;\r\n padding: 6px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 35px;\r\n }\r\n\r\n .value-card {\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 40px 30px;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n transition: all 0.4s ease;\r\n border: 2px solid rgba(102, 126, 234, 0.15);\r\n animation: fadeInUp 0.8s ease backwards;\r\n }\r\n\r\n .value-card:nth-child(1) { animation-delay: 0.6s; }\r\n .value-card:nth-child(2) { animation-delay: 0.7s; }\r\n .value-card:nth-child(3) { animation-delay: 0.8s; }\r\n .value-card:nth-child(4) { animation-delay: 0.9s; }\r\n .value-card:nth-child(5) { animation-delay: 1s; }\r\n\r\n .value-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(102, 126, 234, 0.3);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .value-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .value-card:hover .value-icon {\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n transform: scale(1.1);\r\n }\r\n\r\n .value-icon svg {\r\n width: 35px;\r\n height: 35px;\r\n fill: var(--color-primary);\r\n transition: fill 0.4s ease;\r\n }\r\n\r\n .value-card:hover .value-icon svg {\r\n fill: white;\r\n }\r\n\r\n .value-title {\r\n font-size: 1.4rem;\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .value-description {\r\n color: #b8b8c8;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .mv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mv-title {\r\n font-size: 2.5rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .mv-card {\r\n padding: 35px;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 2rem;\r\n padding: 4px 0;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .values-title {\r\n padding: 5px 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .mission-vision-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .mv-title {\r\n font-size: 2rem;\r\n padding: 5px 0;\r\n }\r\n\r\n .mv-card {\r\n padding: 30px 25px;\r\n }\r\n\r\n .values-title {\r\n font-size: 2rem;\r\n padding: 4px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"mission-vision-section\">\r\n \r\n <div class=\"floating-shapes\">\r\n <div class=\"shape shape-1\"><\/div>\r\n <div class=\"shape shape-2\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mv-container\">\r\n \r\n <div class=\"mv-header\">\r\n <div class=\"mv-badge\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u0641\u0632\u0646\u0627<\/div>\r\n <h2 class=\"mv-title\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629<\/h2>\r\n <p class=\"mv-subtitle\">\u0645\u062f\u0639\u0648\u0645\u0648\u0646 \u0628\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0646\u0642\u062f\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0639\u0628\u0631 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-grid\">\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p class=\"mv-card-description\">\u0641\u064a \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646\u060c \u0646\u0648\u0638\u0651\u0641 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a. \u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0647\u0645\u0646\u0627 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0646\u0628\u062a\u0643\u0631 \u062d\u0644\u0648\u0644 \u062a\u062d\u0648\u0644 \u0631\u0642\u0645\u064a \u0645\u0624\u062b\u0631\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u062a\u064f\u0628\u0642\u064a \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.<\/p>\r\n <div class=\"mv-card-highlights\">\r\n <span class=\"highlight-tag\">\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0646\u062a\u0634\u0627\u0631 \u0639\u0627\u0644\u0645\u064a<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0623\u0648\u0644\u0627\u064b<\/span>\r\n <span class=\"highlight-tag\">\u062e\u0628\u0631\u0629 \u0642\u0637\u0627\u0639\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n <p class=\"mv-card-description\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0642\u064a\u0627\u062f\u0629 \u0645\u0634\u0647\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u064a\u0648\u0646\u0633\u0643\u0648 \u0648\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0648\u0641\u0631\u0648\u0639\u0647\u0645\u0627\u060c \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0639\u0627\u0644\u0645\u064a\u064b\u0627. \u0648\u062a\u062a\u0645\u062b\u0644 \u0631\u0624\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0635\u062f\u0627\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u062f\u0645\u062c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u064a\u0635\u0646\u0639 \u0627\u0644\u0646\u062c\u0627\u062d \u0644\u0634\u0631\u0643\u0627\u0626\u0646\u0627.<\/p>\r\n <div class=\"mv-card-highlights\">\r\n <span class=\"highlight-tag\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a<\/span>\r\n <span class=\"highlight-tag\">\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n <span class=\"highlight-tag\">\u062c\u0627\u0647\u0632 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0644\u062a\u0645\u064a\u0632<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"values-section\">\r\n <h3 class=\"values-title\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <div class=\"values-grid\">\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h4>\r\n <p class=\"value-description\">\u0646\u064f\u0642\u062f\u0651\u0631 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0642 \u0641\u064a \u062c\u0645\u064a\u0639 \u0639\u0644\u0627\u0642\u0627\u062a\u0646\u0627 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43-4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.64-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4>\r\n <p class=\"value-description\">\u0646\u0648\u0638\u0651\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u062e\u0628\u0631\u0629 \u0642\u0637\u0627\u0639\u064a\u0629<\/h4>\r\n <p class=\"value-description\">\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h4>\r\n <p class=\"value-description\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0639\u0628\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0642\u0627\u0631\u0627\u062a\u060c \u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0631\u0645\u0648\u0642\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u062b\u0642\u0629<\/h4>\r\n <p class=\"value-description\">\u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-50e39ca e-con-full e-flex e-con e-parent\" data-id=\"50e39ca\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-08a5d99 elementor-widget elementor-widget-html\" data-id=\"08a5d99\" 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<!DOCTYPE html><html lang=\"ar\" dir=\"rtl\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627<\/title><style>body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .team-intro-section {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n padding: 100px 20px;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .team-intro-title {\r\n font-size: 60px;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-30px);\r\n }\r\n }\r\n\r\n .team-divider {\r\n width: 100px;\r\n height: 5px;\r\n background: white;\r\n margin: 30px auto;\r\n animation: pulse 1s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 50% {\r\n opacity: 0.5;\r\n transform: scale(1.5);\r\n }\r\n }\r\n\r\n .team-intro-description {\r\n font-size: 24px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n animation: fadeInOut 3s infinite;\r\n }\r\n\r\n @keyframes fadeInOut {\r\n 0%, 100% {\r\n opacity: 0.3;\r\n }\r\n 50% {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style><\/head><body><div class=\"team-intro-section\"><h2 class=\"team-intro-title\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627<\/h2><div class=\"team-divider\"><\/div><p class=\"team-intro-description\">\u064a\u062c\u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0628\u064a\u0646 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0634\u063a\u0641.\r\n <\/p><\/div><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d68dab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d68dab\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6561aba\" data-id=\"6561aba\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f557722 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f557722\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-0228866\" data-id=\"0228866\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-063617a eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"063617a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-063617a\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/AMR-copy-Custom.jpg\" alt=\"Amr Zaki\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0639\u0645\u0631\u0648 \u0632\u0643\u064a<\/h2><h3 class=\"eael-team-member-position\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"eael-team-member-social-profiles\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"eael-team-member-social-link\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/zakiamr\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-789895f\" data-id=\"789895f\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d213a49 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"d213a49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-d213a49\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/MOHAMED-copy-Custom.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u062d\u0645\u062f \u0643\u0645\u0627\u0644<\/h2><h3 class=\"eael-team-member-position\">\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a379e35\" data-id=\"a379e35\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3ff45d eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"f3ff45d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-f3ff45d\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/abdallah-copy-Custom.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0639\u0628\u062f \u0627\u0644\u0644\u0647 \u0639\u0627\u062f\u0644<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0637\u0648\u0631 \u0648\u064a\u0628 \u0623\u0648\u0644<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-99890bd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"99890bd\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-47fd4bb\" data-id=\"47fd4bb\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06fe056 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"06fe056\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-06fe056\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Mahy.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u0627\u0647\u064a\u062a\u0627\u0628 \u0634\u0645\u0633 \u0627\u0644\u062f\u064a\u0646<\/h2><h3 class=\"eael-team-member-position\">\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7ea00e2\" data-id=\"7ea00e2\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96f481a eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"96f481a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-96f481a\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Nour.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0646\u0648\u0631 \u0627\u0644\u062f\u064a\u0646 \u0645\u062d\u0645\u062f<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-798af85\" data-id=\"798af85\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20dbc85 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"20dbc85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-20dbc85\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2023\/09\/d-jpg.webp\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u0631\u064a\u0647\u0627\u0646 \u0631\u0623\u0641\u062a <\/h2><h3 class=\"eael-team-member-position\">\u0645\u0634\u0631\u0641 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ceb6177 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ceb6177\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7b6f07e\" data-id=\"7b6f07e\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-183e28c\" data-id=\"183e28c\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c55d47e eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"c55d47e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-c55d47e\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Ahmad.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0623\u062d\u0645\u062f \u0645\u062c\u062f\u064a<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0633\u0624\u0648\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9b6de7a\" data-id=\"9b6de7a\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0646 \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 – \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a – \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \ud83d\udcbb \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \ud83d\udcf1 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \ud83c\udfaf \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \ud83e\udd16 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u2601\ufe0f \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \ud83d\ude80 \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634","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=1634"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":22719,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634\/revisions\/22719"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\r\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \u0639\u0646 \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 - \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', 'Tajawal', 'Segoe UI', Arial, sans-serif;\r\n overflow-x: hidden;\r\n width: 100%;\r\n direction: rtl;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .about-hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n overflow: visible;\r\n padding: 180px 20px 150px 20px;\r\n }\r\n\r\n \/* Animated Background *\/\r\n .hero-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.1;\r\n background-image: \r\n radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%);\r\n }\r\n\r\n \/* Floating Orbs *\/\r\n .floating-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(20px);\r\n }\r\n\r\n .orb-1 {\r\n width: 300px;\r\n height: 300px;\r\n top: -100px;\r\n right: -100px;\r\n }\r\n\r\n .orb-2 {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -50px;\r\n left: -50px;\r\n }\r\n\r\n .orb-3 {\r\n width: 150px;\r\n height: 150px;\r\n top: 50%;\r\n left: 10%;\r\n }\r\n\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 30px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .hero-badge svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: currentColor;\r\n }\r\n\r\n .hero-title {\r\n font-size: 4.5rem;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 30px;\r\n line-height: 1.4;\r\n text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, #fff 0%, #ffa8a8 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.4rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n max-width: 900px;\r\n margin: 0 auto 40px;\r\n line-height: 2;\r\n }\r\n\r\n .hero-year {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n background: rgba(238, 89, 70, 0.9);\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 50px;\r\n box-shadow: 0 10px 30px rgba(238, 89, 70, 0.4);\r\n }\r\n\r\n \/* Service Tags *\/\r\n .service-tags {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .service-tag {\r\n padding: 12px 25px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .service-tag:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n \/* Stats Section *\/\r\n .hero-stats {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 40px;\r\n margin-top: 60px;\r\n margin-bottom: 60px;\r\n max-width: 1000px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card {\r\n text-align: center;\r\n padding: 40px 30px;\r\n background: white !important;\r\n border-radius: 20px;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n border: 3px solid white;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n background: white;\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .stat-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 15px;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .stat-card:hover .stat-icon {\r\n transform: scale(1.2) rotate(360deg);\r\n }\r\n\r\n .stat-icon svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: white;\r\n }\r\n\r\n .stat-number {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #667eea !important;\r\n margin-bottom: 10px;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n direction: ltr;\r\n }\r\n\r\n .stat-label {\r\n color: #64748b !important;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Scroll Indicator *\/\r\n .scroll-indicator {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .scroll-indicator svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .about-hero {\r\n padding: 140px 20px 120px 20px;\r\n }\r\n\r\n .hero-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-hero {\r\n padding: 120px 20px 100px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .hero-stats {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .service-tags {\r\n gap: 10px;\r\n }\r\n\r\n .service-tag {\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-hero {\r\n padding: 100px 20px 80px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-badge {\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"about-hero\">\r\n \r\n <div class=\"hero-bg-pattern\"><\/div>\r\n <div class=\"floating-orb orb-1\"><\/div>\r\n <div class=\"floating-orb orb-2\"><\/div>\r\n <div class=\"floating-orb orb-3\"><\/div>\r\n\r\n <div class=\"hero-container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <span>\u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <span class=\"title-line-1\">\u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648<\/span><br>\r\n <span class=\"highlight\">\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a - \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629\r\n <\/p>\r\n\r\n <div class=\"service-tags\">\r\n <span class=\"service-tag\">\ud83d\udcbb \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/span>\r\n <span class=\"service-tag\">\ud83d\udcf1 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644<\/span>\r\n <span class=\"service-tag\">\ud83c\udfaf \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <span class=\"service-tag\">\ud83e\udd16 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n <span class=\"service-tag\">\u2601\ufe0f \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-year\">\r\n \ud83d\ude80 \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u0646\u0630 \u0639\u0627\u0645 2015\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"530\">530+<\/span>\r\n <span class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"760\">760+<\/span>\r\n <span class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"98\">98%<\/span>\r\n <span class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"stat-number\" data-target=\"19\">19+<\/span>\r\n <span class=\"stat-label\">\u062f\u0648\u0644\u0629 \u0646\u062e\u062f\u0645\u0647\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/06\/webbing-stone-logo-dark.webp\" \r\n alt=\"\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 - \u0648\u0643\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\" \r\n style=\"position:absolute;width:1px;height:1px;opacity:0.01;pointer-events:none;\" \r\n loading=\"lazy\">\r\n<div class=\"scroll-indicator\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n if (typeof gsap === 'undefined') return;\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ Floating orbs animation\r\n gsap.to('.orb-1', {\r\n x: 100,\r\n y: 80,\r\n rotation: 360,\r\n duration: 20,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n gsap.to('.orb-2', {\r\n x: -80,\r\n y: -60,\r\n rotation: -360,\r\n duration: 25,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n gsap.to('.orb-3', {\r\n x: 60,\r\n y: 100,\r\n scale: 1.3,\r\n duration: 18,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut'\r\n });\r\n\r\n \/\/ Hero badge entrance\r\n gsap.from('.hero-badge', {\r\n opacity: 0,\r\n scale: 0.5,\r\n y: -50,\r\n duration: 0.8,\r\n ease: 'back.out(1.7)',\r\n delay: 0.2\r\n });\r\n\r\n \/\/ Title animation\r\n gsap.from('.title-line-1', {\r\n opacity: 0,\r\n x: 100,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.4\r\n });\r\n\r\n gsap.from('.highlight', {\r\n opacity: 0,\r\n x: -100,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.6\r\n });\r\n\r\n \/\/ Subtitle animation\r\n gsap.from('.hero-subtitle', {\r\n opacity: 0,\r\n y: 50,\r\n duration: 1,\r\n ease: 'power3.out',\r\n delay: 0.8\r\n });\r\n\r\n \/\/ Service tags\r\n gsap.from('.service-tag', {\r\n opacity: 0,\r\n scale: 0.5,\r\n y: 30,\r\n duration: 0.6,\r\n stagger: 0.1,\r\n ease: 'back.out(1.7)',\r\n delay: 1\r\n });\r\n\r\n \/\/ Hero year\r\n gsap.from('.hero-year', {\r\n opacity: 0,\r\n scale: 0.8,\r\n y: 30,\r\n duration: 0.8,\r\n ease: 'back.out(1.7)',\r\n delay: 1.5\r\n });\r\n\r\n \/\/ Stat cards\r\n gsap.from('.stat-card', {\r\n opacity: 0,\r\n y: 80,\r\n stagger: 0.15,\r\n duration: 1,\r\n ease: 'back.out(1.7)',\r\n delay: 1.7,\r\n clearProps: 'all'\r\n });\r\n\r\n \/\/ Counter animation\r\n document.querySelectorAll('.stat-number').forEach(num => {\r\n const target = parseInt(num.getAttribute('data-target'));\r\n const isPercentage = target === 98;\r\n \r\n gsap.fromTo(num, \r\n { innerHTML: 0 },\r\n {\r\n innerHTML: target,\r\n duration: 2.5,\r\n delay: 2,\r\n ease: 'power2.out',\r\n snap: { innerHTML: 1 },\r\n onUpdate: function() {\r\n const val = Math.ceil(this.targets()[0].innerHTML);\r\n num.innerHTML = val + (isPercentage ? '%' : '+');\r\n }\r\n }\r\n );\r\n });\r\n\r\n \/\/ Scroll indicator\r\n gsap.to('.scroll-indicator', {\r\n y: 10,\r\n duration: 1,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: 'sine.inOut',\r\n delay: 2\r\n });\r\n\r\n \/\/ Parallax on scroll\r\n gsap.to('.hero-content', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: 150,\r\n opacity: 0.3\r\n });\r\n\r\n gsap.to('.orb-1', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: -200,\r\n x: -100,\r\n scale: 1.5\r\n });\r\n\r\n gsap.to('.orb-2', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n },\r\n y: 200,\r\n x: 100,\r\n scale: 0.5\r\n });\r\n\r\n gsap.to('.scroll-indicator', {\r\n scrollTrigger: {\r\n trigger: '.about-hero',\r\n start: 'top top',\r\n end: 'center top',\r\n scrub: 1\r\n },\r\n opacity: 0,\r\n y: -20\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-2166f4a e-con-full e-flex e-con e-parent\" data-id=\"2166f4a\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-bc96a65 elementor-widget elementor-widget-html\" data-id=\"bc96a65\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0642\u0635\u062a\u0646\u0627 - \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', 'Tajawal', 'Segoe UI', system-ui, sans-serif;\r\n overflow-x: hidden;\r\n background: #0a0a0f;\r\n direction: rtl;\r\n }\r\n\r\n .story-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .story-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n opacity: 0.25;\r\n }\r\n\r\n .floating-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n }\r\n\r\n .shape-1 {\r\n width: 400px;\r\n height: 400px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n top: 10%;\r\n right: -10%;\r\n }\r\n\r\n .shape-2 {\r\n width: 350px;\r\n height: 350px;\r\n background: linear-gradient(135deg, var(--color-secondary), var(--color-accent));\r\n bottom: 20%;\r\n left: -10%;\r\n }\r\n\r\n .shape-3 {\r\n width: 300px;\r\n height: 300px;\r\n background: linear-gradient(135deg, var(--color-accent), var(--color-primary));\r\n top: 50%;\r\n left: 30%;\r\n }\r\n\r\n .story-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 .story-header {\r\n text-align: center;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .story-badge {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n .story-title {\r\n font-size: 4rem;\r\n font-weight: 900;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 25px;\r\n letter-spacing: -2px;\r\n padding: 10px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .story-subtitle {\r\n font-size: 1.4rem;\r\n color: #b8b8c8;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 2;\r\n font-weight: 300;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto 120px;\r\n padding: 50px 0;\r\n }\r\n\r\n .timeline-line {\r\n position: absolute;\r\n right: 50%;\r\n top: -50px;\r\n bottom: -50px;\r\n width: 4px;\r\n background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);\r\n transform: translateX(50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-progress {\r\n position: absolute;\r\n right: 50%;\r\n top: -50px;\r\n width: 4px;\r\n height: 0%;\r\n background: rgba(255, 255, 255, 0.5);\r\n transform: translateX(50%);\r\n border-radius: 2px;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 120px;\r\n opacity: 1;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card {\r\n margin-left: 52%;\r\n padding-left: 100px;\r\n }\r\n\r\n .timeline-item:nth-child(even) .timeline-card {\r\n margin-right: 52%;\r\n padding-right: 100px;\r\n }\r\n\r\n .timeline-card {\r\n position: relative;\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 50px 60px;\r\n border-radius: 25px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .timeline-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 30px 80px rgba(102, 126, 234, 0.4);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .timeline-dot {\r\n position: absolute;\r\n right: 50%;\r\n top: 50%;\r\n transform: translate(50%, -50%);\r\n width: 70px;\r\n height: 70px;\r\n background: #1a1a2e;\r\n border: 5px solid var(--color-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 0 0 12px rgba(102, 126, 234, 0.15);\r\n z-index: 3;\r\n }\r\n\r\n .timeline-item:nth-child(2) .timeline-dot {\r\n border-color: var(--color-secondary);\r\n box-shadow: 0 0 0 12px rgba(118, 75, 162, 0.15);\r\n }\r\n\r\n .timeline-item:nth-child(3) .timeline-dot {\r\n border-color: var(--color-accent);\r\n box-shadow: 0 0 0 12px rgba(238, 89, 70, 0.15);\r\n }\r\n\r\n .timeline-dot svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: var(--color-primary);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-item:nth-child(2) .timeline-dot svg {\r\n fill: var(--color-secondary);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-item:nth-child(3) .timeline-dot svg {\r\n fill: var(--color-accent);\r\n filter: brightness(1.3);\r\n }\r\n\r\n .timeline-year {\r\n display: inline-block;\r\n padding: 12px 28px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n color: white;\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);\r\n direction: ltr;\r\n }\r\n\r\n .timeline-card-title {\r\n font-size: 2rem;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n font-weight: 800;\r\n line-height: 1.4;\r\n padding: 5px 0;\r\n }\r\n\r\n .timeline-description {\r\n color: #b8b8c8;\r\n font-size: 1.1rem;\r\n line-height: 2;\r\n }\r\n\r\n .timeline-description strong {\r\n color: var(--color-primary);\r\n font-weight: 600;\r\n }\r\n\r\n .founders-section {\r\n text-align: center;\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 90px 50px;\r\n border-radius: 30px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n }\r\n\r\n .founders-header {\r\n margin-bottom: 70px;\r\n }\r\n\r\n .founders-title {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 15px;\r\n padding: 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .founders-subtitle {\r\n font-size: 1.2rem;\r\n color: #b8b8c8;\r\n font-weight: 300;\r\n }\r\n\r\n .founders-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 40px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n .founder-card {\r\n text-align: center;\r\n opacity: 1;\r\n }\r\n\r\n .founder-icon {\r\n width: 110px;\r\n height: 110px;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3);\r\n position: relative;\r\n }\r\n\r\n .founder-icon::before {\r\n content: '';\r\n position: absolute;\r\n inset: -5px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n filter: blur(15px);\r\n }\r\n\r\n .founder-card:hover .founder-icon {\r\n transform: scale(1.15) rotate(10deg);\r\n }\r\n\r\n .founder-card:hover .founder-icon::before {\r\n opacity: 0.6;\r\n }\r\n\r\n .founder-icon svg {\r\n width: 55px;\r\n height: 55px;\r\n fill: white;\r\n }\r\n\r\n .founder-role {\r\n font-size: 1rem;\r\n color: #b8b8c8;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .story-title {\r\n font-size: 3rem;\r\n padding: 8px 0;\r\n }\r\n\r\n .timeline-line {\r\n right: 40px;\r\n }\r\n\r\n .timeline-dot {\r\n right: 40px;\r\n width: 60px;\r\n height: 60px;\r\n }\r\n\r\n .timeline-item:nth-child(odd) .timeline-card,\r\n .timeline-item:nth-child(even) .timeline-card {\r\n margin-right: 120px;\r\n margin-left: 0;\r\n padding-right: 40px;\r\n padding-left: 40px;\r\n }\r\n\r\n .founders-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .story-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .story-title {\r\n font-size: 2.2rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .timeline-card {\r\n padding: 35px 30px;\r\n }\r\n\r\n .timeline-card-title {\r\n font-size: 1.6rem;\r\n padding: 4px 0;\r\n }\r\n\r\n .founders-section {\r\n padding: 60px 30px;\r\n }\r\n\r\n .founders-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .founder-icon {\r\n width: 90px;\r\n height: 90px;\r\n }\r\n\r\n .founder-icon svg {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n }\r\n \r\n\/* === \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 === *\/\r\n.why-choose-section {\r\n background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 100%);\r\n padding: 80px 20px;\r\n text-align: center;\r\n direction: rtl;\r\n}\r\n.why-choose-section .section-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 25px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n}\r\n.why-choose-section .section-title {\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 15px;\r\n}\r\n.why-choose-section .section-subtitle {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 1.05rem;\r\n max-width: 650px;\r\n margin: 0 auto 50px;\r\n line-height: 1.7;\r\n}\r\n.why-choose-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 25px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n.why-choose-card {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 16px;\r\n padding: 30px 25px;\r\n text-align: center;\r\n transition: transform 0.3s ease, border-color 0.3s ease;\r\n}\r\n.why-choose-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(102,126,234,0.5);\r\n}\r\n.why-choose-card .card-icon {\r\n font-size: 2.2rem;\r\n margin-bottom: 15px;\r\n display: block;\r\n}\r\n.why-choose-card h3 {\r\n color: white;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n.why-choose-card p {\r\n color: rgba(255,255,255,0.65);\r\n font-size: 0.92rem;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* === \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 === *\/\r\n.join-team-section {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #EE5946 100%);\r\n padding: 80px 20px;\r\n text-align: center;\r\n direction: rtl;\r\n}\r\n.join-team-section .join-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 25px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n backdrop-filter: blur(10px);\r\n}\r\n.join-team-section .join-title {\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 20px;\r\n}\r\n.join-team-section .join-intro {\r\n color: rgba(255,255,255,0.9);\r\n font-size: 1.05rem;\r\n max-width: 680px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n}\r\n.perks-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px;\r\n max-width: 900px;\r\n margin: 0 auto 45px;\r\n}\r\n.perk-card {\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n border-radius: 14px;\r\n padding: 25px 20px;\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n}\r\n.perk-card .perk-icon {\r\n font-size: 2rem;\r\n margin-bottom: 12px;\r\n display: block;\r\n}\r\n.perk-card h3 {\r\n color: white;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n}\r\n.perk-card p {\r\n color: rgba(255,255,255,0.8);\r\n font-size: 0.88rem;\r\n line-height: 1.5;\r\n}\r\n.join-cta-btn {\r\n display: inline-block;\r\n background: white;\r\n color: #667eea;\r\n padding: 15px 40px;\r\n border-radius: 35px;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n}\r\n.join-cta-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(0,0,0,0.3);\r\n color: #764ba2;\r\n text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"story-section\">\r\n <div class=\"story-bg\">\r\n <div class=\"floating-shape shape-1\"><\/div>\r\n <div class=\"floating-shape shape-2\"><\/div>\r\n <div class=\"floating-shape shape-3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"story-container\">\r\n <div class=\"story-header\">\r\n <div class=\"story-badge\">\u0631\u062d\u0644\u062a\u0646\u0627<\/div>\r\n <h2 class=\"story-title\">\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a: \u0643\u064a\u0641 \u0628\u062f\u0623\u062a \u0642\u0635\u0629 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646<\/h2>\r\n <p class=\"story-subtitle\">\r\n \u0645\u0646 \u0631\u0624\u064a\u0629 \u062c\u0631\u064a\u0626\u0629 \u0625\u0644\u0649 \u0623\u0646 \u0646\u0635\u0628\u062d \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0645\u0635\u0631\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline\">\r\n <div class=\"timeline-line\"><\/div>\r\n <div class=\"timeline-progress\"><\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">2015<\/span>\r\n <h3 class=\"timeline-card-title\">\u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0648\u0644\u062f\u062a \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631\u060c \u0639\u0644\u0649 \u064a\u062f <strong>5 \u0634\u0631\u0643\u0627\u0621 \u0623\u0635\u062d\u0627\u0628 \u0631\u0624\u064a\u0629<\/strong> \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629: \u062e\u0628\u0631\u0627\u0621 \u062a\u0637\u0648\u064a\u0631 \u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a (14-25 \u0639\u0627\u0645\u0627\u064b)\u060c \u0645\u062f\u064a\u0631\u064a \u062a\u0633\u0648\u064a\u0642\u060c \u0645\u062f\u064a\u0631\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a. \u0645\u0639\u062a\u0642\u062f\u0647\u0645 \u0627\u0644\u0645\u0634\u062a\u0631\u0643: \u0627\u062d\u062a\u0636\u0627\u0646 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u064a\u0633 \u0641\u0642\u0637 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u0646\u062c\u0627\u062d - \u0628\u0644 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u0628\u0642\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">2016-2020<\/span>\r\n <h3 class=\"timeline-card-title\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0623\u062f\u0649 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 <strong>\u0648\u062c\u0648\u062f \u0639\u0627\u0644\u0645\u064a<\/strong> \u0645\u0639 \u0645\u0643\u0627\u062a\u0628 \u0648\u0645\u0645\u062b\u0644\u064a\u0646 \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0643\u0646\u062f\u0627 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0635\u064a\u0646. \u062a\u0648\u0633\u0639\u0646\u0627 \u0645\u0646 \u0634\u0631\u0643\u0629 \u0646\u0627\u0634\u0626\u0629 \u0645\u062d\u0644\u064a\u0629 \u0625\u0644\u0649 <strong>\u0642\u0648\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/strong>\u060c \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0639\u0628\u0631 \u0627\u0644\u0642\u0627\u0631\u0627\u062a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"timeline-card\">\r\n <span class=\"timeline-year\">\u0627\u0644\u064a\u0648\u0645<\/span>\r\n <h3 class=\"timeline-card-title\">\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n <p class=\"timeline-description\">\r\n \u0646\u062e\u062f\u0645 \u0627\u0644\u0622\u0646 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 530 \u0639\u0645\u064a\u0644<\/strong> \u0645\u0639 <strong>\u0623\u0643\u062b\u0631 \u0645\u0646 760 \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d<\/strong>\u060c \u0648\u0642\u062f \u0634\u0627\u0631\u0643\u0646\u0627 \u0645\u0639 \u0645\u0646\u0638\u0645\u0627\u062a \u0645\u0631\u0645\u0648\u0642\u0629 \u0645\u062b\u0644 <strong>\u0627\u0644\u064a\u0648\u0646\u0633\u0643\u0648 \u0648\u0641\u0648\u062c\u064a \u0641\u064a\u0644\u0645 \u0648\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0627\u0644\u0645\u0635\u0631\u064a\u0629<\/strong>. \u0646\u0648\u0627\u0635\u0644 \u062f\u0645\u062c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a - \u0646\u0628\u0642\u0649 \u0641\u064a \u0627\u0644\u0635\u062f\u0627\u0631\u0629 \u0641\u064a \u0645\u0634\u0647\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u0637\u0648\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"founders-section\">\r\n <div class=\"founders-header\">\r\n <h3 class=\"founders-title\">\u0628\u0646\u0627\u0647\u0627 \u062e\u0628\u0631\u0627\u0621 \u0645\u0628\u062a\u0643\u0631\u0648\u0646<\/h3>\r\n <p class=\"founders-subtitle\">\u062e\u0645\u0633\u0629 \u0634\u0631\u0643\u0627\u0621\u060c \u0631\u0624\u064a\u0629 \u0648\u0627\u062d\u062f\u0629 - \u0646\u0642\u0648\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/p>\r\n <\/div>\r\n \r\n <div class=\"founders-grid\">\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u0637\u0648\u0631<br>\u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u062f\u064a\u0631<br>\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u062f\u064a\u0631<br>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u062e\u0628\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<br>\u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"founder-card\">\r\n <div class=\"founder-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"founder-role\">\u0645\u0647\u0646\u062f\u0633 \u0645\u0639\u0645\u0627\u0631\u064a<br>\u062a\u0642\u0646\u064a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n if (typeof gsap === 'undefined') return;\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n gsap.to('.shape-1', {x: 100, y: 50, rotation: 360, duration: 20, repeat: -1, yoyo: true, ease: 'none'});\r\n gsap.to('.shape-2', {x: -80, y: -60, rotation: -360, duration: 25, repeat: -1, yoyo: true, ease: 'none'});\r\n gsap.to('.shape-3', {x: 60, y: 80, scale: 1.2, duration: 18, repeat: -1, yoyo: true, ease: 'none'});\r\n\r\n gsap.from('.story-badge', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: -30, duration: 0.8, ease: 'back.out(1.7)'});\r\n gsap.from('.story-title', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: 40, duration: 1, delay: 0.2, ease: 'power3.out'});\r\n gsap.from('.story-subtitle', {scrollTrigger: {trigger: '.story-header', start: 'top 80%'}, opacity: 0, y: 30, duration: 1, delay: 0.4, ease: 'power3.out'});\r\n\r\n gsap.to('.timeline-progress', {scrollTrigger: {trigger: '.timeline', start: 'top 80%', end: 'bottom 20%', scrub: 1}, height: '100%'});\r\n\r\n gsap.utils.toArray('.timeline-item').forEach((item, index) => {\r\n const card = item.querySelector('.timeline-card');\r\n const dot = item.querySelector('.timeline-dot');\r\n \r\n gsap.from(card, {scrollTrigger: {trigger: item, start: 'top 85%'}, opacity: 0, x: index % 2 === 0 ? 100 : -100, duration: 1, ease: 'power3.out'});\r\n gsap.from(dot, {scrollTrigger: {trigger: item, start: 'top 85%'}, scale: 0, duration: 0.6, delay: 0.3, ease: 'back.out(2)'});\r\n gsap.to(dot, {scrollTrigger: {trigger: item, start: 'top 85%'}, boxShadow: '0 0 0 25px rgba(102, 126, 234, 0.05)', duration: 1.5, repeat: -1, yoyo: true, ease: 'power1.inOut'});\r\n });\r\n\r\n gsap.from('.founders-header', {scrollTrigger: {trigger: '.founders-section', start: 'top 80%'}, opacity: 0, y: 50, duration: 1, ease: 'power3.out'});\r\n gsap.from('.founder-card', {scrollTrigger: {trigger: '.founders-grid', start: 'top 80%'}, opacity: 0, y: 60, stagger: 0.1, duration: 0.8, ease: 'back.out(1.7)'});\r\n\r\n gsap.utils.toArray('.timeline-card').forEach(card => {\r\n gsap.to(card, {scrollTrigger: {trigger: card, start: 'top bottom', end: 'bottom top', scrub: 1}, y: -30});\r\n });\r\n });\r\n <\/script>\r\n\r\n\r\n\r\n<section class=\"why-choose-section\">\r\n <div class=\"section-badge\">\ud83c\udfc6 \u0645\u064a\u0632\u062a\u0646\u0627 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/div>\r\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 \u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u061f<\/h2>\r\n <p class=\"section-subtitle\">\r\n \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633.\r\n <\/p>\r\n <div class=\"why-choose-grid\">\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83c\udf0d<\/span>\r\n <h3>\u0648\u0635\u0648\u0644 \u0639\u0627\u0644\u0645\u064a \u0648\u062e\u0628\u0631\u0629 \u0645\u062d\u0644\u064a\u0629<\/h3>\r\n <p>\u0646\u062e\u062f\u0645 \u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0645\u0635\u0631 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0623\u0645\u0631\u064a\u0643\u0627 \u0627\u0644\u0634\u0645\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0627 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83e\udd16<\/span>\r\n <h3>\u062d\u0644\u0648\u0644 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3>\r\n <p>\u0646\u0648\u0638\u0651\u0641 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0627\u0631\u0628 \u0645\u062e\u0635\u0635\u0629 \u062a\u0631\u0641\u0639 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83d\udcc8<\/span>\r\n <h3>\u0646\u062a\u0627\u0626\u062c \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/h3>\r\n <p>\u0643\u0644 \u062e\u062f\u0645\u0629 \u0646\u0642\u062f\u0645\u0647\u0627 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0636\u062d\u0629\u060c \u0645\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0641\u0627\u0641\u0629 \u062a\u064f\u0638\u0647\u0631 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.<\/p>\r\n <\/div>\r\n <div class=\"why-choose-card\">\r\n <span class=\"card-icon\">\ud83e\udd1d<\/span>\r\n <h3>\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/h3>\r\n <p>\u0644\u0627 \u0646\u0628\u062d\u062b \u0639\u0646 \u0635\u0641\u0642\u0627\u062a \u0645\u0624\u0642\u062a\u0629\u060c \u0628\u0644 \u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u062a\u0645\u062a\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0628\u0639\u064a\u062f \u0648\u062a\u0646\u0645\u0648 \u0645\u0639\u0647\u0645.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"join-team-section\">\r\n <div class=\"join-badge\">\ud83d\ude80 \u0646\u062d\u0646 \u0646\u0648\u0638\u0651\u0641!<\/div>\r\n <h2 class=\"join-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627\u061f<\/h2>\r\n <p class=\"join-intro\">\r\n \u0641\u064a \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646\u060c \u0646\u0628\u062d\u062b \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0646 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0627\u0644\u0634\u063a\u0648\u0641\u0629 \u0628\u0639\u0627\u0644\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u0629 \u0644\u0644\u0646\u0645\u0648 \u0641\u064a \u0628\u064a\u0626\u0629 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u062a\u0639\u0627\u0648\u0646\u064a\u0629 \u062a\u064f\u0642\u062f\u0631 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u062d\u062a\u0641\u064a \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0641\u0646\u062d\u0646 \u0646\u0631\u062d\u0628 \u0628\u0643 \u0641\u064a \u0639\u0627\u0626\u0644\u0629 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646. \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0648\u0633\u0627\u0647\u0645 \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.\r\n <\/p>\r\n <div class=\"perks-grid\">\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83d\udca1<\/span>\r\n <h3>\u0639\u0645\u0644 \u0630\u0648 \u0645\u0639\u0646\u0649<\/h3>\r\n <p>\u0646\u0637\u0644\u0642 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062b \u0641\u0631\u0642\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627 \u0641\u064a \u0623\u0639\u0645\u0627\u0644 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83d\udcda<\/span>\r\n <h3>\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n <p>\u0646\u062f\u0639\u0645 \u062a\u0639\u0644\u0645\u0643 \u0628\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a\u060c \u0648\u0641\u0631\u0635 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0637\u0648\u0631 \u0645\u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83c\udf31<\/span>\r\n <h3>\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0646\u0645\u0648<\/h3>\r\n <p>\u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0631\u0642\u064a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u062a\u064f\u062a\u064a\u062d \u0644\u0643 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u062a\u0637\u0648\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n <div class=\"perk-card\">\r\n <span class=\"perk-icon\">\ud83e\udde1<\/span>\r\n <h3>\u0641\u0631\u064a\u0642 \u0645\u062a\u0639\u0627\u0648\u0646<\/h3>\r\n <p>\u0646\u0639\u0645\u0644 \u0645\u0639\u064b\u0627 \u0643\u0639\u0627\u0626\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0648\u0632\u0639\u0629 \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062f\u0648\u0644\u0629\u060c \u062a\u062c\u0645\u0639\u0646\u0627 \u0642\u064a\u0645 \u0645\u0634\u062a\u0631\u0643\u0629 \u0648\u0634\u063a\u0641 \u062d\u0642\u064a\u0642\u064a \u0628\u0627\u0644\u062a\u0645\u064a\u0632.<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/webbingstone.com\/ar\/careers\/\" class=\"join-cta-btn\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u2190<\/a>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_content_css elementor-element elementor-element-cef393a e-con-full e-flex e-con e-parent\" data-id=\"cef393a\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-8067ecd elementor-widget elementor-widget-html\" data-id=\"8067ecd\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0639\u0646 \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646 - \u0627\u0644\u0642\u0633\u0645 3: \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629<\/title>\r\n <style>\r\n :root {\r\n --color-primary: #667eea;\r\n --color-secondary: #764ba2;\r\n --color-accent: #EE5946;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n overflow-x: hidden;\r\n background: #0a0a0f;\r\n }\r\n\r\n \/* Mission & Vision Section *\/\r\n .mission-vision-section {\r\n position: relative;\r\n padding: 120px 20px;\r\n background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* Animated Background *\/\r\n .floating-shapes {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n opacity: 0.15;\r\n }\r\n\r\n .shape {\r\n position: absolute;\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n background: var(--color-primary);\r\n animation: morph 20s infinite ease-in-out;\r\n }\r\n\r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .shape-2 {\r\n width: 200px;\r\n height: 200px;\r\n top: 60%;\r\n right: 10%;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes morph {\r\n 0%, 100% {\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n transform: rotate(0deg) scale(1);\r\n }\r\n 25% {\r\n border-radius: 58% 42% 75% 25% \/ 76% 46% 54% 24%;\r\n transform: rotate(90deg) scale(1.1);\r\n }\r\n 50% {\r\n border-radius: 50% 50% 33% 67% \/ 55% 27% 73% 45%;\r\n transform: rotate(180deg) scale(0.9);\r\n }\r\n 75% {\r\n border-radius: 33% 67% 58% 42% \/ 63% 68% 32% 37%;\r\n transform: rotate(270deg) scale(1.05);\r\n }\r\n }\r\n\r\n .mv-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Section Header *\/\r\n .mv-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n animation: fadeInDown 0.8s ease;\r\n }\r\n\r\n .mv-badge {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n color: white;\r\n border-radius: 50px;\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 .mv-title {\r\n font-size: 3.5rem;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n font-weight: 800;\r\n padding: 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .mv-subtitle {\r\n font-size: 1.3rem;\r\n color: #b8b8c8;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Mission & Vision Grid *\/\r\n .mv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 50px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .mv-card {\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n border-radius: 30px;\r\n padding: 50px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border: 2px solid rgba(102, 126, 234, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s ease;\r\n animation: fadeInUp 0.8s ease backwards;\r\n }\r\n\r\n .mv-card:nth-child(1) { animation-delay: 0.2s; }\r\n .mv-card:nth-child(2) { animation-delay: 0.4s; }\r\n\r\n .mv-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .mv-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .mv-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 30px 80px rgba(102, 126, 234, 0.4);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .mv-card-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 30px;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .mv-card:nth-child(2) .mv-card-icon {\r\n background: linear-gradient(135deg, var(--color-accent) 0%, #d94636 100%);\r\n }\r\n\r\n .mv-card:hover .mv-card-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .mv-card-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: white;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 2.5rem;\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n padding: 5px 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .mv-card-description {\r\n font-size: 1.15rem;\r\n color: #b8b8c8;\r\n line-height: 1.9;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .mv-card-highlights {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .highlight-tag {\r\n padding: 10px 20px;\r\n background: rgba(102, 126, 234, 0.15);\r\n color: #9aa8f5;\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n .mv-card:nth-child(2) .highlight-tag {\r\n background: rgba(238, 89, 70, 0.15);\r\n color: #ff9d8f;\r\n border-color: rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .highlight-tag:hover {\r\n background: var(--color-primary);\r\n color: white;\r\n transform: translateY(-3px);\r\n border-color: var(--color-primary);\r\n }\r\n\r\n .mv-card:nth-child(2) .highlight-tag:hover {\r\n background: var(--color-accent);\r\n border-color: var(--color-accent);\r\n }\r\n\r\n \/* Values Section *\/\r\n .values-section {\r\n margin-top: 100px;\r\n }\r\n\r\n .values-title {\r\n text-align: center;\r\n font-size: 2.8rem;\r\n color: #ffffff;\r\n margin-bottom: 60px;\r\n font-weight: 700;\r\n padding: 6px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 35px;\r\n }\r\n\r\n .value-card {\r\n background: rgba(26, 26, 46, 0.8);\r\n backdrop-filter: blur(10px);\r\n padding: 40px 30px;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n transition: all 0.4s ease;\r\n border: 2px solid rgba(102, 126, 234, 0.15);\r\n animation: fadeInUp 0.8s ease backwards;\r\n }\r\n\r\n .value-card:nth-child(1) { animation-delay: 0.6s; }\r\n .value-card:nth-child(2) { animation-delay: 0.7s; }\r\n .value-card:nth-child(3) { animation-delay: 0.8s; }\r\n .value-card:nth-child(4) { animation-delay: 0.9s; }\r\n .value-card:nth-child(5) { animation-delay: 1s; }\r\n\r\n .value-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(102, 126, 234, 0.3);\r\n border-color: var(--color-primary);\r\n background: rgba(26, 26, 46, 0.95);\r\n }\r\n\r\n .value-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .value-card:hover .value-icon {\r\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);\r\n transform: scale(1.1);\r\n }\r\n\r\n .value-icon svg {\r\n width: 35px;\r\n height: 35px;\r\n fill: var(--color-primary);\r\n transition: fill 0.4s ease;\r\n }\r\n\r\n .value-card:hover .value-icon svg {\r\n fill: white;\r\n }\r\n\r\n .value-title {\r\n font-size: 1.4rem;\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .value-description {\r\n color: #b8b8c8;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .mv-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mv-title {\r\n font-size: 2.5rem;\r\n padding: 6px 0;\r\n }\r\n\r\n .mv-card {\r\n padding: 35px;\r\n }\r\n\r\n .mv-card-title {\r\n font-size: 2rem;\r\n padding: 4px 0;\r\n }\r\n\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .values-title {\r\n padding: 5px 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .mission-vision-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .mv-title {\r\n font-size: 2rem;\r\n padding: 5px 0;\r\n }\r\n\r\n .mv-card {\r\n padding: 30px 25px;\r\n }\r\n\r\n .values-title {\r\n font-size: 2rem;\r\n padding: 4px 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"mission-vision-section\">\r\n \r\n <div class=\"floating-shapes\">\r\n <div class=\"shape shape-1\"><\/div>\r\n <div class=\"shape shape-2\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mv-container\">\r\n \r\n <div class=\"mv-header\">\r\n <div class=\"mv-badge\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u0641\u0632\u0646\u0627<\/div>\r\n <h2 class=\"mv-title\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629<\/h2>\r\n <p class=\"mv-subtitle\">\u0645\u062f\u0639\u0648\u0645\u0648\u0646 \u0628\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0646\u0642\u062f\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0639\u0628\u0631 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-grid\">\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p class=\"mv-card-description\">\u0641\u064a \u0648\u064a\u0628\u064a\u0646\u062c \u0633\u062a\u0648\u0646\u060c \u0646\u0648\u0638\u0651\u0641 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a. \u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0647\u0645\u0646\u0627 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0646\u0628\u062a\u0643\u0631 \u062d\u0644\u0648\u0644 \u062a\u062d\u0648\u0644 \u0631\u0642\u0645\u064a \u0645\u0624\u062b\u0631\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u062a\u064f\u0628\u0642\u064a \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.<\/p>\r\n <div class=\"mv-card-highlights\">\r\n <span class=\"highlight-tag\">\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0646\u062a\u0634\u0627\u0631 \u0639\u0627\u0644\u0645\u064a<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0623\u0648\u0644\u0627\u064b<\/span>\r\n <span class=\"highlight-tag\">\u062e\u0628\u0631\u0629 \u0642\u0637\u0627\u0639\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mv-card\">\r\n <div class=\"mv-card-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"mv-card-title\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n <p class=\"mv-card-description\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0642\u064a\u0627\u062f\u0629 \u0645\u0634\u0647\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u064a\u0648\u0646\u0633\u0643\u0648 \u0648\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0648\u0641\u0631\u0648\u0639\u0647\u0645\u0627\u060c \u0648\u0635\u0648\u0644\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0639\u0627\u0644\u0645\u064a\u064b\u0627. \u0648\u062a\u062a\u0645\u062b\u0644 \u0631\u0624\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0635\u062f\u0627\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u062f\u0645\u062c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0645\u064a\u0651\u0632 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u064a\u0635\u0646\u0639 \u0627\u0644\u0646\u062c\u0627\u062d \u0644\u0634\u0631\u0643\u0627\u0626\u0646\u0627.<\/p>\r\n <div class=\"mv-card-highlights\">\r\n <span class=\"highlight-tag\">\u0634\u0631\u064a\u0643 \u0627\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a<\/span>\r\n <span class=\"highlight-tag\">\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n <span class=\"highlight-tag\">\u062c\u0627\u0647\u0632 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/span>\r\n <span class=\"highlight-tag\">\u0627\u0644\u062a\u0645\u064a\u0632<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"values-section\">\r\n <h3 class=\"values-title\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <div class=\"values-grid\">\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h4>\r\n <p class=\"value-description\">\u0646\u064f\u0642\u062f\u0651\u0631 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0635\u062f\u0642 \u0641\u064a \u062c\u0645\u064a\u0639 \u0639\u0644\u0627\u0642\u0627\u062a\u0646\u0627 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4c-1.48 0-2.85.43-4.01 1.17l1.46 1.46C10.21 6.23 11.08 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3 0 1.13-.64 2.11-1.56 2.62l1.45 1.45C23.16 18.16 24 16.68 24 15c0-2.64-2.05-4.78-4.65-4.96zM3 5.27l2.75 2.74C2.56 8.15 0 10.77 0 14c0 3.31 2.69 6 6 6h11.73l2 2L21 20.73 4.27 4 3 5.27zM7.73 10l8 8H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4>\r\n <p class=\"value-description\">\u0646\u0648\u0638\u0651\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u062e\u0628\u0631\u0629 \u0642\u0637\u0627\u0639\u064a\u0629<\/h4>\r\n <p class=\"value-description\">\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h4>\r\n <p class=\"value-description\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0639\u0628\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0642\u0627\u0631\u0627\u062a\u060c \u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0631\u0645\u0648\u0642\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"value-title\">\u0627\u0644\u062b\u0642\u0629<\/h4>\r\n <p class=\"value-description\">\u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-50e39ca e-con-full e-flex e-con e-parent\" data-id=\"50e39ca\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-08a5d99 elementor-widget elementor-widget-html\" data-id=\"08a5d99\" 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<!DOCTYPE html><html lang=\"ar\" dir=\"rtl\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627<\/title><style>body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .team-intro-section {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n padding: 100px 20px;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .team-intro-title {\r\n font-size: 60px;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-30px);\r\n }\r\n }\r\n\r\n .team-divider {\r\n width: 100px;\r\n height: 5px;\r\n background: white;\r\n margin: 30px auto;\r\n animation: pulse 1s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 50% {\r\n opacity: 0.5;\r\n transform: scale(1.5);\r\n }\r\n }\r\n\r\n .team-intro-description {\r\n font-size: 24px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n animation: fadeInOut 3s infinite;\r\n }\r\n\r\n @keyframes fadeInOut {\r\n 0%, 100% {\r\n opacity: 0.3;\r\n }\r\n 50% {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style><\/head><body><div class=\"team-intro-section\"><h2 class=\"team-intro-title\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627<\/h2><div class=\"team-divider\"><\/div><p class=\"team-intro-description\">\u064a\u062c\u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0628\u064a\u0646 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0634\u063a\u0641.\r\n <\/p><\/div><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d68dab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d68dab\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6561aba\" data-id=\"6561aba\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f557722 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f557722\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-0228866\" data-id=\"0228866\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-063617a eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"063617a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-063617a\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/AMR-copy-Custom.jpg\" alt=\"Amr Zaki\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0639\u0645\u0631\u0648 \u0632\u0643\u064a<\/h2><h3 class=\"eael-team-member-position\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"eael-team-member-social-profiles\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"eael-team-member-social-link\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/zakiamr\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-789895f\" data-id=\"789895f\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d213a49 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"d213a49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-d213a49\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/MOHAMED-copy-Custom.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u062d\u0645\u062f \u0643\u0645\u0627\u0644<\/h2><h3 class=\"eael-team-member-position\">\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a379e35\" data-id=\"a379e35\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3ff45d eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"f3ff45d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-f3ff45d\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2021\/08\/abdallah-copy-Custom.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0639\u0628\u062f \u0627\u0644\u0644\u0647 \u0639\u0627\u062f\u0644<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0637\u0648\u0631 \u0648\u064a\u0628 \u0623\u0648\u0644<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-99890bd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"99890bd\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-47fd4bb\" data-id=\"47fd4bb\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06fe056 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"06fe056\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-06fe056\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Mahy.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u0627\u0647\u064a\u062a\u0627\u0628 \u0634\u0645\u0633 \u0627\u0644\u062f\u064a\u0646<\/h2><h3 class=\"eael-team-member-position\">\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7ea00e2\" data-id=\"7ea00e2\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96f481a eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"96f481a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-96f481a\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Nour.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0646\u0648\u0631 \u0627\u0644\u062f\u064a\u0646 \u0645\u062d\u0645\u062f<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-798af85\" data-id=\"798af85\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20dbc85 eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"20dbc85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-20dbc85\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2023\/09\/d-jpg.webp\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0645\u0631\u064a\u0647\u0627\u0646 \u0631\u0623\u0641\u062a <\/h2><h3 class=\"eael-team-member-position\">\u0645\u0634\u0631\u0641 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ceb6177 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ceb6177\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7b6f07e\" data-id=\"7b6f07e\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-183e28c\" data-id=\"183e28c\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c55d47e eael-team-align-centered elementor-widget elementor-widget-eael-team-member\" data-id=\"c55d47e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-team-member.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t<div id=\"eael-team-member-c55d47e\" class=\"eael-team-item eael-team-members-simple \">\n\t\t<div class=\"eael-team-item-inner\">\n\t\t\t<div class=\"eael-team-image\">\n\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2024\/10\/Ahmad.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t<div class=\"eael-team-content\">\n\t\t\t\t<h2 class=\"eael-team-member-name\">\u0623\u062d\u0645\u062f \u0645\u062c\u062f\u064a<\/h2><h3 class=\"eael-team-member-position\">\u0645\u0633\u0624\u0648\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"eael-team-text\"><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9b6de7a\" data-id=\"9b6de7a\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0646 \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 – \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0645\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a – \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0639\u0645\u0627\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \ud83d\udcbb \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \ud83d\udcf1 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \ud83c\udfaf \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \ud83e\udd16 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u2601\ufe0f \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \ud83d\ude80 \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634","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=1634"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":22719,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1634\/revisions\/22719"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}