{"id":8,"date":"2026-03-16T15:45:15","date_gmt":"2026-03-16T15:45:15","guid":{"rendered":"https:\/\/lime-wolverine-745236.hostingersite.com\/?page_id=8"},"modified":"2026-04-13T12:46:25","modified_gmt":"2026-04-13T12:46:25","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/mddoec.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4285ded e-con-full e-flex e-con e-parent\" data-id=\"4285ded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02e0bea elementor-widget elementor-widget-html\" data-id=\"02e0bea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n    <style>\r\n        \/* =========================================================\r\n           1) \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\r\n        ========================================================= *\/\r\n        #mdp-luxury-hero {\r\n            position: relative;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            min-height: 650px;\r\n            overflow: hidden;\r\n            background-color: #0d0614 !important; \r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            perspective: 1500px;\r\n            direction: rtl;\r\n        }\r\n\r\n        #mdp-luxury-hero * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* =========================================================\r\n           2) \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\n        ========================================================= *\/\r\n        .mdp-spotlight {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background: radial-gradient(circle 600px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(160, 144, 207, 0.15), transparent 80%);\r\n            z-index: 3;\r\n            pointer-events: none;\r\n            will-change: background;\r\n        }\r\n\r\n        \/* =========================================================\r\n           3) \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u062a\u0638\u0644\u064a\u0644\r\n        ========================================================= *\/\r\n        .mdp-video-wrapper {\r\n            position: absolute;\r\n            top: -5%; left: -5%;\r\n            width: 110%; height: 110%;\r\n            z-index: 1;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .mdp-bg-video {\r\n            width: 100%; height: 100%;\r\n            object-fit: cover;\r\n            opacity: 0.6; \r\n            animation: mdpMajesticZoom 30s linear infinite alternate;\r\n            will-change: transform;\r\n        }\r\n\r\n        @keyframes mdpMajesticZoom {\r\n            0% { transform: scale(1) translateZ(0); }\r\n            100% { transform: scale(1.1) translateZ(0); }\r\n        }\r\n\r\n        .mdp-vignette {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle at center, rgba(92, 73, 148, 0.4) 0%, rgba(25, 15, 40, 0.95) 100%);\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* =========================================================\r\n           4) \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\r\n        ========================================================= *\/\r\n        .mdp-3d-space {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 2;\r\n            perspective: 800px;\r\n            overflow: hidden;\r\n            pointer-events: none;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .mdp-grid-floor {\r\n            position: absolute;\r\n            width: 300%; height: 300%;\r\n            bottom: -50%; left: -100%;\r\n            background-image:\r\n                linear-gradient(rgba(160, 144, 207, 0.1) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(160, 144, 207, 0.1) 1px, transparent 1px);\r\n            background-size: 80px 80px;\r\n            transform-origin: center bottom;\r\n            animation: mdpGridGlide 25s linear infinite;\r\n            -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 0%, transparent 60%);\r\n            will-change: transform;\r\n        }\r\n\r\n        @keyframes mdpGridGlide {\r\n            0% { transform: rotateX(75deg) translateY(0) translateZ(0); }\r\n            100% { transform: rotateX(75deg) translateY(80px) translateZ(0); }\r\n        }\r\n\r\n        \/* =========================================================\r\n           5) \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a\r\n        ========================================================= *\/\r\n        .mdp-particles {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 4;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mdp-particle {\r\n            position: absolute;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: mdpFloatUp var(--duration, 10s) linear infinite;\r\n            box-shadow: 0 0 10px rgba(255,255,255,0.6);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        @keyframes mdpFloatUp {\r\n            0% { transform: translate3d(0, 100vh, 0) scale(0); opacity: 0; }\r\n            20% { opacity: var(--max-opacity, 0.3); transform: translate3d(0, 80vh, 0) scale(1); }\r\n            80% { opacity: var(--max-opacity, 0.3); transform: translate3d(0, 20vh, 0) scale(1); }\r\n            100% { transform: translate3d(0, 0, 0) scale(0); opacity: 0; }\r\n        }\r\n\r\n        \/* =========================================================\r\n           6) \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629\r\n        ========================================================= *\/\r\n        .mdp-badge-scene {\r\n            position: absolute;\r\n            z-index: 5;\r\n            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        .mdp-pos-1 { top: 15%; right: 10%; }\r\n        .mdp-pos-2 { bottom: 45%; left: 5%; } \r\n        .mdp-pos-3 { top: 20%; left: 10%; }\r\n        .mdp-pos-4 { bottom: 42%; right: 5%; } \r\n\r\n        .mdp-depth-1 { z-index: 7; transform: scale(1) translateZ(0); filter: blur(0); opacity: 1; }\r\n        .mdp-depth-2 { z-index: 6; transform: scale(0.9) translateZ(0); filter: blur(1px); opacity: 0.95; }\r\n        .mdp-depth-3 { z-index: 5; transform: scale(0.75) translateZ(0); filter: blur(2px); opacity: 0.85; }\r\n\r\n        .mdp-badge-scene:hover {\r\n            z-index: 20 !important;\r\n            transform: scale(1.1) translateZ(0) !important;\r\n            filter: blur(0) !important;\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        .mdp-badge-parallax {\r\n            will-change: transform;\r\n        }\r\n\r\n        .mdp-f-badge {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px 22px;\r\n            background: rgba(255, 255, 255, 0.06); \r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border-radius: 12px;\r\n            box-shadow: inset 0 0 20px rgba(255,255,255,0.02), 0 15px 35px rgba(0,0,0,0.25);\r\n            animation: mdp3DIdleFloat 7s ease-in-out infinite;\r\n            transition: all 0.3s ease;\r\n            cursor: default;\r\n            will-change: transform;\r\n        }\r\n\r\n        @keyframes mdp3DIdleFloat {\r\n            0%, 100% { transform: translateY(0) rotateX(5deg) rotateY(-5deg) translateZ(0); }\r\n            33% { transform: translateY(-12px) rotateX(-3deg) rotateY(3deg) translateZ(0); }\r\n            66% { transform: translateY(8px) rotateX(3deg) rotateY(8deg) translateZ(0); }\r\n        }\r\n\r\n        .mdp-badge-scene:hover .mdp-f-badge {\r\n            border-color: rgba(160, 144, 207, 0.8);\r\n            box-shadow: 0 0 35px rgba(160, 144, 207, 0.4), inset 0 0 15px rgba(160, 144, 207, 0.15);\r\n            animation-play-state: paused;\r\n            transform: rotateX(0) rotateY(0) translateZ(0);\r\n        }\r\n\r\n        .mdp-pos-1 .mdp-f-badge { animation-delay: 0s; animation-duration: 7s; }\r\n        .mdp-pos-2 .mdp-f-badge { animation-delay: -2s; animation-duration: 8.5s; }\r\n        .mdp-pos-3 .mdp-f-badge { animation-delay: -4s; animation-duration: 6.5s; }\r\n        .mdp-pos-4 .mdp-f-badge { animation-delay: -1s; animation-duration: 9s; }\r\n\r\n        .mdp-f-icon {\r\n            width: 40px; height: 40px;\r\n            background: rgba(160, 144, 207, 0.25);\r\n            color: #ffffff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 16px;\r\n            box-shadow: 0 0 15px rgba(160, 144, 207, 0.3);\r\n            transition: transform 0.3s ease;\r\n            will-change: transform;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .mdp-badge-scene:hover .mdp-f-icon {\r\n            transform: scale(1.1) rotate(10deg) translateZ(0);\r\n            background: rgba(160, 144, 207, 0.8);\r\n            color: #ffffff;\r\n        }\r\n\r\n        .mdp-f-text {\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-align: right;\r\n        }\r\n\r\n        .mdp-f-text strong {\r\n            font-size: 18px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            line-height: 1.1;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .mdp-f-text span {\r\n            font-size: 11px;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           7) \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n        ========================================================= *\/\r\n        .mdp-tilt-box {\r\n            position: relative;\r\n            z-index: 15; \r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            transform-style: preserve-3d;\r\n            pointer-events: none; \r\n            will-change: transform;\r\n        }\r\n\r\n        .mdp-content-core {\r\n            pointer-events: auto; \r\n            width: 100%;\r\n            max-width: 800px; \r\n            padding: 0 5vw; \r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            gap: 12px; \r\n            transform: translateZ(50px);\r\n        }\r\n\r\n        \/* =========================================================\r\n           8) \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062f\u062e\u0648\u0644\r\n        ========================================================= *\/\r\n        .mdp-overflow-hidden {\r\n            overflow: hidden;\r\n            display: inline-flex;\r\n            vertical-align: top;\r\n            padding-bottom: 15px; \r\n            margin-bottom: -15px;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .mdp-slide-up {\r\n            display: inline-block;\r\n            transform: translateY(120%);\r\n            opacity: 0;\r\n            animation: mdpSmoothSlide 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        @keyframes mdpSmoothSlide {\r\n            0% { transform: translateY(120%) translateZ(0); opacity: 0; }\r\n            100% { transform: translateY(0) translateZ(0); opacity: 1; }\r\n        }\r\n\r\n        .mdp-delay-1 { animation-delay: 0.1s; }\r\n        .mdp-delay-2 { animation-delay: 0.3s; }\r\n        .mdp-delay-3 { animation-delay: 0.5s; }\r\n        .mdp-delay-4 { animation-delay: 0.7s; }\r\n        .mdp-delay-5 { animation-delay: 0.9s; }\r\n        .mdp-delay-6 { animation-delay: 1.1s; }\r\n        .mdp-delay-7 { animation-delay: 1.3s; }\r\n\r\n        \/* =========================================================\r\n           9) \u0627\u0644\u062a\u0627\u064a\u0628\u0648\u062c\u0631\u0627\u0641\u064a\r\n        ========================================================= *\/\r\n        .mdp-brand-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: clamp(12px, 1vw, 13px) !important;\r\n            font-weight: 500 !important;\r\n            letter-spacing: 2px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .mdp-decorative-line {\r\n            width: 30px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n        }\r\n\r\n        .mdp-main-heading {\r\n            font-size: clamp(28px, 4vw, 40px) !important; \r\n            font-weight: 800 !important;\r\n            line-height: 1.4 !important; \r\n            margin: 0 !important;\r\n            color: #ffffff !important;\r\n            text-shadow: 0 5px 20px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .mdp-exceptional-wrapper {\r\n            position: relative;\r\n            display: inline-block;\r\n            color: #ffffff;\r\n            font-weight: 900 !important;\r\n            z-index: 1;\r\n        }\r\n\r\n        .mdp-exceptional-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0.2em; \r\n            right: -2px; \r\n            width: calc(100% + 4px);\r\n            height: 0.3em; \r\n            background: #A090CF; \r\n            z-index: -1;\r\n            transform: skewX(-15deg) scaleX(0);\r\n            transform-origin: right;\r\n            border-radius: 2px;\r\n            opacity: 0;\r\n            animation: mdpDrawHighlight 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n            animation-delay: 1.5s; \r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        @keyframes mdpDrawHighlight {\r\n            0% { transform: skewX(-15deg) scaleX(0) translateZ(0); opacity: 0; }\r\n            10% { opacity: 0.8; } \r\n            100% { transform: skewX(-15deg) scaleX(1) translateZ(0); opacity: 0.8; } \r\n        }\r\n\r\n        .mdp-subtext {\r\n            font-size: clamp(14px, 1.2vw, 17px) !important; \r\n            font-weight: 300 !important;\r\n            line-height: 1.9 !important; \r\n            color: rgba(255, 255, 255, 0.85) !important;\r\n            max-width: 90%; \r\n            margin: 10px auto 25px auto !important;\r\n        }\r\n\r\n        \/* =========================================================\r\n           10) \u0627\u0644\u0632\u0631\r\n        ========================================================= *\/\r\n        .mdp-action-area {\r\n            position: relative;\r\n            padding: 15px;\r\n            margin: -15px;\r\n        }\r\n\r\n        .mdp-action-area::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 60%; height: 60%;\r\n            background: rgba(160, 144, 207, 0.3);\r\n            filter: blur(25px);\r\n            border-radius: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: -1;\r\n            animation: mdpBtnPulse 4s infinite alternate;\r\n            will-change: transform;\r\n        }\r\n\r\n        @keyframes mdpBtnPulse {\r\n            0% { transform: translate(-50%, -50%) scale(0.9) translateZ(0); opacity: 0.3; }\r\n            100% { transform: translate(-50%, -50%) scale(1.3) translateZ(0); opacity: 0.7; }\r\n        }\r\n\r\n        .mdp-creative-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            height: 56px;\r\n            padding: 0 35px 0 8px; \r\n            gap: 20px;\r\n            font-size: clamp(14px, 1.1vw, 16px) !important;\r\n            font-weight: 700 !important;\r\n            color: #ffffff !important;\r\n            text-decoration: none !important;\r\n            border-radius: 50px;\r\n            background: rgba(255, 255, 255, 0.1); \r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            position: relative;\r\n            z-index: 1;\r\n            transition: all 0.4s ease;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .mdp-creative-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 7px;\r\n            left: 7px; \r\n            width: 40px;\r\n            height: 40px;\r\n            background: #ffffff; \r\n            border-radius: 50px;\r\n            z-index: -1;\r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: width;\r\n        }\r\n\r\n        .mdp-creative-btn:hover {\r\n            border-color: rgba(255, 255, 255, 0.6);\r\n            box-shadow: 0 10px 30px rgba(160, 144, 207, 0.3);\r\n        }\r\n\r\n        .mdp-creative-btn:hover::before {\r\n            width: calc(100% - 14px);\r\n            background: #ffffff; \r\n        }\r\n\r\n        .mdp-creative-btn:hover .mdp-btn-text,\r\n        .mdp-creative-btn:hover .mdp-btn-icon {\r\n            color: #111111 !important; \r\n        }\r\n\r\n        .mdp-btn-text {\r\n            z-index: 2;\r\n            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform;\r\n        }\r\n\r\n        .mdp-btn-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 2;\r\n            color: #111111; \r\n            transition: color 0.4s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .mdp-creative-btn:hover .mdp-btn-text {\r\n            transform: translateX(-5px) translateZ(0);\r\n        }\r\n\r\n        \/* =========================================================\r\n           11) \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n        ========================================================= *\/\r\n        .mdp-scroll-indicator {\r\n            position: absolute;\r\n            bottom: 25px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 6px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .mdp-mouse-shape {\r\n            width: 22px;\r\n            height: 36px;\r\n            border: 1.5px solid rgba(255, 255, 255, 0.5);\r\n            border-radius: 15px;\r\n            position: relative;\r\n        }\r\n\r\n        .mdp-mouse-wheel {\r\n            width: 3px;\r\n            height: 6px;\r\n            background-color: #ffffff;\r\n            border-radius: 2px;\r\n            position: absolute;\r\n            top: 5px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            animation: mdpScrollWheelAnim 1.5s infinite;\r\n            will-change: top, opacity;\r\n        }\r\n\r\n        @keyframes mdpScrollWheelAnim {\r\n            0% { top: 5px; opacity: 1; }\r\n            100% { top: 16px; opacity: 0; }\r\n        }\r\n\r\n        .mdp-scroll-text {\r\n            font-size: 10px;\r\n            font-weight: 500;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* =========================================================\r\n           12) Responsive\r\n        ========================================================= *\/\r\n        @media (max-width: 900px) {\r\n            .mdp-pos-3, .mdp-pos-4 { display: none !important; } \r\n            .mdp-3d-space { opacity: 0.3; } \r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #mdp-luxury-hero { min-height: 100vh; }\r\n            .mdp-content-core { gap: 10px; }\r\n            .mdp-main-heading { font-size: 28px !important; line-height: 1.4 !important; }\r\n            .mdp-subtext { font-size: 14px !important; margin: 12px auto 20px auto !important; max-width: 100%; }\r\n            .mdp-creative-btn { height: 50px; padding: 0 25px 0 6px; }\r\n            .mdp-creative-btn::before { width: 36px; height: 36px; top: 6px; left: 6px; }\r\n            .mdp-btn-icon { width: 36px; height: 36px; }\r\n            .mdp-grid-floor { animation-duration: 40s; }\r\n            .mdp-scroll-indicator { bottom: 15px; }\r\n            \r\n            .mdp-pos-1.mdp-depth-1 { transform: scale(0.6) translateZ(0) !important; top: 8%; right: -2%; display: flex !important; }\r\n            .mdp-pos-2.mdp-depth-1 { transform: scale(0.6) translateZ(0) !important; bottom: 30%; left: -2%; display: flex !important; }\r\n        }\r\n\r\n        \/* =========================================================\r\n           13) English \/ TranslatePress special styling\r\n           \u0634\u063a\u0627\u0644 \u0645\u0639:\r\n           html:lang(en),\r\n           html[lang=\"en-US\"],\r\n           html[lang=\"en-GB\"],\r\n           body:lang(en)\r\n        ========================================================= *\/\r\n        html:lang(en) .mdp-slide-up,\r\n        html[lang=\"en-US\"] .mdp-slide-up,\r\n        html[lang=\"en-GB\"] .mdp-slide-up,\r\n        body:lang(en) .mdp-slide-up{\r\nfont-size: 36px;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero,\r\n        body:lang(en) #mdp-luxury-hero {\r\n            direction: ltr !important;\r\n            font-family: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-content-core,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-content-core,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-content-core,\r\n        body:lang(en) #mdp-luxury-hero .mdp-content-core {\r\n            max-width: 900px;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-brand-tag,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-brand-tag,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-brand-tag,\r\n        body:lang(en) #mdp-luxury-hero .mdp-brand-tag {\r\n            direction: ltr !important;\r\n            letter-spacing: 1.6px;\r\n            text-align: center;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-main-heading,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-main-heading,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-main-heading,\r\n        body:lang(en) #mdp-luxury-hero .mdp-main-heading {\r\n            direction: ltr !important;\r\n            text-align: center !important;\r\n            line-height: 1.25 !important;\r\n            letter-spacing: -0.02em;\r\n            width: 100%;\r\n            min-width: 100%;\r\n            margin-inline: auto !important;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-overflow-hidden,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-overflow-hidden,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-overflow-hidden,\r\n        body:lang(en) #mdp-luxury-hero .mdp-overflow-hidden {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-exceptional-wrapper::after,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-exceptional-wrapper::after,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-exceptional-wrapper::after,\r\n        body:lang(en) #mdp-luxury-hero .mdp-exceptional-wrapper::after {\r\n            right: auto;\r\n            left: -2px;\r\n            transform: skewX(-15deg) scaleX(0);\r\n            transform-origin: left;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-f-badge,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-f-badge,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-f-badge,\r\n        body:lang(en) #mdp-luxury-hero .mdp-f-badge {\r\n            direction: ltr !important;\r\n            flex-direction: row;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-f-text,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-f-text,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-f-text,\r\n        body:lang(en) #mdp-luxury-hero .mdp-f-text {\r\n            text-align: left !important;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-f-text strong,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-f-text strong,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-f-text strong,\r\n        body:lang(en) #mdp-luxury-hero .mdp-f-text strong {\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-f-text span,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-f-text span,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-f-text span,\r\n        body:lang(en) #mdp-luxury-hero .mdp-f-text span {\r\n            letter-spacing: 0.2px;\r\n        }\r\n\r\n        \/* \u0642\u0644\u0628 \u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0640 badges \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n        html:lang(en) #mdp-luxury-hero .mdp-pos-1,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-1,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-1,\r\n        body:lang(en) #mdp-luxury-hero .mdp-pos-1 {\r\n            right: auto;\r\n            left: 10%;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-pos-2,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-2,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-2,\r\n        body:lang(en) #mdp-luxury-hero .mdp-pos-2 {\r\n            left: auto;\r\n            right: 5%;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-pos-3,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-3,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-3,\r\n        body:lang(en) #mdp-luxury-hero .mdp-pos-3 {\r\n            left: auto;\r\n            right: 10%;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-pos-4,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-4,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-4,\r\n        body:lang(en) #mdp-luxury-hero .mdp-pos-4 {\r\n            right: auto;\r\n            left: 5%;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-creative-btn,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-creative-btn,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-creative-btn,\r\n        body:lang(en) #mdp-luxury-hero .mdp-creative-btn {\r\n            direction: ltr !important;\r\n            flex-direction: row;\r\n            padding: 0 8px 0 35px;\r\n            gap: 18px;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-creative-btn::before,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-creative-btn::before,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-creative-btn::before,\r\n        body:lang(en) #mdp-luxury-hero .mdp-creative-btn::before {\r\n            left: auto;\r\n            right: 7px;\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-creative-btn:hover .mdp-btn-text,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-creative-btn:hover .mdp-btn-text,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-creative-btn:hover .mdp-btn-text,\r\n        body:lang(en) #mdp-luxury-hero .mdp-creative-btn:hover .mdp-btn-text {\r\n            transform: translateX(5px) translateZ(0);\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-btn-icon i,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-btn-icon i,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-btn-icon i,\r\n        body:lang(en) #mdp-luxury-hero .mdp-btn-icon i {\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        html:lang(en) #mdp-luxury-hero .mdp-scroll-text,\r\n        html[lang=\"en-US\"] #mdp-luxury-hero .mdp-scroll-text,\r\n        html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-scroll-text,\r\n        body:lang(en) #mdp-luxury-hero .mdp-scroll-text {\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n                 html:lang(en) .mdp-slide-up,\r\n        html[lang=\"en-US\"] .mdp-slide-up,\r\n        html[lang=\"en-GB\"] .mdp-slide-up,\r\n        body:lang(en) .mdp-slide-up{\r\nfont-size: 20px;\r\n        }\r\n            html:lang(en) #mdp-luxury-hero .mdp-main-heading,\r\n            html[lang=\"en-US\"] #mdp-luxury-hero .mdp-main-heading,\r\n            html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-main-heading,\r\n            body:lang(en) #mdp-luxury-hero .mdp-main-heading {\r\n                max-width: 16ch;\r\n                font-size: 20px !important;\r\n                line-height: 1.2 !important;\r\n            }\r\n\r\n            html:lang(en) #mdp-luxury-hero .mdp-creative-btn,\r\n            html[lang=\"en-US\"] #mdp-luxury-hero .mdp-creative-btn,\r\n            html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-creative-btn,\r\n            body:lang(en) #mdp-luxury-hero .mdp-creative-btn {\r\n                padding: 0 6px 0 25px;\r\n            }\r\n\r\n            html:lang(en) #mdp-luxury-hero .mdp-creative-btn::before,\r\n            html[lang=\"en-US\"] #mdp-luxury-hero .mdp-creative-btn::before,\r\n            html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-creative-btn::before,\r\n            body:lang(en) #mdp-luxury-hero .mdp-creative-btn::before {\r\n                right: 6px;\r\n            }\r\n\r\n            html:lang(en) #mdp-luxury-hero .mdp-pos-1.mdp-depth-1,\r\n            html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-1.mdp-depth-1,\r\n            html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-1.mdp-depth-1,\r\n            body:lang(en) #mdp-luxury-hero .mdp-pos-1.mdp-depth-1 {\r\n                left: -2%;\r\n                right: auto;\r\n            }\r\n\r\n            html:lang(en) #mdp-luxury-hero .mdp-pos-2.mdp-depth-1,\r\n            html[lang=\"en-US\"] #mdp-luxury-hero .mdp-pos-2.mdp-depth-1,\r\n            html[lang=\"en-GB\"] #mdp-luxury-hero .mdp-pos-2.mdp-depth-1,\r\n            body:lang(en) #mdp-luxury-hero .mdp-pos-2.mdp-depth-1 {\r\n                right: -2%;\r\n                left: auto;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"mdp-luxury-hero\" dir=\"rtl\">\r\n    <div class=\"mdp-spotlight\" id=\"mdp-spotlight\"><\/div>\r\n\r\n    <div class=\"mdp-video-wrapper\" id=\"mdp-bg-wrapper\">\r\n        <video class=\"mdp-bg-video\" autoplay loop muted playsinline>\r\n            <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0647\u064a\u0631\u0648-\u0645\u062f\u062f-\u0627\u0644\u0642\u0627\u0645\u0629-1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n    <\/div>\r\n    \r\n    <div class=\"mdp-vignette\"><\/div>\r\n\r\n    <div class=\"mdp-3d-space\">\r\n        <div class=\"mdp-grid-floor\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-particles\" id=\"mdp-particles\"><\/div>\r\n\r\n    <div class=\"mdp-badge-scene mdp-pos-1 mdp-depth-1\">\r\n        <div class=\"mdp-badge-parallax\" data-speed=\"25\">\r\n            <div class=\"mdp-f-badge\">\r\n                <div class=\"mdp-f-icon\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\r\n                <div class=\"mdp-f-text\">\r\n                    <strong>+130<\/strong>\r\n                    <span>\u0641\u0639\u0627\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-badge-scene mdp-pos-2 mdp-depth-1\">\r\n        <div class=\"mdp-badge-parallax\" data-speed=\"-30\">\r\n            <div class=\"mdp-f-badge\">\r\n                <div class=\"mdp-f-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n                <div class=\"mdp-f-text\">\r\n                    <strong>+250<\/strong>\r\n                    <span>\u0632\u0627\u0626\u0631 \u0648\u0645\u0634\u0627\u0631\u0643<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-badge-scene mdp-pos-3 mdp-depth-3\">\r\n        <div class=\"mdp-badge-parallax\" data-speed=\"12\">\r\n            <div class=\"mdp-f-badge\">\r\n                <div class=\"mdp-f-icon\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n                <div class=\"mdp-f-text\">\r\n                    <strong>+115<\/strong>\r\n                    <span>\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-badge-scene mdp-pos-4 mdp-depth-2\">\r\n        <div class=\"mdp-badge-parallax\" data-speed=\"-18\">\r\n            <div class=\"mdp-f-badge\">\r\n                <div class=\"mdp-f-icon\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/div>\r\n                <div class=\"mdp-f-text\">\r\n                    <strong>10<\/strong>\r\n                    <span>\u0645\u0646\u0627\u0637\u0642<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-tilt-box\" id=\"mdp-tilt-box\">\r\n        <div class=\"mdp-content-core\">\r\n            \r\n            <div class=\"mdp-overflow-hidden\">\r\n                <div class=\"mdp-brand-tag mdp-slide-up mdp-delay-1\">\r\n                    <span class=\"mdp-decorative-line\"><\/span>\r\n                    <i class=\"fa-solid fa-gem\" style=\"color: #ffffff; font-size: 11px;\"><\/i>\r\n                    \u0645\u062f\u062f \u0644\u0627\u0642\u0627\u0645\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\r\n                    <span class=\"mdp-decorative-line\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <h1 class=\"mdp-main-heading\">\r\n                <div class=\"mdp-overflow-hidden\" style=\"gap: clamp(8px, 1.5vw, 15px);\">\r\n                    <span class=\"mdp-slide-up mdp-delay-2\">\u0646\u0635\u0646\u0639 \u0627\u0644\u062d\u062f\u062b\u060c \u0648\u0646\u062a\u0631\u0643<\/span>\r\n                    <span class=\"mdp-slide-up mdp-delay-3\">\r\n                        <span class=\"mdp-exceptional-wrapper\">\u0627\u0644\u0623\u062b\u0631<\/span>\r\n                    <\/span>\r\n                <\/div>\r\n                <br>\r\n            <\/h1>\r\n\r\n            <div class=\"mdp-overflow-hidden\">\r\n                <div class=\"mdp-action-area mdp-slide-up mdp-delay-6\" id=\"mdp-btn-area\">\r\n                    <a href=\"https:\/\/mddoec.com\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\" class=\"mdp-creative-btn\" id=\"mdp-magnetic-btn\">\r\n                        <span class=\"mdp-btn-text\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0641\u0639\u0627\u0644\u064a\u062a\u0643<\/span>\r\n                        <div class=\"mdp-btn-icon\">\r\n                            <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-overflow-hidden\" style=\"position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 10;\">\r\n        <div class=\"mdp-scroll-indicator mdp-slide-up mdp-delay-7\">\r\n            <div class=\"mdp-mouse-shape\">\r\n                <div class=\"mdp-mouse-wheel\"><\/div>\r\n            <\/div>\r\n            <span class=\"mdp-scroll-text\">\u0627\u0643\u062a\u0634\u0641<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const isMobile = window.innerWidth <= 768;\r\n            const heroSection = document.getElementById('mdp-luxury-hero');\r\n            const spotlight = document.getElementById('mdp-spotlight');\r\n            \r\n            const particlesContainer = document.getElementById('mdp-particles');\r\n            const particleCount = isMobile ? 8 : 15;\r\n\r\n            const fragment = document.createDocumentFragment();\r\n            for (let i = 0; i < particleCount; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.classList.add('mdp-particle');\r\n                \r\n                const size = Math.random() * 2.5 + 1; \r\n                const left = Math.random() * 100; \r\n                const duration = Math.random() * 15 + 12; \r\n                const delay = Math.random() * 10; \r\n                const maxOpacity = Math.random() * 0.3 + 0.1;\r\n\r\n                particle.style.cssText = `\r\n                    width: ${size}px;\r\n                    height: ${size}px;\r\n                    left: ${left}%;\r\n                    --duration: ${duration}s;\r\n                    --max-opacity: ${maxOpacity};\r\n                    animation-delay: -${delay}s;\r\n                `;\r\n                \r\n                fragment.appendChild(particle);\r\n            }\r\n            particlesContainer.appendChild(fragment);\r\n\r\n            if (!isMobile) {\r\n                const tiltBox = document.getElementById('mdp-tilt-box');\r\n                const bgWrapper = document.getElementById('mdp-bg-wrapper');\r\n                const btnArea = document.getElementById('mdp-btn-area');\r\n                const magneticBtn = document.getElementById('mdp-magnetic-btn');\r\n                const parallaxBadges = document.querySelectorAll('.mdp-badge-parallax');\r\n\r\n                let ticking = false;\r\n\r\n                heroSection.addEventListener('mousemove', (e) => {\r\n                    if (!ticking) {\r\n                        window.requestAnimationFrame(() => {\r\n                            const mouseX = e.clientX;\r\n                            const mouseY = e.clientY;\r\n                            const centerX = window.innerWidth \/ 2;\r\n                            const centerY = window.innerHeight \/ 2;\r\n                            \r\n                            const percentX = (mouseX - centerX) \/ centerX;\r\n                            const percentY = (mouseY - centerY) \/ centerY;\r\n\r\n                            spotlight.style.setProperty('--mouse-x', `${mouseX}px`);\r\n                            spotlight.style.setProperty('--mouse-y', `${mouseY}px`);\r\n\r\n                            tiltBox.style.transform = `rotateY(${percentX * 2.5}deg) rotateX(${percentY * -2.5}deg) translateZ(0)`;\r\n                            bgWrapper.style.transform = `translate3d(${percentX * -6}px, ${percentY * -6}px, 0)`;\r\n\r\n                            for (let i = 0; i < parallaxBadges.length; i++) {\r\n                                const speed = parallaxBadges[i].getAttribute('data-speed');\r\n                                parallaxBadges[i].style.transform = `translate3d(${percentX * speed}px, ${percentY * speed}px, 0)`;\r\n                            }\r\n                            ticking = false;\r\n                        });\r\n                        ticking = true;\r\n                    }\r\n                }, { passive: true });\r\n\r\n                let btnTicking = false;\r\n                btnArea.addEventListener('mousemove', (e) => {\r\n                    if (!btnTicking) {\r\n                        window.requestAnimationFrame(() => {\r\n                            const rect = btnArea.getBoundingClientRect();\r\n                            const x = e.clientX - rect.left - rect.width \/ 2;\r\n                            const y = e.clientY - rect.top - rect.height \/ 2;\r\n                            magneticBtn.style.transform = `translate3d(${x * 0.25}px, ${y * 0.25}px, 0)`;\r\n                            btnTicking = false;\r\n                        });\r\n                        btnTicking = true;\r\n                    }\r\n                }, { passive: true });\r\n\r\n                btnArea.addEventListener('mouseleave', () => {\r\n                    magneticBtn.style.transform = `translate3d(0px, 0px, 0)`;\r\n                });\r\n\r\n                heroSection.addEventListener('mouseleave', () => {\r\n                    window.requestAnimationFrame(() => {\r\n                        tiltBox.style.transform = `rotateY(0deg) rotateX(0deg) translateZ(0)`;\r\n                        bgWrapper.style.transform = `translate3d(0px, 0px, 0)`;\r\n                        spotlight.style.setProperty('--mouse-x', `50%`);\r\n                        spotlight.style.setProperty('--mouse-y', `50%`);\r\n                        \r\n                        for (let i = 0; i < parallaxBadges.length; i++) {\r\n                            parallaxBadges[i].style.transform = `translate3d(0px, 0px, 0)`;\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af64e42 elementor-widget elementor-widget-html\" data-id=\"af64e42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>About Section<\/title>\r\n    \r\n    <!-- \u062a\u0645 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 @import \u0644\u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"xev-about-isolated-root\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        \/* 1) \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n        #xev-about-isolated-root,\r\n        #xev-about-isolated-root * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #xev-about-isolated-root {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            background-color: transparent !important; \r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff !important; \r\n            padding: clamp(60px, 10vw, 120px) 0;\r\n            isolation: isolate;\r\n        }\r\n\r\n        \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0628\u0643\u064a\u0629 *\/\r\n        #xev-about-isolated-root .xev-about-grid {\r\n            position: absolute;\r\n            inset: 0;\r\n            background-size: 50px 50px;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            opacity: 0.1; \r\n            \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621: \u0641\u0635\u0644 \u0637\u0628\u0642\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        \/* 2) \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n        #xev-about-isolated-root .xev-about-shell {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 92%;\r\n            max-width: 1300px;\r\n            display: grid;\r\n            grid-template-columns: 1.1fr 0.9fr;\r\n            gap: clamp(40px, 8vw, 100px);\r\n            align-items: center;\r\n        }\r\n\r\n        \/* 3) \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0628\u0635\u0631\u064a *\/\r\n        #xev-about-isolated-root .xev-visual-composition {\r\n            position: relative;\r\n            width: 100%;\r\n            height: clamp(400px, 50vw, 550px);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transform: translateX(80px);\r\n            opacity: 0;\r\n            transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.2s ease;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-is-visible .xev-visual-composition {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-photo-main {\r\n            position: absolute;\r\n            width: 75%;\r\n            height: 85%;\r\n            top: 0;\r\n            right: 0;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.2);\r\n            z-index: 3;\r\n            \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 *\/\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-photo-alt {\r\n            position: absolute;\r\n            width: 55%;\r\n            height: 60%;\r\n            bottom: -20px;\r\n            left: 0;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            border: 8px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n            z-index: 5;\r\n            \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 *\/\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-photo-main img,\r\n        #xev-about-isolated-root .xev-photo-alt img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0626\u0645\u0629 *\/\r\n        #xev-about-isolated-root .xev-floating-stat {\r\n            position: absolute;\r\n            top: 45%;\r\n            left: -20px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            padding: clamp(15px, 2vw, 25px);\r\n            border-radius: 20px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n            z-index: 10;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            animation: xevFloatingStat 6s ease-in-out infinite alternate;\r\n            will-change: transform;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-floating-stat strong {\r\n            font-size: clamp(24px, 3vw, 32px);\r\n            color: #5C4994;\r\n            font-weight: 900;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-floating-stat span {\r\n            font-size: 13px;\r\n            color: #555;\r\n            font-weight: 600;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        @keyframes xevFloatingStat {\r\n            0% { transform: translate3d(0, 0, 0) rotate(0deg); }\r\n            100% { transform: translate3d(0, -20px, 0) rotate(2deg); }\r\n        }\r\n\r\n        \/* 4) \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n        #xev-about-isolated-root .xev-about-copy {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 28px;\r\n            text-align: right;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-section-marker {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-marker-line {\r\n            height: 2px;\r\n            width: 0;\r\n            background: linear-gradient(to left, #ffffff, transparent); \r\n            transition: width 1.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            transition-delay: 0.5s;\r\n            will-change: width;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-is-visible .xev-marker-line {\r\n            width: 60px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-marker-text {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #ffffff; \r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-heading {\r\n            font-size: clamp(28px, 4vw, 44px) !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.2 !important;\r\n            margin: 0 !important;\r\n            color: #ffffff !important; \r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-accent {\r\n            color: #ffffff;\r\n            position: relative;\r\n            text-shadow: 0 0 15px rgba(255, 255, 255, 0.3); \r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-text {\r\n            font-size: clamp(15px, 1.2vw, 18px) !important;\r\n            font-weight: 400 !important;\r\n            line-height: 1.8 !important;\r\n            color: rgba(255, 255, 255, 0.85) !important; \r\n            margin: 0 !important;\r\n            max-width: 600px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a - \u062a\u0623\u062b\u064a\u0631 \u0632\u062c\u0627\u062c\u064a Glassmorphism *\/\r\n        #xev-about-isolated-root .xev-feature-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-feature-card {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            padding: 18px;\r\n            background: rgba(255, 255, 255, 0.1); \r\n            backdrop-filter: blur(12px); \r\n            -webkit-backdrop-filter: blur(12px); \r\n            border: 1px solid rgba(255, 255, 255, 0.2); \r\n            border-radius: 18px;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); \r\n            will-change: transform, box-shadow, border-color, background;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-feature-card:hover {\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            background: rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n            transform: translateY(-8px) scale(1.02);\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-feature-icon {\r\n            flex-shrink: 0;\r\n            width: 44px;\r\n            height: 44px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #A090CF; \r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 18px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-feature-card span {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: #ffffff; \r\n        }\r\n\r\n        \/* 5) reveal animation *\/\r\n        #xev-about-isolated-root .xev-reveal-item {\r\n            display: block;\r\n            transform: translateX(-80px);\r\n            opacity: 0;\r\n            transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 1.2s ease;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-is-visible .xev-reveal-item {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-delay-1 { transition-delay: 0.1s; }\r\n        #xev-about-isolated-root .xev-delay-2 { transition-delay: 0.3s; }\r\n        #xev-about-isolated-root .xev-delay-3 { transition-delay: 0.5s; }\r\n        #xev-about-isolated-root .xev-delay-4 { transition-delay: 0.7s; }\r\n\r\n        \/* 6) responsive *\/\r\n        @media (max-width: 1024px) {\r\n            #xev-about-isolated-root .xev-about-shell {\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            #xev-about-isolated-root .xev-about-shell {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                gap: 70px;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-about-copy {\r\n                text-align: center;\r\n                align-items: center;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-section-marker {\r\n                justify-content: center;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-marker-line {\r\n                display: none;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-about-text {\r\n                margin: 0 auto !important;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-feature-grid {\r\n                width: 100%;\r\n                max-width: 550px;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-floating-stat {\r\n                left: 50%;\r\n                transform: translate3d(-50%, 0, 0) !important;\r\n                top: auto;\r\n                bottom: -20px;\r\n                animation: xevFloatingStatMobile 4s ease-in-out infinite alternate;\r\n            }\r\n\r\n            @keyframes xevFloatingStatMobile {\r\n                to { transform: translate3d(-50%, -10px, 0); }\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-photo-main {\r\n                width: 85%;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-photo-alt {\r\n                width: 55%;\r\n                right: 0;\r\n                left: auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            #xev-about-isolated-root .xev-visual-composition {\r\n                height: 350px;\r\n            }\r\n\r\n            #xev-about-isolated-root .xev-feature-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* =========================================\r\n           English CSS Overrides - TranslatePress\r\n           ========================================= *\/\r\n\r\n        html:lang(en) #xev-about-isolated-root,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root,\r\n        body:lang(en) #xev-about-isolated-root {\r\n            direction: ltr !important;\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-shell,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-shell,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-shell,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-shell {\r\n            direction: ltr !important;\r\n            grid-template-columns: 0.9fr 1.1fr !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-copy,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-copy,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-copy,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-copy {\r\n            text-align: left !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-section-marker,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-section-marker,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-section-marker,\r\n        body:lang(en) #xev-about-isolated-root .xev-section-marker {\r\n            justify-content: flex-start !important;\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-marker-line,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-marker-line,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-marker-line,\r\n        body:lang(en) #xev-about-isolated-root .xev-marker-line {\r\n            background: linear-gradient(to right, #ffffff, transparent) !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-marker-text,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-marker-text,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-marker-text,\r\n        body:lang(en) #xev-about-isolated-root .xev-marker-text,\r\n        html:lang(en) #xev-about-isolated-root .xev-about-heading,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-heading,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-heading,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-heading,\r\n        html:lang(en) #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-text,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-text,\r\n        html:lang(en) #xev-about-isolated-root .xev-feature-card span,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-feature-card span,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-feature-card span,\r\n        body:lang(en) #xev-about-isolated-root .xev-feature-card span,\r\n        html:lang(en) #xev-about-isolated-root .xev-floating-stat span,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-floating-stat span,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-floating-stat span,\r\n        body:lang(en) #xev-about-isolated-root .xev-floating-stat span,\r\n        html:lang(en) #xev-about-isolated-root .xev-floating-stat strong,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-floating-stat strong,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-floating-stat strong,\r\n        body:lang(en) #xev-about-isolated-root .xev-floating-stat strong {\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-text,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-text {\r\n            max-width: 640px !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-visual-composition,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-visual-composition,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-visual-composition,\r\n        body:lang(en) #xev-about-isolated-root .xev-visual-composition {\r\n            transform: translateX(-80px) !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-is-visible .xev-visual-composition,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-is-visible .xev-visual-composition,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-is-visible .xev-visual-composition,\r\n        body:lang(en) #xev-about-isolated-root .xev-is-visible .xev-visual-composition {\r\n            transform: translateX(0) !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-photo-main,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-photo-main,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-photo-main,\r\n        body:lang(en) #xev-about-isolated-root .xev-photo-main {\r\n            right: auto !important;\r\n            left: 0 !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-photo-alt,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-photo-alt,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-photo-alt,\r\n        body:lang(en) #xev-about-isolated-root .xev-photo-alt {\r\n            left: auto !important;\r\n            right: 0 !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-floating-stat,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-floating-stat,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-floating-stat,\r\n        body:lang(en) #xev-about-isolated-root .xev-floating-stat {\r\n            left: auto !important;\r\n            right: -20px !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-feature-card,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-feature-card,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-feature-card,\r\n        body:lang(en) #xev-about-isolated-root .xev-feature-card {\r\n            direction: ltr !important;\r\n            justify-content: flex-start !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-reveal-item,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-reveal-item,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-reveal-item,\r\n        body:lang(en) #xev-about-isolated-root .xev-reveal-item {\r\n            transform: translateX(80px) !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-is-visible .xev-reveal-item,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-is-visible .xev-reveal-item,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-is-visible .xev-reveal-item,\r\n        body:lang(en) #xev-about-isolated-root .xev-is-visible .xev-reveal-item {\r\n            transform: translateX(0) !important;\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            html:lang(en) #xev-about-isolated-root .xev-about-shell,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-shell,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-shell,\r\n            body:lang(en) #xev-about-isolated-root .xev-about-shell {\r\n                grid-template-columns: 1fr !important;\r\n                text-align: center !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-about-copy,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-copy,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-copy,\r\n            body:lang(en) #xev-about-isolated-root .xev-about-copy {\r\n                text-align: center !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-section-marker,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-section-marker,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-section-marker,\r\n            body:lang(en) #xev-about-isolated-root .xev-section-marker {\r\n                justify-content: center !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-floating-stat,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-floating-stat,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-floating-stat,\r\n            body:lang(en) #xev-about-isolated-root .xev-floating-stat {\r\n                right: auto !important;\r\n                left: 50% !important;\r\n                transform: translate3d(-50%, 0, 0) !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-photo-alt,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-photo-alt,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-photo-alt,\r\n            body:lang(en) #xev-about-isolated-root .xev-photo-alt {\r\n                left: 0 !important;\r\n                right: auto !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"xev-about-grid\"><\/div>\r\n\r\n    <div class=\"xev-about-shell\" id=\"xev-about-shell\">\r\n        \r\n        <div class=\"xev-visual-composition\" id=\"xev-visual-composition\">\r\n            \r\n            <div class=\"xev-photo-main\" id=\"xev-photo-main\">\r\n                <!-- \u0625\u0636\u0627\u0641\u0629 Lazy Loading \u0648 async decoding -->\r\n                <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-2-\u0644\u0627\u0641\u0646\u062f\u0631.webp\" alt=\"Exhibition Logistics\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n            <div class=\"xev-photo-alt\" id=\"xev-photo-alt\">\r\n                <!-- \u0625\u0636\u0627\u0641\u0629 Lazy Loading \u0648 async decoding -->\r\n                <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0644\u0627\u0641\u0646\u062f\u0631.webp\" alt=\"Conference Management\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n            <!-- \u062a\u0645 \u0646\u0642\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0626\u0645\u0629 \u0644\u062f\u0627\u062e\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0644\u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0627\u0644\u0628\u0627\u0642\u064a -->\r\n            <div class=\"xev-floating-stat\">\r\n                <strong>+10<\/strong>\r\n                <span>\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"xev-about-copy\">\r\n            \r\n            <div class=\"xev-section-marker\">\r\n                <span class=\"xev-marker-line\"><\/span>\r\n                <span class=\"xev-marker-text\"> \u0645\u062f\u062f  <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"xev-reveal-wrap\">\r\n                <h2 class=\"xev-about-heading xev-reveal-item xev-delay-1\">\r\n                     \u0645\u0646  <span class=\"xev-about-accent\"> \u0646\u062d\u0646<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"xev-reveal-wrap\">\r\n                <p class=\"xev-about-text xev-reveal-item xev-delay-2\">\r\n                    \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0646\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"xev-reveal-wrap\">\r\n                <p class=\"xev-about-text xev-reveal-item xev-delay-3\">\r\n                    \u0646\u0624\u0645\u0646 \u0623\u0646 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629 \u0647\u064a \u0631\u0633\u0627\u0644\u0629\u060c \u0648\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u064f\u062d\u062f\u062b \u0623\u062b\u0631\u064b\u0627. \u0644\u0630\u0644\u0643 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u062e\u0637\u0637 \u062a\u0634\u063a\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u062a\u0636\u0645\u0646 \u0646\u062c\u0627\u062d \u0641\u0639\u0627\u0644\u064a\u062a\u0643.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"xev-feature-grid xev-reveal-item xev-delay-4\">\r\n                <div class=\"xev-feature-card\">\r\n                    <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\r\n                    <span>\u062d\u0644\u0648\u0644 \u0627\u0628\u062a\u0643\u0627\u0631\u064a\u0629<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"xev-feature-card\">\r\n                    <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-users-viewfinder\"><\/i><\/div>\r\n                    <span>\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"xev-feature-card\">\r\n                    <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <span>\u062e\u0637\u0637 \u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"xev-feature-card\">\r\n                    <div class=\"xev-feature-icon\"><i class=\"fa-solid fa-ranking-star\"><\/i><\/div>\r\n                    <span>\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const root = document.getElementById(\"xev-about-isolated-root\");\r\n            if (!root) return;\r\n\r\n            const isMobile = window.innerWidth <= 991;\r\n            const shell = root.querySelector(\"#xev-about-shell\");\r\n            const img1 = root.querySelector(\"#xev-photo-main\");\r\n            const img2 = root.querySelector(\"#xev-photo-alt\");\r\n\r\n            if (!shell) return;\r\n\r\n            \/\/ \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0631\u0627\u0642\u0628 \u0648\u0625\u064a\u0642\u0627\u0641\u0647 \u0628\u0639\u062f \u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0648\u0644\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        shell.classList.add(\"xev-is-visible\");\r\n                        observerInstance.unobserve(entry.target); \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 }); \/\/ \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0639\u062a\u0628\u0629 \u0644\u0638\u0647\u0648\u0631 \u0623\u0633\u0631\u0639 \u0642\u0644\u064a\u0644\u0627\u064b\r\n\r\n            observer.observe(shell);\r\n\r\n            \/\/ \u062a\u062d\u0633\u064a\u0646 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0627\u0648\u0633 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 requestAnimationFrame \u0648 translate3d\r\n            if (!isMobile && img1 && img2) {\r\n                let ticking = false;\r\n                window.addEventListener(\"mousemove\", function (e) {\r\n                    if (!ticking) {\r\n                        window.requestAnimationFrame(() => {\r\n                            const rect = root.getBoundingClientRect();\r\n                            const localX = e.clientX - rect.left;\r\n                            const localY = e.clientY - rect.top;\r\n\r\n                            const centerX = rect.width \/ 2;\r\n                            const centerY = rect.height \/ 2;\r\n\r\n                            const percentX = (localX - centerX) \/ centerX;\r\n                            const percentY = (localY - centerY) \/ centerY;\r\n\r\n                            \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 translate3d \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0639\u0628\u0631 \u0627\u0644\u0640 GPU\r\n                            img1.style.transform = `translate3d(${percentX * 25}px, ${percentY * 25}px, 0)`;\r\n                            img2.style.transform = `translate3d(${percentX * -40}px, ${percentY * -40}px, 0)`;\r\n                            \r\n                            ticking = false;\r\n                        });\r\n                        ticking = true;\r\n                    }\r\n                }, { passive: true }); \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 passive listener \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbe7e66 elementor-widget elementor-widget-html\" data-id=\"fbe7e66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Stats Section<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"mdp-stats-wrapper\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        \/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        #mdp-stats-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            min-height: 700px;\r\n            background-color: rgba(10, 5, 20, 0.65) !important; \r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            --mouse-x: 50%;\r\n            --mouse-y: 50%;\r\n        }\r\n\r\n        #mdp-stats-wrapper * { box-sizing: border-box; }\r\n\r\n        \/* 2. \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u062a\u0648\u0647\u062c\u0627\u062a \u0627\u0644\u0632\u0648\u0627\u064a\u0627) *\/\r\n        .mdp-background-fx {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            overflow: hidden;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u0623\u0636\u0648\u0627\u0621 \u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 *\/\r\n        .mdp-corner-light {\r\n            position: absolute;\r\n            width: 60vw;\r\n            height: 60vw;\r\n            filter: blur(150px);\r\n            opacity: 0.3; \r\n            pointer-events: none;\r\n            z-index: 1;\r\n            border-radius: 50%;\r\n            will-change: filter;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        \/* \u064a\u0645\u064a\u0646 \u0641\u0648\u0642 *\/\r\n        .mdp-light-top-right {\r\n            top: -20%;\r\n            right: -10%;\r\n            background: radial-gradient(circle at center, #5C4994 0%, transparent 70%);\r\n        }\r\n\r\n        \/* \u0634\u0645\u0627\u0644 \u062a\u062d\u062a *\/\r\n        .mdp-light-bottom-left {\r\n            bottom: -20%;\r\n            left: -10%;\r\n            background: radial-gradient(circle at center, #5C4994 0%, transparent 70%);\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c \u0645\u062a\u062d\u0631\u0643 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0639\u0645\u0642 \u0627\u0644\u0628\u0635\u0631\u064a *\/\r\n        .mdp-mesh-glow {\r\n            position: absolute;\r\n            width: 40vw; height: 40vh;\r\n            background: radial-gradient(circle, rgba(92, 73, 148, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            pointer-events: none;\r\n            animation: mdpGlowFloat 20s infinite alternate ease-in-out;\r\n            z-index: 2;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        @keyframes mdpGlowFloat {\r\n            0% { transform: translate3d(-10%, -10%, 0) scale(1); }\r\n            100% { transform: translate3d(10%, 10%, 0) scale(1.2); }\r\n        }\r\n\r\n        \/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0640 Spotlight \u0627\u0644\u062a\u064a \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n        .mdp-cursor-spotlight {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle 500px at var(--mouse-x) var(--mouse-y), rgba(92, 73, 148, 0.2), transparent 80%);\r\n            z-index: 3;\r\n            pointer-events: none;\r\n            will-change: background;\r\n        }\r\n\r\n        \/* 3. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n        .mdp-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 90%;\r\n            max-width: 1400px;\r\n            text-align: center;\r\n        }\r\n\r\n        .mdp-stats-header {\r\n            margin-bottom: clamp(60px, 10vh, 100px);\r\n            opacity: 0;\r\n            transform: translateX(80px);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .mdp-stats-header.mdp-visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .mdp-header-small {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #A090CF; \r\n            text-transform: uppercase;\r\n            letter-spacing: 8px;\r\n            display: block;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mdp-header-large {\r\n            font-size: clamp(30px, 4.5vw, 50px);\r\n            font-weight: 900;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n            color: #ffffff;\r\n            text-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .mdp-accent-purple {\r\n            color: #A090CF;\r\n        }\r\n\r\n        \/* 4. \u0634\u0628\u0643\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 *\/\r\n        .mdp-stats-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            gap: clamp(30px, 4vw, 80px);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .mdp-stat-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            min-width: 160px;\r\n            opacity: 0;\r\n            transform: translateX(-80px);\r\n            transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1);\r\n            transition-delay: var(--delay);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .mdp-visible .mdp-stat-item {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .mdp-stat-number {\r\n            font-size: clamp(50px, 7vw, 80px);\r\n            font-weight: 900;\r\n            line-height: 0.9;\r\n            color: transparent; \r\n            -webkit-text-stroke: 2px #A090CF; \r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            letter-spacing: -2px;\r\n            filter: drop-shadow(0 0 10px rgba(160, 144, 207, 0.2));\r\n            will-change: transform, text-shadow, color;\r\n        }\r\n\r\n        .mdp-stat-item:hover .mdp-stat-number {\r\n            color: #A090CF; \r\n            -webkit-text-stroke: 2px #A090CF;\r\n            transform: scale(1.1) translateY(-10px);\r\n            text-shadow: 0 0 50px rgba(160, 144, 207, 0.6), 0 0 20px rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .mdp-stat-label {\r\n            font-size: clamp(16px, 1.3vw, 22px);\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            letter-spacing: 0.5px;\r\n            transition: all 0.4s ease;\r\n            opacity: 0.9;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .mdp-stat-item:hover .mdp-stat-label {\r\n            color: #ffffff;\r\n            transform: translateY(-5px);\r\n            opacity: 1;\r\n            text-shadow: 0 0 10px rgba(255,255,255,0.3);\r\n        }\r\n\r\n        \/* \u0641\u0648\u0627\u0635\u0644 \u0639\u0645\u0648\u062f\u064a\u0629 *\/\r\n        .mdp-stat-divider {\r\n            width: 2px;\r\n            height: 80px;\r\n            background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            margin-top: 15px;\r\n        }\r\n\r\n        \/* =========================\r\n           English-only overrides\r\n           Compatible with TranslatePress\r\n           ========================= *\/\r\n\r\n        html:lang(en) #mdp-stats-wrapper,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper,\r\n        body:lang(en) #mdp-stats-wrapper {\r\n            direction: ltr !important;\r\n            font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-container,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-container,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-container,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-container {\r\n            text-align: center;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stats-header,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stats-header,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stats-header,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stats-header {\r\n            transform: translateX(-80px);\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stats-header.mdp-visible,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stats-header.mdp-visible,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stats-header.mdp-visible,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stats-header.mdp-visible {\r\n            transform: translateX(0);\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-header-small,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-header-small,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-header-small,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-header-small {\r\n            letter-spacing: 5px;\r\n            font-size: 12px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-header-large,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-header-large,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-header-large,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-header-large {\r\n            letter-spacing: 0;\r\n            line-height: 1.15;\r\n            max-width: 900px;\r\n            margin-inline: auto;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stats-grid,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stats-grid,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stats-grid,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stats-grid {\r\n            direction: ltr;\r\n            gap: clamp(28px, 3.5vw, 72px);\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stat-item,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-item,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-item,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stat-item {\r\n            transform: translateX(80px);\r\n            min-width: 170px;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-visible .mdp-stat-item,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-visible .mdp-stat-item,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-visible .mdp-stat-item,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-visible .mdp-stat-item {\r\n            transform: translateX(0);\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stat-number,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-number,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-number,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stat-number {\r\n            letter-spacing: -1px;\r\n            line-height: 0.95;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stat-label,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-label,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-label,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stat-label {\r\n            font-size: clamp(15px, 1.15vw, 20px);\r\n            line-height: 1.45;\r\n            letter-spacing: 0;\r\n            max-width: 180px;\r\n            text-wrap: balance;\r\n        }\r\n\r\n        html:lang(en) #mdp-stats-wrapper .mdp-stat-divider,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-divider,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-divider,\r\n        body:lang(en) #mdp-stats-wrapper .mdp-stat-divider {\r\n            margin-top: 10px;\r\n        }\r\n\r\n        \/* \u0644\u0648 \u0638\u0647\u0631 \u0632\u0631\/\u0623\u064a\u0642\u0648\u0646\u0629 \u062f\u0627\u062e\u0644 \u0646\u0641\u0633 \u0627\u0644\u0633\u0643\u0634\u0646 \u0645\u0633\u062a\u0642\u0628\u0644\u064b\u0627 *\/\r\n        html:lang(en) #mdp-stats-wrapper button,\r\n        html:lang(en) #mdp-stats-wrapper .button,\r\n        html:lang(en) #mdp-stats-wrapper .btn,\r\n        html:lang(en) #mdp-stats-wrapper [class*=\"icon\"],\r\n        html:lang(en) #mdp-stats-wrapper i,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper button,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .button,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper .btn,\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper [class*=\"icon\"],\r\n        html[lang=\"en-US\"] #mdp-stats-wrapper i,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper button,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .button,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper .btn,\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper [class*=\"icon\"],\r\n        html[lang=\"en-GB\"] #mdp-stats-wrapper i,\r\n        body:lang(en) #mdp-stats-wrapper button,\r\n        body:lang(en) #mdp-stats-wrapper .button,\r\n        body:lang(en) #mdp-stats-wrapper .btn,\r\n        body:lang(en) #mdp-stats-wrapper [class*=\"icon\"],\r\n        body:lang(en) #mdp-stats-wrapper i {\r\n            direction: ltr;\r\n        }\r\n\r\n        \/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Media Queries) *\/\r\n        @media (max-width: 1024px) {\r\n            .mdp-stat-divider { display: none; }\r\n            .mdp-stats-grid { gap: 50px; }\r\n            .mdp-corner-light { width: 80vw; opacity: 0.2; }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-stats-grid,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stats-grid,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stats-grid,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-stats-grid {\r\n                gap: 44px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #mdp-stats-wrapper { height: auto; min-height: 100vh; padding: 100px 0; }\r\n            .mdp-stat-number { font-size: 70px; -webkit-text-stroke: 1.5px #A090CF; }\r\n            .mdp-stat-item { min-width: 140px; }\r\n            .mdp-stats-header { margin-bottom: 50px; }\r\n            .mdp-corner-light { filter: blur(100px); }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-header-small,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-header-small,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-header-small,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-header-small {\r\n                letter-spacing: 3px;\r\n            }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-stat-item,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-item,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-item,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-stat-item {\r\n                min-width: 150px;\r\n            }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-stat-label,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-label,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-label,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-stat-label {\r\n                max-width: 160px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mdp-stats-grid { gap: 40px; }\r\n            .mdp-stat-number { font-size: 60px; }\r\n            .mdp-header-large { font-size: 28px; }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-header-large,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-header-large,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-header-large,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-header-large {\r\n                font-size: 26px;\r\n            }\r\n\r\n            html:lang(en) #mdp-stats-wrapper .mdp-stat-label,\r\n            html[lang=\"en-US\"] #mdp-stats-wrapper .mdp-stat-label,\r\n            html[lang=\"en-GB\"] #mdp-stats-wrapper .mdp-stat-label,\r\n            body:lang(en) #mdp-stats-wrapper .mdp-stat-label {\r\n                font-size: 15px;\r\n                max-width: 140px;\r\n            }\r\n        }\r\n\r\n    <\/style>\r\n\r\n    <div class=\"mdp-background-fx\">\r\n        <div class=\"mdp-corner-light mdp-light-top-right\"><\/div>\r\n        <div class=\"mdp-corner-light mdp-light-bottom-left\"><\/div>\r\n        <div class=\"mdp-mesh-glow\"><\/div>\r\n        <div class=\"mdp-cursor-spotlight\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-container\">\r\n        <div class=\"mdp-stats-header\" id=\"mdp-header\">\r\n            <span class=\"mdp-header-small\">OUR SUCCESS IN NUMBERS<\/span>\r\n            <h2 class=\"mdp-header-large\">\u0646\u0633\u0640\u0637\u0631 \u0627\u0644\u0646\u062c\u0627\u062d <span class=\"mdp-accent-purple\">\u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"mdp-stats-grid\" id=\"mdp-grid\">\r\n            \r\n            <div class=\"mdp-stat-item\" style=\"--delay: 0.2s;\">\r\n                <div class=\"mdp-stat-number\" data-target=\"10\" data-suffix=\"\">0<\/div>\r\n                <div class=\"mdp-stat-label\">\u0645\u0646\u0627\u0637\u0642<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n            <div class=\"mdp-stat-item\" style=\"--delay: 0.4s;\">\r\n                <div class=\"mdp-stat-number\" data-target=\"115\" data-suffix=\"+\">0<\/div>\r\n                <div class=\"mdp-stat-label\">\u0639\u0645\u0644\u0627\u0621<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n            <div class=\"mdp-stat-item\" style=\"--delay: 0.6s;\">\r\n                <div class=\"mdp-stat-number\" data-target=\"100\" data-suffix=\"+\">0<\/div>\r\n                <div class=\"mdp-stat-label\">\u0645\u0634\u0631\u0648\u0639<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n            <div class=\"mdp-stat-item\" style=\"--delay: 0.8s;\">\r\n                <div class=\"mdp-stat-number\" data-target=\"130\" data-suffix=\"+\">0<\/div>\r\n                <div class=\"mdp-stat-label\">\u0641\u0639\u0627\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n            <div class=\"mdp-stat-item\" style=\"--delay: 1s;\">\r\n                <div class=\"mdp-stat-number\" data-target=\"250\" data-suffix=\"\">0<\/div>\r\n                <div class=\"mdp-stat-label\">\u0632\u0627\u0626\u0631 \u0648\u0645\u0634\u0627\u0631\u0643<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const wrapper = document.getElementById('mdp-stats-wrapper');\r\n            const header = document.getElementById('mdp-header');\r\n            const grid = document.getElementById('mdp-grid');\r\n            const statsNumbers = document.querySelectorAll('.mdp-stat-number');\r\n            const statItems = document.querySelectorAll('.mdp-stat-item');\r\n\r\n            const isEnglish =\r\n                document.documentElement.lang === 'en' ||\r\n                document.documentElement.lang === 'en-US' ||\r\n                document.documentElement.lang === 'en-GB' ||\r\n                (document.body && document.body.lang === 'en');\r\n            \r\n            \/\/ 1. \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0627\u0648\u0633 \u0644\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u0627\u0644\u0628\u0627\u0631\u0627\u0644\u0627\u0643\u0633 \u0645\u0639 requestAnimationFrame\r\n            let ticking = false;\r\n            wrapper.addEventListener('mousemove', (e) => {\r\n                if (!ticking) {\r\n                    window.requestAnimationFrame(() => {\r\n                        const rect = wrapper.getBoundingClientRect();\r\n                        const x = e.clientX - rect.left;\r\n                        const y = e.clientY - rect.top;\r\n\r\n                        wrapper.style.setProperty('--mouse-x', `${x}px`);\r\n                        wrapper.style.setProperty('--mouse-y', `${y}px`);\r\n\r\n                        if (window.innerWidth > 991) {\r\n                            const centerX = rect.width \/ 2;\r\n                            const centerY = rect.height \/ 2;\r\n                            const moveX = (x - centerX) \/ 80;\r\n                            const moveY = (y - centerY) \/ 80;\r\n                            \r\n                            statItems.forEach((item, index) => {\r\n                                const factor = (index + 1) * 0.35;\r\n                                const isVisible = grid.classList.contains('mdp-visible');\r\n                                const hiddenTransform = isEnglish ? 'translateX(80px)' : 'translateX(-80px)';\r\n                                const currentTransform = isVisible ? 'translateX(0)' : hiddenTransform;\r\n                                item.style.transform = `translate3d(${moveX * factor}px, ${moveY * factor}px, 0) ${currentTransform}`;\r\n                            });\r\n                        }\r\n                        ticking = false;\r\n                    });\r\n                    ticking = true;\r\n                }\r\n            }, { passive: true });\r\n\r\n            \/\/ 2. \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0638\u0647\u0648\u0631 (Reveal) \u0645\u0639 \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach(entry => {\r\n                    if(entry.isIntersecting) {\r\n                        entry.target.classList.add('mdp-visible');\r\n                        observerInstance.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, { threshold: 0.1 }); \r\n\r\n            observer.observe(header);\r\n            observer.observe(grid);\r\n\r\n            \/\/ 3. \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0639\u062f\u0627\u062f\r\n            const countUp = (element) => {\r\n                const target = parseInt(element.getAttribute('data-target'));\r\n                const suffix = element.getAttribute('data-suffix') || '';\r\n                const duration = 2000; \r\n                let startTime = null;\r\n\r\n                const step = (timestamp) => {\r\n                    if (!startTime) startTime = timestamp;\r\n                    const progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n                    const easeProgress = 1 - Math.pow(2, -10 * progress);\r\n                    const current = Math.floor(easeProgress * target);\r\n                    \r\n                    element.innerText = current + suffix;\r\n                    \r\n                    if (progress < 1) {\r\n                        window.requestAnimationFrame(step);\r\n                    } else {\r\n                        element.innerText = target + suffix;\r\n                    }\r\n                };\r\n                window.requestAnimationFrame(step);\r\n            };\r\n\r\n            const statsObserver = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting && !entry.target.classList.contains('counted')) {\r\n                        countUp(entry.target);\r\n                        entry.target.classList.add('counted');\r\n                        observerInstance.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, { threshold: 0.5 }); \r\n\r\n            statsNumbers.forEach(num => statsObserver.observe(num));\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df8072c elementor-widget elementor-widget-shortcode\" data-id=\"df8072c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <!-- Swiper CSS & Fonts (Loaded once) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0647\u0648\u0641\u0631 \u0644\u0632\u0631 \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 *\/\n        .mhs-explore:hover {\n            background: #6751A3 !important;\n            border-color: #6751A3 !important;\n            box-shadow: 0 8px 20px rgba(103, 81, 163, 0.4);\n            transition: all 0.3s ease !important;\n        }\n\n        \/* \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0633\u0647\u0645 \u0644\u0644\u064a\u0633\u0627\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 (\u0628\u0645\u0627 \u0623\u0646 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 RTL) *\/\n        .mhs-explore:hover i {\n            transform: translateX(-6px);\n        }\n\n        \/* \u0636\u0628\u0637 \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0644\u064a\u0643\u0648\u0646 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0646\u0627\u0639\u0645\u0627\u064b *\/\n        .mhs-explore i {\n            transition: transform 0.3s ease;\n        }\n\n        .madad-home-slider-wrapper * { \n            box-sizing: border-box !important; \n            font-family: 'Cairo', 'Tajawal', sans-serif; \n            margin: 0; \n            padding: 0;\n        }\n\n        .madad-home-slider-wrapper {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative;\n            margin-right: calc(50% - 50vw) !important;\n            margin-left: calc(50% - 50vw) !important;\n            direction: rtl;\n            overflow: hidden;\n            background: #000000;\n        }\n\n        .mhs-swiper {\n            width: 100%;\n            height: 100vh;\n            min-height: 600px;\n        }\n\n        .mhs-swiper .swiper-slide {\n            position: relative;\n            background: #000;\n            overflow: hidden;\n        }\n\n        .mhs-slide-link {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            inset: 0;\n            z-index: 5;\n        }\n\n        \/* Video & Image Background Styling *\/\n        .mhs-media-wrapper {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }\n\n        .mhs-media-wrapper img, \n        .mhs-media-wrapper video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            pointer-events: none;\n        }\n\n        \/* Overlay *\/\n        .mhs-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top left, rgba(0, 0, 0, 0.9) 0%, rgba(103, 81, 163, 0.3) 50%, transparent 80%);\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        \/* Content Positioning *\/\n        .mhs-content {\n            position: absolute;\n            bottom: 12%;\n            right: 8%;\n            z-index: 10;\n            text-align: right;\n            max-width: 800px;\n            color: #ffffff;\n            pointer-events: none;\n        }\n\n        .mhs-title {\n            font-size: clamp(32px, 5vw, 64px);\n            font-weight: 900;\n            margin-bottom: 15px !important;\n            color: #ffffff !important;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.4);\n            transform: translateY(30px);\n            opacity: 0;\n            transition: 0.8s ease-out;\n            line-height: 1.15;\n        }\n\n        .mhs-client {\n            font-size: clamp(16px, 2vw, 22px);\n            color: #a289eb !important;\n            display: block;\n            margin-bottom: 40px !important;\n            transform: translateY(20px);\n            opacity: 0;\n            transition: 0.8s ease-out 0.2s;\n        }\n\n        .mhs-explore {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 16px;\n            padding: 12px 30px !important;\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            color: #fff;\n            background: rgba(103, 81, 163, 0.1);\n            backdrop-filter: blur(5px);\n            transform: translateY(20px);\n            opacity: 0;\n            transition: 0.8s ease-out 0.4s;\n            pointer-events: auto;\n            text-decoration: none;\n            line-height: 1;\n        }\n\n        .swiper-slide-active .mhs-title,\n        .swiper-slide-active .mhs-client,\n        .swiper-slide-active .mhs-explore {\n            transform: translateY(0);\n            opacity: 1;\n        }\n\n        \/* Navigation *\/\n        .mhs-nav-wrapper {\n            position: absolute;\n            bottom: 12%;\n            left: 8%;\n            z-index: 20;\n            display: flex;\n            gap: 15px;\n        }\n\n        .mhs-btn {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            border: 1px solid rgba(255,255,255,0.3);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            cursor: pointer;\n            transition: 0.3s;\n        }\n\n        .mhs-btn:hover {\n            background: #6751A3;\n            border-color: #6751A3;\n        }\n\n        .swiper-pagination-progressbar {\n            background: rgba(255,255,255,0.1) !important;\n            top: 0 !important;\n            height: 4px !important;\n        }\n\n        .swiper-pagination-progressbar-fill {\n            background: #6751A3 !important;\n        }\n\n        \/* =========================================================\n           English version only - TranslatePress compatible\n           ========================================================= *\/\n\n        html:lang(en) .madad-home-slider-wrapper,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper,\n        body:lang(en) .madad-home-slider-wrapper {\n            direction: ltr !important;\n        }\n \n\n        html:lang(en) .madad-home-slider-wrapper .mhs-overlay,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-overlay,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-overlay,\n        body:lang(en) .madad-home-slider-wrapper .mhs-overlay {\n            background: linear-gradient(to top right, rgba(0, 0, 0, 0.9) 0%, rgba(103, 81, 163, 0.3) 50%, transparent 80%);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-content,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-content,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-content,\n        body:lang(en) .madad-home-slider-wrapper .mhs-content {\n            left: 8%;\n            right: auto;\n            text-align: left;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-title,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-title,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-title,\n        body:lang(en) .madad-home-slider-wrapper .mhs-title {\n            letter-spacing: -0.02em;\n            line-height: 1.08;\n            max-width: 20ch;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-client,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-client,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-client,\n        body:lang(en) .madad-home-slider-wrapper .mhs-client {\n            letter-spacing: 0.01em;\n            margin-bottom: 32px !important;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore {\n            flex-direction: row;\n            gap: 10px;\n            padding: 14px 28px !important;\n            font-size: 15px;\n            letter-spacing: 0.01em;\n            justify-content: center;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore i {\n            transform: scaleX(-1);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-explore:hover i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-explore:hover i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-explore:hover i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-explore:hover i {\n            transform: scaleX(-1) translateX(-6px);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n        body:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper {\n            right: 8%;\n            left: auto;\n            direction: ltr;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn {\n            direction: ltr;\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn-next i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn-next i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn-next i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn-next i {\n            transform: scaleX(-1);\n        }\n\n        html:lang(en) .madad-home-slider-wrapper .mhs-btn-prev i,\n        html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-btn-prev i,\n        html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-btn-prev i,\n        body:lang(en) .madad-home-slider-wrapper .mhs-btn-prev i {\n            transform: scaleX(-1);\n        }\n\n        @media (max-width: 768px) {\n            .mhs-content {\n                right: 5%;\n                left: 5%;\n                text-align: center;\n                bottom: 150px;\n            }\n\n            .mhs-nav-wrapper {\n                left: 50%;\n                transform: translateX(-50%);\n                bottom: 50px;\n            }\n\n            .mhs-explore {\n                margin: 0 auto;\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-content,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-content,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-content,\n            body:lang(en) .madad-home-slider-wrapper .mhs-content {\n                left: 5%;\n                right: 5%;\n                text-align: center;\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-nav-wrapper,\n            body:lang(en) .madad-home-slider-wrapper .mhs-nav-wrapper {\n                left: 50%;\n                right: auto;\n                transform: translateX(-50%);\n            }\n\n            html:lang(en) .madad-home-slider-wrapper .mhs-title,\n            html[lang=\"en-US\"] .madad-home-slider-wrapper .mhs-title,\n            html[lang=\"en-GB\"] .madad-home-slider-wrapper .mhs-title,\n            body:lang(en) .madad-home-slider-wrapper .mhs-title {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n\n    <div class=\"madad-home-slider-wrapper\">\n        <div class=\"swiper mhs-swiper\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/efsim\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/e3-scaled.webp\" alt=\"EFSIM\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">EFSIM<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/efsim\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpeg\" alt=\"\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a8%d9%84%d8%b2%d8%a2%d9%8a-%d9%88%d9%86%d8%aa%d8%b1%d9%88%d9%84%d8%a7%d9%86%d8%af\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS.webp\" alt=\"\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a8%d9%84%d8%b2%d8%a2%d9%8a-%d9%88%d9%86%d8%aa%d8%b1%d9%88%d9%84%d8%a7%d9%86%d8%af\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d9%84%d9%87-%d8%a7%d9%84%d9%85%d8%a7%d9%84%d9%8a-kafd\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo21-scaled.webp\" alt=\"\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d9%84%d9%87-%d8%a7%d9%84%d9%85%d8%a7%d9%84%d9%8a-kafd\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d9%88%d8%b3%d9%85-%d8%a7%d9%84%d8%af%d8%b1%d8%b9%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo-scaled.webp\" alt=\"\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d9%88%d8%b3%d9%85-%d8%a7%d9%84%d8%af%d8%b1%d8%b9%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <img decoding=\"async\" src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo12-scaled.webp\" alt=\"\u0632\u064a\u0646\" loading=\"eager\">\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0632\u064a\u0646<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a5%d8%aa%d8%ad%d8%a7%d8%af-%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a-%d9%84%d9%84%d8%ac%d9%88%d8%af%d9%88\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0627\u062a\u062d\u0627\u062f-\u0627\u0644\u0633\u0639\u0648\u062f\u064a-\u0644\u0644\u062c\u0648\u062f\u0648.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u0625\u062a\u062d\u0627\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0644\u062c\u0648\u062f\u0648<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a5%d8%aa%d8%ad%d8%a7%d8%af-%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a-%d9%84%d9%84%d8%ac%d9%88%d8%af%d9%88\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/iotech-%d9%85%d8%b9%d8%b1%d8%b6-leap\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/VIDEO.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">IOTECH  \u0645\u0639\u0631\u0636 LEAP<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/iotech-%d9%85%d8%b9%d8%b1%d8%b6-leap\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b4%d8%a7%d9%8a-%d9%88%d8%a7%d9%84%d8%b3%d9%86%d8%a7%d9%83\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0647\u064a\u0631\u0648-\u0645\u062f\u062f-\u0627\u0644\u0642\u0627\u0645\u0629-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u064a \u0648\u0627\u0644\u0633\u0646\u0627\u0643<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b4%d8%a7%d9%8a-%d9%88%d8%a7%d9%84%d8%b3%d9%86%d8%a7%d9%83\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b3%d8%b9%d9%88%d8%af-%d9%83%d9%84%d9%8a%d8%a9-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d8%a9-%d9%88\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u062c\u0627\u0645\u0639\u0629-\u0627\u0644\u0645\u0644\u0643-\u0633\u0639\u0648\u062f.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0633\u0639\u0648\u062f \u2013 \u0643\u0644\u064a\u0629 \u0639\u0644\u0648\u0645 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b3%d8%b9%d9%88%d8%af-%d9%83%d9%84%d9%8a%d8%a9-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d8%a9-%d9%88\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%83%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d9%81%d9%87%d8%af-%d8%a7%d9%84%d8%a3%d9%85%d9%86%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0643\u0644\u064a\u0629-\u0627\u0644\u0645\u0644\u0643-\u0641\u0647\u062f-\u0627\u0644\u0627\u0645\u0646\u064a\u0629.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0641\u0647\u062f \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%83%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d9%81%d9%87%d8%af-%d8%a7%d9%84%d8%a3%d9%85%d9%86%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%a9-%d8%a7%d9%84%d8%af%d9%84%d9%85\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0628\u0644\u062f\u064a\u0629-\u0627\u0644\u062f\u0644\u0645.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u062f\u0644\u0645<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%a9-%d8%a7%d9%84%d8%af%d9%84%d9%85\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a5%d8%a8%d8%b1%d8%a7%d9%87%d9%8a%d9%85-%d8%a8%d9%86-%d9%85%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%b3%d8%b9%d9%8a%d8%af%d8%a7%d9%86-%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0628\u0631\u0627\u0647\u064a\u0645-\u0628\u0646-\u0645\u062d\u0645\u062f-\u0628\u0646-\u0633\u0639\u064a\u062f\u0627\u0646-\u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0628\u0646 \u0645\u062d\u0645\u062f \u0628\u0646 \u0633\u0639\u064a\u062f\u0627\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h2>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a5%d8%a8%d8%b1%d8%a7%d9%87%d9%8a%d9%85-%d8%a8%d9%86-%d9%85%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%b3%d8%b9%d9%8a%d8%af%d8%a7%d9%86-%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d8%b9%d8%b2%d9%8a%d8%b2-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%aa%d8%a3%d8%b3%d9%8a%d8%b3\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/Video-.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u2013 \u064a\u0648\u0645 \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h2>\n                                                            <span class=\"mhs-client\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/span>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d8%b9%d8%b2%d9%8a%d8%b2-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%aa%d8%a3%d8%b3%d9%8a%d8%b3\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86-%d8%a7%d9%84%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d9%88%d8%b7%d9%8a\/\" class=\"mhs-slide-link\"><\/a>\n                        \n                        <div class=\"mhs-media-wrapper\">\n                                                            <video autoplay muted loop playsinline preload=\"auto\">\n                                    <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0632\u064a\u0646-2-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n\n                        <div class=\"mhs-overlay\"><\/div>\n\n                        <div class=\"mhs-content\">\n                            <h2 class=\"mhs-title\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0648\u0637\u0646\u064a<\/h2>\n                                                            <span class=\"mhs-client\">\u0632\u064a\u0646<\/span>\n                                                        <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86-%d8%a7%d9%84%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d9%88%d8%b7%d9%8a\/\" class=\"mhs-explore\">\n                                <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                                <i class=\"fas fa-arrow-left\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"mhs-nav-wrapper\">\n                <div class=\"mhs-btn mhs-btn-next\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n                <div class=\"mhs-btn mhs-btn-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n            <\/div>\n\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <script>\n        document.addEventListener('madad_swiper_ready', function() {\n            new Swiper('.mhs-swiper', {\n                speed: 1200,\n                loop: true,\n                effect: 'fade',\n                autoplay: { delay: 6000, disableOnInteraction: false },\n                navigation: { nextEl: '.mhs-btn-next', prevEl: '.mhs-btn-prev' },\n                pagination: { el: '.swiper-pagination', type: 'progressbar' }\n            });\n        });\n\n        \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062d\u062f\u062b \u064a\u062f\u0648\u064a\u0627\u064b \u0644\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0633\u0643\u0631\u0628\u062a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621\n        if (typeof Swiper !== 'undefined') {\n            document.dispatchEvent(new CustomEvent('madad_swiper_ready'));\n        }\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bff9d90 elementor-widget elementor-widget-html\" data-id=\"bff9d90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Services Section<\/title>\r\n\r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;500;600;700;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- \u062a\u062d\u0645\u064a\u0644 \u0645\u0643\u062a\u0628\u0627\u062a \u0627\u0644\u0640 CSS \u0628\u062f\u0648\u0646 \u062d\u0638\u0631 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 (Non-blocking) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" media=\"print\" onload=\"this.media='all'\" \/>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"xev-services-isolated-root\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        #xev-services-isolated-root,\r\n        #xev-services-isolated-root * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #xev-services-isolated-root {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            background-color: transparent !important;\r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff !important;\r\n            padding: clamp(60px, 8vw, 100px) 0;\r\n            overflow: hidden;\r\n            isolation: isolate;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-bg-grid {\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image:\r\n                linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-shell {\r\n            width: 95%;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-topbar {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n            margin-bottom: 40px;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-topbar-copy {\r\n            max-width: 700px;\r\n            text-align: right;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-mini-label {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-mini-line {\r\n            height: 2px;\r\n            width: 50px;\r\n            background: linear-gradient(to left, #ffffff, transparent);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-mini-text {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: white;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-main-heading {\r\n            font-size: clamp(26px, 3.5vw, 40px);\r\n            font-weight: 900;\r\n            color: white;\r\n            line-height: 1.3;\r\n            margin: 0 0 10px 0;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-main-desc {\r\n            font-size: 15px;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            line-height: 1.7;\r\n            margin: 0;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-more-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            height: 56px;\r\n            padding: 0 35px 0 8px;\r\n            gap: 20px;\r\n            font-size: 15px !important;\r\n            font-weight: 700 !important;\r\n            color: #ffffff !important;\r\n            text-decoration: none !important;\r\n            border-radius: 50px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            position: relative;\r\n            z-index: 1;\r\n            transition: all 0.4s ease;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-more-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 7px;\r\n            left: 7px;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 50px;\r\n            z-index: -1;\r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: width, background;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-more-btn:hover::before {\r\n            width: calc(100% - 14px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-slider {\r\n            width: 100%;\r\n            padding: 0 0 60px 0 !important;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-slide-box {\r\n            height: clamp(500px, 60vh, 600px);\r\n            padding: 6px;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-service-tile {\r\n            position: relative;\r\n            display: block;\r\n            text-decoration: none;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            background: rgba(0, 0, 0, 0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            cursor: pointer;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-media {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 1;\r\n            transition: transform 1.2s ease;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-media img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            opacity: 0.7;\r\n            display: block;\r\n        }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0639\u0644\u0627\u0645\u0629 \u0645\u0627\u0626\u064a\u0629 (Watermark) \u0641\u064a \u0627\u0644\u0632\u0627\u0648\u064a\u0629 *\/\r\n        #xev-services-isolated-root .xev-tile-watermark {\r\n            position: absolute;\r\n            top: 25px;\r\n            left: 25px;\r\n            width: 60px; \r\n            height: 60px;\r\n            z-index: 2;\r\n            opacity: 0.4; \r\n            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            pointer-events: none;\r\n            background: rgba(255, 255, 255, 0.1); \r\n            padding: 10px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(5px);\r\n            will-change: transform, opacity, background;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-watermark img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            filter: brightness(10); \r\n        }\r\n\r\n        #xev-services-isolated-root .xev-service-tile:hover .xev-tile-watermark {\r\n            opacity: 0.9;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: scale(1.1) rotate(-5deg) translateZ(0); \r\n            box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                to bottom,\r\n                rgba(30, 20, 50, 0) 0%,\r\n                rgba(30, 20, 50, 0.4) 50%,\r\n                rgba(10, 5, 20, 0.9) 100%\r\n            );\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-copy {\r\n            position: absolute;\r\n            bottom: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            padding: clamp(25px, 3vw, 40px);\r\n            z-index: 4;\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-align: right;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-title {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin-bottom: 12px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-tile-desc {\r\n            font-size: 14.5px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.7;\r\n            margin-bottom: 25px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 4;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-top: 10px;\r\n            position: relative;\r\n            z-index: 20;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-progress-wrap {\r\n            width: 200px;\r\n            height: 3px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 3px;\r\n            overflow: hidden;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-progress-fill {\r\n            width: 0%;\r\n            height: 100%;\r\n            background: #ffffff;\r\n            transition: width 0.4s ease;\r\n            will-change: width;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-navs {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-nav {\r\n            width: 50px;\r\n            height: 50px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(8px);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            color: #ffffff;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        #xev-services-isolated-root .xev-nav:hover {\r\n            background: #ffffff;\r\n            color: #000;\r\n        }\r\n\r\n        \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0644\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n        #xev-services-isolated-root .xev-anim-right { opacity: 0; transform: translate3d(80px, 0, 0); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform, opacity; }\r\n        #xev-services-isolated-root .xev-anim-left { opacity: 0; transform: translate3d(-80px, 0, 0); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform, opacity; }\r\n        #xev-services-isolated-root.xev-is-visible .xev-anim-right,\r\n        #xev-services-isolated-root.xev-is-visible .xev-anim-left { opacity: 1; transform: translate3d(0, 0, 0); }\r\n\r\n        \/* ==============================\r\n           English-only overrides\r\n           TranslatePress compatible\r\n           ============================== *\/\r\n\r\n        html:lang(en) #xev-services-isolated-root,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root,\r\n        body:lang(en) #xev-services-isolated-root {\r\n            direction: ltr !important;\r\n         }\r\n\r\n   \r\n        html:lang(en) #xev-services-isolated-root .xev-topbar-copy,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-topbar-copy,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-topbar-copy,\r\n        body:lang(en) #xev-services-isolated-root .xev-topbar-copy {\r\n            text-align: left;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-mini-label,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-mini-label,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-mini-label,\r\n        body:lang(en) #xev-services-isolated-root .xev-mini-label {\r\n            flex-direction: row;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-mini-line,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-mini-line,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-mini-line,\r\n        body:lang(en) #xev-services-isolated-root .xev-mini-line {\r\n            background: linear-gradient(to right, #ffffff, transparent);\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-mini-text,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-mini-text,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-mini-text,\r\n        body:lang(en) #xev-services-isolated-root .xev-mini-text {\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-main-heading,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-main-heading,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-main-heading,\r\n        body:lang(en) #xev-services-isolated-root .xev-main-heading {\r\n            line-height: 1.15;\r\n            letter-spacing: -0.02em;\r\n            max-width: 24ch;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-main-desc,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-main-desc,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-main-desc,\r\n        body:lang(en) #xev-services-isolated-root .xev-main-desc {\r\n            line-height: 1.8;\r\n            max-width: 58ch;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-more-btn,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-more-btn,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-more-btn,\r\n        body:lang(en) #xev-services-isolated-root .xev-more-btn {\r\n            padding: 0 8px 0 35px;\r\n            gap: 16px;\r\n            flex-direction: row;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-more-btn::before,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-more-btn::before,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-more-btn::before,\r\n        body:lang(en) #xev-services-isolated-root .xev-more-btn::before {\r\n            left: auto;\r\n            right: 7px;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-more-btn-icon,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-more-btn-icon,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-more-btn-icon,\r\n        body:lang(en) #xev-services-isolated-root .xev-more-btn-icon {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-more-btn-icon i,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-more-btn-icon i,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-more-btn-icon i,\r\n        body:lang(en) #xev-services-isolated-root .xev-more-btn-icon i {\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-tile-watermark,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-tile-watermark,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-tile-watermark,\r\n        body:lang(en) #xev-services-isolated-root .xev-tile-watermark {\r\n            left: auto;\r\n            right: 25px;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-tile-copy,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-tile-copy,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-tile-copy,\r\n        body:lang(en) #xev-services-isolated-root .xev-tile-copy {\r\n            right: auto;\r\n            left: 0;\r\n            text-align: left;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-tile-title,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-tile-title,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-tile-title,\r\n        body:lang(en) #xev-services-isolated-root .xev-tile-title {\r\n            letter-spacing: -0.01em;\r\n            line-height: 1.25;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-tile-desc,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-tile-desc,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-tile-desc,\r\n        body:lang(en) #xev-services-isolated-root .xev-tile-desc {\r\n            line-height: 1.75;\r\n            font-size: 14px;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-controls,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-controls,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-controls,\r\n        body:lang(en) #xev-services-isolated-root .xev-controls {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-navs,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-navs,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-navs,\r\n        body:lang(en) #xev-services-isolated-root .xev-navs {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #xev-services-isolated-root .xev-nav i,\r\n        html[lang=\"en-US\"] #xev-services-isolated-root .xev-nav i,\r\n        html[lang=\"en-GB\"] #xev-services-isolated-root .xev-nav i,\r\n        body:lang(en) #xev-services-isolated-root .xev-nav i {\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n \r\n\r\n        @media (max-width: 991px) {\r\n            #xev-services-isolated-root .xev-topbar { \r\n                flex-direction: column; \r\n                align-items: center; \r\n            }\r\n\r\n            #xev-services-isolated-root .xev-progress-wrap { \r\n                display: none; \r\n            }\r\n\r\n            #xev-services-isolated-root .xev-tile-watermark { \r\n                top: 15px; \r\n                left: 15px; \r\n                width: 50px; \r\n                height: 50px; \r\n                padding: 8px; \r\n            }\r\n\r\n            html:lang(en) #xev-services-isolated-root .xev-tile-watermark,\r\n            html[lang=\"en-US\"] #xev-services-isolated-root .xev-tile-watermark,\r\n            html[lang=\"en-GB\"] #xev-services-isolated-root .xev-tile-watermark,\r\n            body:lang(en) #xev-services-isolated-root .xev-tile-watermark {\r\n                left: auto;\r\n                right: 15px;\r\n            }\r\n\r\n            html:lang(en) #xev-services-isolated-root .xev-topbar-copy,\r\n            html[lang=\"en-US\"] #xev-services-isolated-root .xev-topbar-copy,\r\n            html[lang=\"en-GB\"] #xev-services-isolated-root .xev-topbar-copy,\r\n            body:lang(en) #xev-services-isolated-root .xev-topbar-copy {\r\n                text-align: center;\r\n            }\r\n\r\n            html:lang(en) #xev-services-isolated-root .xev-mini-label,\r\n            html[lang=\"en-US\"] #xev-services-isolated-root .xev-mini-label,\r\n            html[lang=\"en-GB\"] #xev-services-isolated-root .xev-mini-label,\r\n            body:lang(en) #xev-services-isolated-root .xev-mini-label {\r\n                justify-content: center;\r\n            }\r\n\r\n            html:lang(en) #xev-services-isolated-root .xev-main-heading,\r\n            html[lang=\"en-US\"] #xev-services-isolated-root .xev-main-heading,\r\n            html[lang=\"en-GB\"] #xev-services-isolated-root .xev-main-heading,\r\n            body:lang(en) #xev-services-isolated-root .xev-main-heading {\r\n                max-width: 100%;\r\n            }\r\n\r\n            html:lang(en) #xev-services-isolated-root .xev-main-desc,\r\n            html[lang=\"en-US\"] #xev-services-isolated-root .xev-main-desc,\r\n            html[lang=\"en-GB\"] #xev-services-isolated-root .xev-main-desc,\r\n            body:lang(en) #xev-services-isolated-root .xev-main-desc {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"xev-bg-grid\"><\/div>\r\n\r\n    <div class=\"xev-shell\">\r\n        <div class=\"xev-topbar\">\r\n            <div class=\"xev-topbar-copy xev-anim-right\">\r\n                <div class=\"xev-mini-label\">\r\n                    <span class=\"xev-mini-line\"><\/span>\r\n                    <span class=\"xev-mini-text\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\r\n                <\/div>\r\n                <h2 class=\"xev-main-heading\">\u0646\u0635\u0645\u0645 \u0648\u0646\u0646\u0641\u0630 \u0641\u0639\u0627\u0644\u064a\u0627\u062a <span style=\"color: #ffffff; text-shadow: 0 0 15px rgba(255,255,255,0.5);\">\u062a\u062a\u0631\u0643 \u0628\u0635\u0645\u0629<\/span><\/h2>\r\n                <p class=\"xev-main-desc\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"xev-topbar-action xev-anim-left\">\r\n                <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-more-btn\">\r\n                    <span class=\"xev-more-btn-label\">\u0643\u0627\u0641\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\r\n                    <div class=\"xev-more-btn-icon\"><i class=\"fa-solid fa-arrow-left-long\"><\/i><\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"swiper xev-slider js-xev-services-swiper xev-anim-right\">\r\n            <div class=\"swiper-wrapper\">\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a-1.webp\" alt=\"Conferences\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u0625\u062f\u0627\u0631\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u062a\u062d\u062f\u062b\u064a\u0646\u060c \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0627\u0644\u062d\u062f\u062b.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0639\u0627\u0631\u0636.webp\" alt=\"Exhibitions\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062a\u0646\u0638\u064a\u0645-\u0627\u0644\u0645\u0639\u0627\u0631\u0636-1.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u062c\u0646\u062d\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u0627\u0631\u0636\u064a\u0646 \u0648\u0627\u0644\u0632\u0648\u0627\u0631 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a-\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629.webp\" alt=\"Corporate\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a-\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629-1.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u062d\u0641\u0644\u0627\u062a \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0627\u0644\u0645\u0644\u062a\u0642\u064a\u0627\u062a \u0627\u0644\u0633\u0646\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0647\u0648\u064a\u062a\u0643\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0646\u0641\u064a\u0630-\u0627\u0644\u062a\u0642\u0646\u064a-1.webp\" alt=\"Technical\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u0646\u0641\u064a\u0630-\u0627\u0644\u062a\u0642\u0646\u064a-2.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0642\u0646\u064a<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0635\u0648\u062a \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629\u060c \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u062a\u0633\u062c\u064a\u0644.webp\" alt=\"Registration\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u062a\u0633\u062c\u064a\u0644-1.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u0623\u0646\u0638\u0645\u0629 \u062a\u0633\u062c\u064a\u0644 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0625\u0635\u062f\u0627\u0631 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"swiper-slide\">\r\n                    <div class=\"xev-slide-box\">\r\n                        <a href=\"https:\/\/mddoec.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"xev-service-tile\">\r\n                            <div class=\"xev-tile-media\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062a\u0641\u0627\u0642-\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a-\u0645\u0639\u062f\u0644.webp\" alt=\"Sponsorship\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-watermark\">\r\n                                <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0631\u0639\u0627\u064a\u0629.webp\" alt=\"Icon\" loading=\"lazy\" decoding=\"async\">\r\n                            <\/div>\r\n                            <div class=\"xev-tile-overlay\"><\/div>\r\n                            <div class=\"xev-tile-copy\">\r\n                                <h3 class=\"xev-tile-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a<\/h3>\r\n                                <p class=\"xev-tile-desc\">\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0646\u0627\u062c\u062d\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0631\u0639\u0627\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0642\u064a\u0645\u0629 \u0645\u0636\u0627\u0641\u0629.<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"xev-controls\">\r\n                <div class=\"xev-progress-wrap\">\r\n                    <div class=\"xev-progress-fill\" id=\"xev-progress-fill\"><\/div>\r\n                <\/div>\r\n                <div class=\"xev-navs\">\r\n                    <div class=\"xev-nav xev-nav-prev\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\r\n                    <div class=\"xev-nav xev-nav-next\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u062a\u062d\u0645\u064a\u0644 \u0633\u0643\u0631\u064a\u0628\u062a Swiper -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const isolatedRoot = document.querySelector(\"#xev-services-isolated-root\");\r\n            if (!isolatedRoot) return;\r\n\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) { \r\n                        isolatedRoot.classList.add(\"xev-is-visible\");\r\n                        observerInstance.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            const shell = isolatedRoot.querySelector(\".xev-shell\");\r\n            if (shell) observer.observe(shell);\r\n\r\n            const progressBar = isolatedRoot.querySelector(\"#xev-progress-fill\");\r\n            const sliderEl = isolatedRoot.querySelector(\".js-xev-services-swiper\");\r\n\r\n            setTimeout(() => {\r\n                const xevSwiperInstance = new Swiper(sliderEl, {\r\n                    slidesPerView: 1.2,\r\n                    spaceBetween: 10,\r\n                    loop: true,\r\n                    speed: 1000,\r\n                    autoplay: { delay: 5000, disableOnInteraction: false },\r\n                    navigation: { nextEl: \".xev-nav-next\", prevEl: \".xev-nav-prev\" },\r\n                    breakpoints: {\r\n                        640: { slidesPerView: 2, spaceBetween: 15 },\r\n                        1024: { slidesPerView: 3.2, spaceBetween: 15 },\r\n                        1300: { slidesPerView: 4, spaceBetween: 12 }\r\n                    },\r\n                    on: {\r\n                        init: function () { updateXevProgress(this); },\r\n                        slideChange: function () { updateXevProgress(this); }\r\n                    }\r\n                });\r\n\r\n                function updateXevProgress(swiperObj) {\r\n                    const total = swiperObj.slides.length - swiperObj.loopedSlides * 2;\r\n                    const current = swiperObj.realIndex + 1;\r\n                    const progress = total > 0 ? (current \/ total) * 100 : 0;\r\n                    if (progressBar) { progressBar.style.width = Math.min(100, Math.max(0, progress)) + \"%\"; }\r\n                }\r\n            }, 100);\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60b4417 elementor-widget elementor-widget-html\" data-id=\"60b4417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Timeline Section<\/title>\r\n\r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- \u062a\u062d\u0645\u064a\u0644 \u0645\u0643\u062a\u0628\u0627\u062a \u0627\u0644\u0640 CSS \u0628\u062f\u0648\u0646 \u062d\u0638\u0631 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 (Non-blocking) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"madad-tl-section\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        \/* 1. \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        #madad-tl-section {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            background-color: #0d0614 !important; \r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff;\r\n            padding: clamp(80px, 10vw, 150px) 0;\r\n            overflow: hidden;\r\n            isolation: isolate;\r\n        }\r\n\r\n        #madad-tl-section * { box-sizing: border-box; }\r\n\r\n        \/* --- \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 --- *\/\r\n        .tl-video-container {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n            transform: translateZ(0); \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 *\/\r\n        }\r\n\r\n        .tl-bg-video {\r\n            width: 100%; height: 100%;\r\n            object-fit: cover;\r\n            opacity: 0.25; \r\n            filter: grayscale(20%) contrast(115%);\r\n        }\r\n\r\n        .tl-video-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle at center, rgba(160, 144, 207, 0.4) 0%, #0d0614 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        .tl-ambient-glow {\r\n            position: absolute;\r\n            width: 80vw; height: 80vw;\r\n            background: radial-gradient(circle, rgba(160, 144, 207, 0.2), transparent 70%);\r\n            filter: blur(140px);\r\n            z-index: 2;\r\n            pointer-events: none;\r\n            opacity: 0.8;\r\n            transform: translateZ(0); \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0631\u0633\u0645 *\/\r\n        }\r\n        .glow-top-right { top: -25%; right: -15%; }\r\n        .glow-bottom-left { bottom: -25%; left: -15%; }\r\n\r\n        .tl-main-container {\r\n            width: 92%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* 2. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n        .tl-header-wrapper {\r\n            text-align: center;\r\n            margin-bottom: clamp(60px, 12vh, 120px);\r\n            opacity: 0;\r\n            transform: translate3d(80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .tl-header-wrapper.tl-is-visible {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n\r\n        .tl-section-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .tl-meta-idx {\r\n            font-size: 16px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .tl-meta-line {\r\n            height: 2px;\r\n            width: 60px;\r\n            background: linear-gradient(to left, #A090CF, transparent);\r\n        }\r\n\r\n        .tl-meta-text {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n        }\r\n\r\n        .tl-main-title {\r\n            font-size: clamp(30px, 5vw, 48px);\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            line-height: 1.2;\r\n            margin: 0;\r\n            text-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        \/* 3. \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062a\u0627\u064a\u0645 \u0644\u0627\u064a\u0646 *\/\r\n        .tl-steps-layout {\r\n            position: relative;\r\n            padding: 40px 0;\r\n        }\r\n\r\n        .tl-track-bg {\r\n            position: absolute;\r\n            top: 0; left: 50%;\r\n            transform: translate3d(-50%, 0, 0);\r\n            width: 2px;\r\n            height: 100%;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            z-index: 1;\r\n        }\r\n\r\n        .tl-track-fill {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%;\r\n            height: 0%;\r\n            background: #ffffff;\r\n            box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 40px rgba(160, 144, 207, 0.8);\r\n            transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            will-change: height;\r\n        }\r\n\r\n        .tl-milestone-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            margin-bottom: clamp(80px, 12vh, 130px);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tl-milestone-row:last-child { margin-bottom: 0; }\r\n\r\n        .tl-milestone-side {\r\n            width: 45%;\r\n            position: relative;\r\n        }\r\n\r\n        .tl-glass-card {\r\n            background: rgba(255, 255, 255, 0.04);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            padding: clamp(30px, 5vw, 50px);\r\n            border-radius: 30px;\r\n            transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            opacity: 0;\r\n            will-change: transform, opacity, background-color;\r\n        }\r\n\r\n        .tl-milestone-row:nth-child(odd) .tl-glass-card { \r\n            text-align: right; \r\n            transform: translate3d(80px, 0, 0); \r\n        }\r\n        \r\n        .tl-milestone-row:nth-child(even) { \r\n            flex-direction: row-reverse; \r\n        }\r\n        \r\n        .tl-milestone-row:nth-child(even) .tl-glass-card { \r\n            text-align: left; \r\n            transform: translate3d(-80px, 0, 0); \r\n        }\r\n\r\n        .tl-milestone-row.is-active .tl-glass-card {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0); \r\n            background: rgba(255, 255, 255, 0.08);\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .tl-central-node {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            width: 16px;\r\n            height: 16px;\r\n            background: #110921;\r\n            border: 2px solid rgba(255, 255, 255, 0.4);\r\n            border-radius: 50%;\r\n            transform: translate3d(-50%, -50%, 0);\r\n            z-index: 5;\r\n            transition: all 0.6s ease;\r\n            will-change: transform, background-color, box-shadow;\r\n        }\r\n\r\n        .tl-milestone-row.is-active .tl-central-node {\r\n            background: #ffffff;\r\n            border-color: #ffffff;\r\n            box-shadow: 0 0 30px #ffffff, 0 0 40px rgba(160, 144, 207, 1);\r\n            transform: translate3d(-50%, -50%, 0) scale(1.8);\r\n        }\r\n\r\n        .tl-step-icon-box {\r\n            font-size: clamp(30px, 4vw, 40px);\r\n            color: #ffffff;\r\n            margin-bottom: 25px;\r\n            display: inline-block;\r\n            transition: all 0.6s ease;\r\n            opacity: 0.8;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .tl-milestone-row.is-active .tl-step-icon-box {\r\n            opacity: 1;\r\n            transform: scale(1.1) rotate(-8deg) translateZ(0);\r\n            text-shadow: 0 0 25px rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .tl-step-heading {\r\n            font-size: clamp(22px, 2.5vw, 28px);\r\n            font-weight: 900;\r\n            margin: 0 0 15px 0;\r\n            color: #ffffff;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .tl-step-paragraph {\r\n            font-size: clamp(15px, 1.3vw, 17px);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.9;\r\n            margin: 0;\r\n        }\r\n\r\n        .tl-phase-label {\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 12px;\r\n            display: block;\r\n            letter-spacing: 2px;\r\n            transition: color 0.6s ease, opacity 0.6s ease;\r\n        }\r\n\r\n        .tl-milestone-row.is-active .tl-phase-label {\r\n            color: #A090CF;\r\n            opacity: 1;\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            .tl-track-bg { left: 40px; transform: translate3d(0, 0, 0); }\r\n            .tl-central-node { left: 40px; transform: translate3d(0, -50%, 0); }\r\n            .tl-milestone-row.is-active .tl-central-node { transform: translate3d(0, -50%, 0) scale(1.8); }\r\n            .tl-milestone-side { width: calc(100% - 100px); margin-right: 100px; }\r\n            .tl-milestone-row, .tl-milestone-row:nth-child(even) { flex-direction: row; align-items: flex-start; }\r\n            .tl-milestone-row .tl-glass-card { text-align: right !important; transform: translate3d(80px, 0, 0); }\r\n            .tl-milestone-row:nth-child(even) .tl-glass-card { transform: translate3d(80px, 0, 0); }\r\n            .tl-milestone-row.is-active .tl-glass-card { transform: translate3d(0, 0, 0); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tl-track-bg { left: 25px; }\r\n            .tl-central-node { left: 25px; }\r\n            .tl-milestone-side { width: calc(100% - 65px); margin-right: 65px; }\r\n            .tl-glass-card { padding: 35px 25px; border-radius: 20px; }\r\n            .tl-main-title { font-size: 26px; }\r\n        }\r\n\r\n        \/* =========================================================\r\n           English version only - TranslatePress compatible\r\n           Keeps Arabic layout untouched\r\n        ========================================================= *\/\r\n        html:lang(en) #madad-tl-section,\r\n        html[lang=\"en-US\"] #madad-tl-section,\r\n        html[lang=\"en-GB\"] #madad-tl-section,\r\n        body:lang(en) #madad-tl-section {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-header-wrapper,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-header-wrapper,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-header-wrapper,\r\n        body:lang(en) #madad-tl-section .tl-header-wrapper {\r\n            transform: translate3d(-80px, 0, 0);\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-section-meta,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-section-meta,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-section-meta,\r\n        body:lang(en) #madad-tl-section .tl-section-meta {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-meta-line,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-meta-line,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-meta-line,\r\n        body:lang(en) #madad-tl-section .tl-meta-line {\r\n            background: linear-gradient(to right, #A090CF, transparent);\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-meta-text,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-meta-text,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-meta-text,\r\n        body:lang(en) #madad-tl-section .tl-meta-text {\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-main-title,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-main-title,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-main-title,\r\n        body:lang(en) #madad-tl-section .tl-main-title {\r\n            line-height: 1.15;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-milestone-row:nth-child(odd) .tl-glass-card,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row:nth-child(odd) .tl-glass-card,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row:nth-child(odd) .tl-glass-card,\r\n        body:lang(en) #madad-tl-section .tl-milestone-row:nth-child(odd) .tl-glass-card {\r\n            text-align: left;\r\n            transform: translate3d(-80px, 0, 0);\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even),\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row:nth-child(even),\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row:nth-child(even),\r\n        body:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n        body:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card {\r\n            text-align: left;\r\n            transform: translate3d(80px, 0, 0);\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-phase-label,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-phase-label,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-phase-label,\r\n        body:lang(en) #madad-tl-section .tl-phase-label {\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-step-heading,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-step-heading,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-step-heading,\r\n        body:lang(en) #madad-tl-section .tl-step-heading {\r\n            line-height: 1.3;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-step-paragraph,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-step-paragraph,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-step-paragraph,\r\n        body:lang(en) #madad-tl-section .tl-step-paragraph {\r\n            line-height: 1.75;\r\n            text-align: start;\r\n            max-width: 38ch;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-step-icon-box,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-step-icon-box,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-step-icon-box,\r\n        body:lang(en) #madad-tl-section .tl-step-icon-box {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        html:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-step-icon-box,\r\n        html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row.is-active .tl-step-icon-box,\r\n        html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row.is-active .tl-step-icon-box,\r\n        body:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-step-icon-box {\r\n            transform: scale(1.1) rotate(8deg) translateZ(0);\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            html:lang(en) #madad-tl-section .tl-track-bg,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-track-bg,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-track-bg,\r\n            body:lang(en) #madad-tl-section .tl-track-bg {\r\n                left: auto;\r\n                right: 40px;\r\n                transform: translate3d(0, 0, 0);\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-central-node,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-central-node,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-central-node,\r\n            body:lang(en) #madad-tl-section .tl-central-node {\r\n                left: auto;\r\n                right: 40px;\r\n                transform: translate3d(0, -50%, 0);\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-central-node,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row.is-active .tl-central-node,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row.is-active .tl-central-node,\r\n            body:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-central-node {\r\n                transform: translate3d(0, -50%, 0) scale(1.8);\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-side,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-side,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-side,\r\n            body:lang(en) #madad-tl-section .tl-milestone-side {\r\n                width: calc(100% - 100px);\r\n                margin-right: 0;\r\n                margin-left: 100px;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-row,\r\n            html:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even),\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row:nth-child(even),\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row:nth-child(even),\r\n            body:lang(en) #madad-tl-section .tl-milestone-row,\r\n            body:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) {\r\n                flex-direction: row;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-row .tl-glass-card,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row .tl-glass-card,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row .tl-glass-card,\r\n            body:lang(en) #madad-tl-section .tl-milestone-row .tl-glass-card {\r\n                text-align: left !important;\r\n                transform: translate3d(-80px, 0, 0);\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card,\r\n            body:lang(en) #madad-tl-section .tl-milestone-row:nth-child(even) .tl-glass-card {\r\n                transform: translate3d(-80px, 0, 0);\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-glass-card,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-row.is-active .tl-glass-card,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-row.is-active .tl-glass-card,\r\n            body:lang(en) #madad-tl-section .tl-milestone-row.is-active .tl-glass-card {\r\n                transform: translate3d(0, 0, 0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            html:lang(en) #madad-tl-section .tl-track-bg,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-track-bg,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-track-bg,\r\n            body:lang(en) #madad-tl-section .tl-track-bg {\r\n                right: 25px;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-central-node,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-central-node,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-central-node,\r\n            body:lang(en) #madad-tl-section .tl-central-node {\r\n                right: 25px;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-milestone-side,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-milestone-side,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-milestone-side,\r\n            body:lang(en) #madad-tl-section .tl-milestone-side {\r\n                width: calc(100% - 65px);\r\n                margin-left: 65px;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-main-title,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-main-title,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-main-title,\r\n            body:lang(en) #madad-tl-section .tl-main-title {\r\n                font-size: 26px;\r\n            }\r\n\r\n            html:lang(en) #madad-tl-section .tl-step-paragraph,\r\n            html[lang=\"en-US\"] #madad-tl-section .tl-step-paragraph,\r\n            html[lang=\"en-GB\"] #madad-tl-section .tl-step-paragraph,\r\n            body:lang(en) #madad-tl-section .tl-step-paragraph {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"tl-video-container\">\r\n        <video class=\"tl-bg-video\" autoplay loop muted playsinline>\r\n            <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0646\u062d\u0648\u0644-\u0627\u0644\u0631\u0624\u064a\u0629-\u0627\u0644\u0649-\u0648\u0627\u0642\u0639-\u0645\u0644\u0645\u0648\u0633.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"tl-video-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tl-ambient-glow glow-top-right\"><\/div>\r\n    <div class=\"tl-ambient-glow glow-bottom-left\"><\/div>\r\n\r\n    <div class=\"tl-main-container\">\r\n        <div class=\"tl-header-wrapper\" id=\"madad-tl-header\">\r\n            <div class=\"tl-section-meta\">\r\n                <span class=\"tl-meta-line\"><\/span>\r\n                <span class=\"tl-meta-text\">\u0622\u0644\u064a\u0629 \u0627\u0644\u0639\u0645\u0644<\/span>\r\n            <\/div>\r\n            <h2 class=\"tl-main-title\">\u0646\u062d\u0648\u0644 \u0627\u0644\u0631\u0624\u064a\u0629 \u0625\u0644\u0649 <span style=\"color: #ffffff; text-shadow: 0 0 25px rgba(255, 255, 255, 0.6);\">\u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"tl-steps-layout\" id=\"madad-tl-main-layout\">\r\n            <div class=\"tl-track-bg\">\r\n                <div class=\"tl-track-fill\" id=\"madad-tl-active-bar\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-milestone-row\">\r\n                <div class=\"tl-central-node\"><\/div>\r\n                <div class=\"tl-milestone-side\">\r\n                    <div class=\"tl-glass-card\">\r\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/span>\r\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\r\n                        <h3 class=\"tl-step-heading\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c<\/h3>\r\n                        <p class=\"tl-step-paragraph\">\u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0645\u0642 \u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0644\u0648\u0636\u0639 \u0627\u0644\u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0631\u062c\u0648\u0629 \u0628\u0643\u0644 \u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-milestone-row\">\r\n                <div class=\"tl-central-node\"><\/div>\r\n                <div class=\"tl-milestone-side\">\r\n                    <div class=\"tl-glass-card\">\r\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/span>\r\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-bezier-curve\"><\/i><\/div>\r\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h3>\r\n                        <p class=\"tl-step-paragraph\">\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0631\u0633\u0645 \u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u062f\u0642\u064a\u0642 \u0644\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u0642\u0646\u064a\u0629 \u0648\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u062e\u062f\u0645 \u0631\u0624\u064a\u062a\u0643\u0645.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-milestone-row\">\r\n                <div class=\"tl-central-node\"><\/div>\r\n                <div class=\"tl-milestone-side\">\r\n                    <div class=\"tl-glass-card\">\r\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629<\/span>\r\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\r\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a<\/h3>\r\n                        <p class=\"tl-step-paragraph\">\u0625\u062f\u0627\u0631\u0629 \u062d\u064a\u0629 \u0648\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0644\u0643\u0627\u0641\u0629 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629\u060c \u0646\u0636\u0645\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u062f\u0642\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0644\u062a\u062f\u0641\u0642 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tl-milestone-row\">\r\n                <div class=\"tl-central-node\"><\/div>\r\n                <div class=\"tl-milestone-side\">\r\n                    <div class=\"tl-glass-card\">\r\n                        <span class=\"tl-phase-label\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629<\/span>\r\n                        <div class=\"tl-step-icon-box\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div>\r\n                        <h3 class=\"tl-step-heading\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/h3>\r\n                        <p class=\"tl-step-paragraph\">\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d \u0639\u0628\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0644\u064a\u0644 \u0623\u062b\u0631 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0645\u0646 \u0627\u0644\u062d\u062f\u062b.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const progressBar = document.getElementById('madad-tl-active-bar');\r\n            const milestones = document.querySelectorAll('.tl-milestone-row');\r\n            const layoutGrid = document.getElementById('madad-tl-main-layout');\r\n            const header = document.getElementById('madad-tl-header');\r\n\r\n            const headerObserver = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('tl-is-visible');\r\n                        observerInstance.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            if (header) headerObserver.observe(header);\r\n\r\n            let ticking = false;\r\n            \r\n            function syncTimelineProgress() {\r\n                if (!ticking) {\r\n                    window.requestAnimationFrame(() => {\r\n                        const rect = layoutGrid.getBoundingClientRect();\r\n                        const windowHeight = window.innerHeight;\r\n                        \r\n                        if (rect.top < windowHeight \/ 2) {\r\n                            let distance = (windowHeight \/ 2 - rect.top);\r\n                            let progress = (distance \/ rect.height) * 100;\r\n                            progressBar.style.height = Math.min(Math.max(progress, 0), 100) + '%';\r\n                        } else {\r\n                            progressBar.style.height = '0%';\r\n                        }\r\n\r\n                        milestones.forEach(row => {\r\n                            const rowRect = row.getBoundingClientRect();\r\n                            if (rowRect.top < windowHeight * 0.65) {\r\n                                if (!row.classList.contains('is-active')) {\r\n                                    row.classList.add('is-active');\r\n                                }\r\n                            } else {\r\n                                if (row.classList.contains('is-active')) {\r\n                                    row.classList.remove('is-active');\r\n                                }\r\n                            }\r\n                        });\r\n                        \r\n                        ticking = false;\r\n                    });\r\n                    ticking = true;\r\n                }\r\n            }\r\n\r\n            window.addEventListener('scroll', syncTimelineProgress, { passive: true });\r\n            setTimeout(syncTimelineProgress, 100);\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dd725a elementor-widget elementor-widget-html\" data-id=\"2dd725a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Stack Section<\/title>\r\n\r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- \u062a\u062d\u0645\u064a\u0644 \u0645\u0643\u062a\u0628\u0627\u062a \u0627\u0644\u0640 CSS \u0628\u062f\u0648\u0646 \u062d\u0638\u0631 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 (Non-blocking) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"madad-stack-wrapper\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        \/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        #madad-stack-wrapper {\r\n            background-color: transparent !important; \r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff !important; \r\n            position: relative;\r\n            overflow: clip; \/* \u0623\u0641\u0636\u0644 \u0644\u0644\u0623\u062f\u0627\u0621 \u0645\u0646 overflow: hidden \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n        }\r\n\r\n        #madad-stack-wrapper * { box-sizing: border-box; }\r\n\r\n        \/* \u0646\u0645\u0637 \u0647\u0646\u062f\u0633\u064a \u062e\u0641\u064a\u0641 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        .stack-blueprint-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1.2px, transparent 1.2px);\r\n            background-size: 40px 40px;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            transform: translateZ(0); \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 *\/\r\n        }\r\n\r\n        .stack-container {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 5%;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* 2. \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n        .stack-header {\r\n            padding-top: clamp(80px, 12vh, 120px);\r\n            margin-bottom: 60px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transform: translate3d(80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .stack-header.stack-is-visible {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n\r\n        .stack-indicator {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .stack-idx {\r\n            font-size: 16px;\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(5px);\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .stack-line {\r\n            height: 2px;\r\n            width: 50px;\r\n            background: linear-gradient(to left, #ffffff, transparent);\r\n        }\r\n\r\n        .stack-indicator-text {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: white;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n        }\r\n\r\n        .stack-title {\r\n            font-size: clamp(30px, 4.5vw, 54px);\r\n            font-weight: 900;\r\n            color: white;\r\n            margin: 0 0 25px 0;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .stack-header-desc {\r\n            font-size: clamp(15px, 1.2vw, 18px);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            max-width: 800px;\r\n            line-height: 1.8;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* 3. \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0631\u0627\u0643\u0645 *\/\r\n        .stack-main-content {\r\n            display: flex;\r\n            gap: 40px;\r\n            position: relative;\r\n        }\r\n\r\n        .stack-progress-track {\r\n            position: sticky;\r\n            top: 35vh;\r\n            height: 300px;\r\n            width: 3px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            z-index: 100;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .stack-progress-bar {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 0%;\r\n            background: #ffffff;\r\n            box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);\r\n            transition: height 0.1s linear;\r\n            border-radius: 3px;\r\n            will-change: height;\r\n        }\r\n\r\n        .stack-cards-area {\r\n            flex-grow: 1;\r\n            position: relative;\r\n            padding-top: 20px;\r\n            padding-bottom: 100px;\r\n        }\r\n\r\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0632\u062c\u0627\u062c\u064a *\/\r\n        .stack-card {\r\n            position: sticky;\r\n            top: 5vh;\r\n            width: 100%;\r\n            height: 85vh;\r\n            max-height: 95vh;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border-radius: 12px;\r\n            margin-bottom: 10vh;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            overflow: hidden;\r\n            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            will-change: transform, opacity;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0642\u0648\u0627\u0633 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 *\/\r\n        .stack-card::before, .stack-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: clamp(40px, 6vw, 80px);\r\n            height: clamp(40px, 6vw, 80px);\r\n            z-index: 20;\r\n            pointer-events: none;\r\n            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n            opacity: 0.8;\r\n            will-change: width, height, border-color;\r\n        }\r\n\r\n        .stack-card::before {\r\n            top: -2px;\r\n            right: -2px;\r\n            border-top: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-right: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-top-right-radius: 12px;\r\n        }\r\n\r\n        .stack-card::after {\r\n            bottom: -2px;\r\n            left: -2px;\r\n            border-bottom: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-left: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-bottom-left-radius: 12px;\r\n        }\r\n\r\n        .stack-card:hover::before, .stack-card:hover::after {\r\n            width: clamp(60px, 8vw, 120px);\r\n            height: clamp(60px, 8vw, 120px);\r\n            opacity: 1;\r\n            border-color: #ffffff;\r\n        }\r\n\r\n        \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a *\/\r\n        .card-info {\r\n            padding: clamp(30px, 5vw, 80px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            background: transparent;\r\n            position: relative;\r\n            z-index: 5;\r\n            overflow-y: auto;\r\n            opacity: 0;\r\n            transform: translate3d(80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .card-tag {\r\n            font-size: 11px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            padding: 8px 18px;\r\n            border-radius: 4px;\r\n            align-self: flex-start;\r\n            margin-bottom: clamp(15px, 2vw, 35px);\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .card-icon {\r\n            font-size: clamp(36px, 4vw, 52px);\r\n            color: #ffffff;\r\n            margin-bottom: clamp(20px, 2.5vw, 30px);\r\n            opacity: 1;\r\n            text-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .card-heading {\r\n            font-size: 22px;\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            line-height: 1.4;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .card-desc {\r\n            font-size: clamp(15px, 1.2vw, 19px);\r\n            color: rgba(255, 255, 255, 0.85);\r\n            line-height: 1.8;\r\n            margin: 0;\r\n            max-width: 95%;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0628\u0635\u0631\u064a *\/\r\n        .card-visual {\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: transparent;\r\n            opacity: 0;\r\n            transform: translate3d(-80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .card-visual img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .visual-overlay-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(30, 20, 50, 0.1) 0%, rgba(30, 20, 50, 0.5) 100%);\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .visual-overlay-layer.custom-purple-tint {\r\n            background: rgba(115, 91, 123, 0.35) !important;\r\n        }\r\n\r\n        \/* \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0638\u0647\u0648\u0631 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n        .stack-card.stack-is-visible .card-info,\r\n        .stack-card.stack-is-visible .card-visual {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n\r\n        \/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n        @media (max-width: 1024px) {\r\n            .stack-progress-track { display: none; }\r\n\r\n            .stack-card {\r\n                grid-template-columns: 1fr;\r\n                height: auto;\r\n                max-height: none;\r\n                min-height: 500px;\r\n                top: 8vh !important;\r\n            }\r\n\r\n            .card-visual {\r\n                height: 320px;\r\n                order: -1;\r\n            }\r\n\r\n            .card-info {\r\n                padding: 40px 30px;\r\n                text-align: center;\r\n            }\r\n\r\n            .card-tag {\r\n                align-self: center;\r\n            }\r\n\r\n            .stack-card::before,\r\n            .stack-card::after {\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .card-heading {\r\n                font-size: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .stack-header { padding-top: 60px; }\r\n\r\n            .stack-card {\r\n                margin-bottom: 12vh;\r\n                border-radius: 8px;\r\n            }\r\n\r\n            .stack-card::before,\r\n            .stack-card::after {\r\n                width: 40px;\r\n                height: 40px;\r\n                border-width: 3px;\r\n            }\r\n\r\n            .card-heading { font-size: 22px; }\r\n\r\n            .card-desc {\r\n                font-size: 16px;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* =========================================================\r\n           ENGLISH VERSION ONLY - TranslatePress Compatible\r\n           Arabic styling remains untouched\r\n        ========================================================= *\/\r\n\r\n        html:lang(en) #madad-stack-wrapper,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper,\r\n        body:lang(en) #madad-stack-wrapper {\r\n            direction: ltr;\r\n         }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-header,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-header,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-header,\r\n        body:lang(en) #madad-stack-wrapper .stack-header {\r\n            transform: translate3d(-80px, 0, 0);\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-indicator,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-indicator,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-indicator,\r\n        body:lang(en) #madad-stack-wrapper .stack-indicator {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-line,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-line,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-line,\r\n        body:lang(en) #madad-stack-wrapper .stack-line {\r\n            background: linear-gradient(to right, #ffffff, transparent);\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-indicator-text,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-indicator-text,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-indicator-text,\r\n        body:lang(en) #madad-stack-wrapper .stack-indicator-text {\r\n            letter-spacing: 3px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-title,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-title,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-title,\r\n        body:lang(en) #madad-stack-wrapper .stack-title {\r\n            line-height: 1.08;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-header-desc,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-header-desc,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-header-desc,\r\n        body:lang(en) #madad-stack-wrapper .stack-header-desc {\r\n            line-height: 1.75;\r\n            max-width: 760px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-main-content,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-main-content,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-main-content,\r\n        body:lang(en) #madad-stack-wrapper .stack-main-content {\r\n            flex-direction: row;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-progress-bar,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-progress-bar,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-progress-bar,\r\n        body:lang(en) #madad-stack-wrapper .stack-progress-bar {\r\n            left: 0;\r\n            right: auto;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-card::before,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-card::before,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-card::before,\r\n        body:lang(en) #madad-stack-wrapper .stack-card::before {\r\n            right: auto;\r\n            left: -2px;\r\n            border-top: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-right: none;\r\n            border-left: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-top-right-radius: 0;\r\n            border-top-left-radius: 12px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .stack-card::after,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .stack-card::after,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .stack-card::after,\r\n        body:lang(en) #madad-stack-wrapper .stack-card::after {\r\n            left: auto;\r\n            right: -2px;\r\n            border-bottom: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-left: none;\r\n            border-right: 4px solid rgba(255, 255, 255, 0.6);\r\n            border-bottom-left-radius: 0;\r\n            border-bottom-right-radius: 12px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-info,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-info,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-info,\r\n        body:lang(en) #madad-stack-wrapper .card-info {\r\n            text-align: left;\r\n         }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-tag,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-tag,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-tag,\r\n        body:lang(en) #madad-stack-wrapper .card-tag {\r\n            align-self: flex-start;\r\n            letter-spacing: 1.5px;\r\n            padding: 8px 16px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-icon,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-icon,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-icon,\r\n        body:lang(en) #madad-stack-wrapper .card-icon {\r\n            margin-bottom: clamp(18px, 2vw, 28px);\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-heading,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-heading,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-heading,\r\n        body:lang(en) #madad-stack-wrapper .card-heading {\r\n            line-height: 1.3;\r\n            letter-spacing: -0.01em;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-desc,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-desc,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-desc,\r\n        body:lang(en) #madad-stack-wrapper .card-desc {\r\n            line-height: 1.7;\r\n            max-width: 92%;\r\n            text-align: left;\r\n        }\r\n\r\n        html:lang(en) #madad-stack-wrapper .card-visual,\r\n        html[lang=\"en-US\"] #madad-stack-wrapper .card-visual,\r\n        html[lang=\"en-GB\"] #madad-stack-wrapper .card-visual,\r\n        body:lang(en) #madad-stack-wrapper .card-visual {\r\n            transform: translate3d(80px, 0, 0);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            html:lang(en) #madad-stack-wrapper .card-info,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .card-info,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .card-info,\r\n            body:lang(en) #madad-stack-wrapper .card-info {\r\n                text-align: center;\r\n            }\r\n\r\n            html:lang(en) #madad-stack-wrapper .card-tag,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .card-tag,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .card-tag,\r\n            body:lang(en) #madad-stack-wrapper .card-tag {\r\n                align-self: center;\r\n            }\r\n\r\n            html:lang(en) #madad-stack-wrapper .card-desc,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .card-desc,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .card-desc,\r\n            body:lang(en) #madad-stack-wrapper .card-desc {\r\n                text-align: center;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            html:lang(en) #madad-stack-wrapper .stack-indicator-text,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .stack-indicator-text,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .stack-indicator-text,\r\n            body:lang(en) #madad-stack-wrapper .stack-indicator-text {\r\n                letter-spacing: 2px;\r\n            }\r\n\r\n            html:lang(en) #madad-stack-wrapper .stack-title,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .stack-title,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .stack-title,\r\n            body:lang(en) #madad-stack-wrapper .stack-title {\r\n                line-height: 1.15;\r\n            }\r\n\r\n            html:lang(en) #madad-stack-wrapper .card-heading,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .card-heading,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .card-heading,\r\n            body:lang(en) #madad-stack-wrapper .card-heading {\r\n                font-size: 22px;\r\n            }\r\n\r\n            html:lang(en) #madad-stack-wrapper .card-desc,\r\n            html[lang=\"en-US\"] #madad-stack-wrapper .card-desc,\r\n            html[lang=\"en-GB\"] #madad-stack-wrapper .card-desc,\r\n            body:lang(en) #madad-stack-wrapper .card-desc {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"stack-blueprint-bg\"><\/div>\r\n\r\n    <div class=\"stack-container\">\r\n        \r\n        <div class=\"stack-header\" id=\"stack-main-header\">\r\n            <div class=\"stack-indicator\">\r\n                <span class=\"stack-line\"><\/span>\r\n                <span class=\"stack-indicator-text\">\u0633\u0631 \u0627\u0644\u062a\u0645\u064a\u0632<\/span>\r\n            <\/div>\r\n            <h2 class=\"stack-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <br> <span style=\"color:#ffffff; text-shadow: 0 0 15px rgba(255,255,255,0.4);\">\u0645\u062f\u062f<\/span>\u061f<\/h2>\r\n            <p class=\"stack-header-desc\">\r\n                \u062e\u0644\u0641 \u0643\u0644 \u062a\u062c\u0631\u0628\u0629 \u0646\u0627\u062c\u062d\u0629\u060c \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0642\u0646.\r\n                \u0641\u064a \u0645\u062f\u062f\u060c \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0648\u0627\u0643\u0628 \u0637\u0645\u0648\u062d\u0627\u062a\u0647\u0645 \u0639\u0628\u0631 \u0631\u0643\u0627\u0626\u0632\u0646\u0627 \u0627\u0644\u062e\u0645\u0633 \u0644\u0644\u062a\u0645\u064a\u0632.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stack-main-content\">\r\n            \r\n            <div class=\"stack-progress-track\">\r\n                <div class=\"stack-progress-bar\" id=\"stack-scroll-fill\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stack-cards-area\">\r\n                \r\n                <div class=\"stack-card\">\r\n                    <div class=\"card-info\">\r\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0623\u0648\u0644<\/span>\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-chess-knight\"><\/i><\/div>\r\n                        <h3 class=\"card-heading\">\u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u064a\u0636\u0645\u0646 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0628\u062f\u0623 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u062f\u0631\u0627\u0633\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0623\u0647\u062f\u0627\u0641\u0647\u060c \u0648\u0646\u0628\u0646\u064a \u062e\u0637\u0629 \u062a\u0646\u0641\u064a\u0630 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0636\u0645\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-visual\">\r\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062a\u062e\u0637\u064a\u0637-\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a.webp\" alt=\"Strategy Planning\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"visual-overlay-layer custom-purple-tint\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stack-card\">\r\n                    <div class=\"card-info\">\r\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062b\u0627\u0646\u064a<\/span>\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-clock-rotate-left\"><\/i><\/div>\r\n                        <h3 class=\"card-heading\">\u0625\u062f\u0627\u0631\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0636\u0645\u0646 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c \u0645\u0639 \u0636\u0628\u0637 \u0643\u0627\u0645\u0644 \u0644\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-visual\">\r\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629-\u0648\u0627\u0644\u0648\u0642\u062a.webp\" alt=\"Budget Management\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"visual-overlay-layer custom-purple-tint\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stack-card\">\r\n                    <div class=\"card-info\">\r\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062b\u0627\u0644\u062b<\/span>\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-user-tie\"><\/i><\/div>\r\n                        <h3 class=\"card-heading\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0628\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0631\u0627\u0643\u0645\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u0631\u0649\u060c \u062a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u062a\u0644\u064a\u0642 \u0628\u0645\u0643\u0627\u0646\u062a\u0643\u0645.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-visual\">\r\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0641\u0631\u064a\u0642-\u0645\u062a\u062e\u0635\u0635.webp\" alt=\"Expert Team\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"visual-overlay-layer\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stack-card\">\r\n                    <div class=\"card-info\">\r\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u0631\u0627\u0628\u0639<\/span>\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-shapes\"><\/i><\/div>\r\n                        <h3 class=\"card-heading\">\u062d\u0644\u0648\u0644 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/h3>\r\n                        <p class=\"card-desc\">\u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0637\u0628\u064a\u0639\u0629 \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0646\u0648\u0641\u0631 \u0644\u0643 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062e\u0635\u0635\u0629 \u062a\u062a\u0643\u064a\u0641 \u0628\u0630\u0643\u0627\u0621 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0642\u0637\u0627\u0639\u0643 \u0648\u062a\u0636\u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0628\u062f\u0642\u0629.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-visual\">\r\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u062d\u0644\u0648\u0644-\u0645\u0631\u0646\u0629.webp\" alt=\"Flexible Solutions\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"visual-overlay-layer\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stack-card\">\r\n                    <div class=\"card-info\">\r\n                        <span class=\"card-tag\">\u0627\u0644\u0631\u0643\u0646 \u0627\u0644\u062e\u0627\u0645\u0633<\/span>\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                        <h3 class=\"card-heading\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\r\n                        <p class=\"card-desc\">\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0636\u064a\u0648\u0641 \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.<\/p>\r\n                    <\/div>\r\n                    <div class=\"card-visual\">\r\n                        <img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062c\u0648\u062f\u0629-\u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629-2.webp\" alt=\"Safety and Quality\" loading=\"lazy\" decoding=\"async\">\r\n                        <div class=\"visual-overlay-layer\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const cards = document.querySelectorAll('.stack-card');\r\n            const progressLine = document.getElementById('stack-scroll-fill');\r\n            const cardsArea = document.querySelector('.stack-cards-area');\r\n            const header = document.getElementById('stack-main-header');\r\n\r\n            const entranceObserver = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('stack-is-visible');\r\n                        observerInstance.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            if (header) entranceObserver.observe(header);\r\n            cards.forEach(card => entranceObserver.observe(card));\r\n\r\n            let isTicking = false;\r\n\r\n            function updateScrollEffects() {\r\n                const windowHeight = window.innerHeight;\r\n\r\n                if (cardsArea) {\r\n                    const containerRect = cardsArea.getBoundingClientRect();\r\n                    const scrollableDistance = containerRect.height - windowHeight;\r\n                    const progress = Math.max(0, Math.min(100, (-containerRect.top \/ scrollableDistance) * 100));\r\n                    if (progressLine) progressLine.style.height = `${progress}%`;\r\n                }\r\n\r\n                cards.forEach((card) => {\r\n                    const rect = card.getBoundingClientRect();\r\n                    const cardTop = rect.top;\r\n\r\n                    if (cardTop < 100 && cardTop > -600) {\r\n                        const factor = (100 - cardTop) \/ 1000;\r\n                        const scaleDown = 1 - (factor * 0.12);\r\n                        const fadeOut = 1 - (factor * 0.4);\r\n\r\n                        card.style.transform = `translate3d(0, ${factor * 25}px, 0) scale(${Math.max(scaleDown, 0.92)})`;\r\n                        card.style.opacity = Math.max(fadeOut, 0.7);\r\n                    } else if (cardTop >= 100) {\r\n                        card.style.transform = `translate3d(0, 0, 0) scale(1)`;\r\n                        if(card.classList.contains('stack-is-visible')) {\r\n                            card.style.opacity = 1;\r\n                        }\r\n                    }\r\n                });\r\n\r\n                isTicking = false;\r\n            }\r\n\r\n            function onScroll() {\r\n                if (!isTicking) {\r\n                    window.requestAnimationFrame(updateScrollEffects);\r\n                    isTicking = true;\r\n                }\r\n            }\r\n\r\n            window.addEventListener('scroll', onScroll, { passive: true });\r\n            window.requestAnimationFrame(updateScrollEffects);\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2088ea elementor-widget elementor-widget-html\" data-id=\"b2088ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/title>\r\n    \r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n    <style>\r\n        \/* 1. \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        #madad-partners-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            padding: 100px 0;\r\n            min-height: 600px;\r\n            background-color: transparent !important; \r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            --mouse-x: 50%;\r\n            --mouse-y: 50%;\r\n        }\r\n\r\n        #madad-partners-wrapper * { box-sizing: border-box; }\r\n\r\n        \/* 2. \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u062a\u0648\u0647\u062c\u0627\u062a \u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629) *\/\r\n        .mp-background-fx {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .mp-corner-light {\r\n            position: absolute;\r\n            width: 60vw;\r\n            height: 60vw;\r\n            filter: blur(150px);\r\n            opacity: 0.2;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            border-radius: 50%;\r\n            will-change: filter;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .mp-light-top-right {\r\n            top: -20%;\r\n            right: -10%;\r\n            background: radial-gradient(circle at center, #5C4994 0%, transparent 70%);\r\n        }\r\n\r\n        .mp-light-bottom-left {\r\n            bottom: -20%;\r\n            left: -10%;\r\n            background: radial-gradient(circle at center, #5C4994 0%, transparent 70%);\r\n        }\r\n\r\n        .mp-animated-glow {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(100px);\r\n            pointer-events: none;\r\n            z-index: 2;\r\n            background: rgba(92, 73, 148, 0.4);\r\n            mix-blend-mode: screen;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .mp-glow-1 {\r\n            width: 300px; height: 300px;\r\n            top: 20%; left: 20%;\r\n            animation: floatGlow1 25s infinite alternate ease-in-out;\r\n        }\r\n        \r\n        .mp-glow-2 {\r\n            width: 400px; height: 400px;\r\n            bottom: 10%; right: 15%;\r\n            background: rgba(140, 114, 207, 0.3);\r\n            animation: floatGlow2 30s infinite alternate-reverse ease-in-out;\r\n        }\r\n\r\n        .mp-glow-3 {\r\n            width: 250px; height: 250px;\r\n            top: 50%; left: 60%;\r\n            animation: floatGlow3 20s infinite alternate ease-in-out;\r\n        }\r\n\r\n        @keyframes floatGlow1 {\r\n            0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.3; }\r\n            100% { transform: translate3d(40vw, 20vh, 0) scale(1.5); opacity: 0.6; }\r\n        }\r\n        @keyframes floatGlow2 {\r\n            0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.4; }\r\n            100% { transform: translate3d(-30vw, -30vh, 0) scale(1.2); opacity: 0.7; }\r\n        }\r\n        @keyframes floatGlow3 {\r\n            0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.5; }\r\n            100% { transform: translate3d(-20vw, 40vh, 0) scale(0.8); opacity: 0.2; }\r\n        }\r\n\r\n        .mp-cursor-spotlight {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle 500px at var(--mouse-x) var(--mouse-y), rgba(92, 73, 148, 0.15), transparent 80%);\r\n            z-index: 3;\r\n            pointer-events: none;\r\n            will-change: background;\r\n        }\r\n\r\n        \/* 3. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u0644\u0647\u064a\u062f\u0631 \u0641\u0642\u0637 *\/\r\n        .mp-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 100%;\r\n            max-width: 100vw;\r\n            padding: 0 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .mp-header {\r\n            margin-bottom: 60px;\r\n            opacity: 0;\r\n            transform: translateX(80px);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .mp-header.mp-visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .mp-header-small {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 8px;\r\n            display: block;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mp-header-large {\r\n            font-size: clamp(40px, 6vw, 70px);\r\n            font-weight: 900;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n            color: #ffffff;\r\n            text-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .mp-accent {\r\n            color: white; \r\n        }\r\n\r\n        \/* 4. \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0632\u062c\u0627\u062c\u064a \u0628\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 (Full Width Glassy Marquee) *\/\r\n        .mp-marquee-wrapper {\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 30px 0;\r\n            direction: ltr; \r\n            background: rgba(160, 144, 207, 0.25); \r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;\r\n            will-change: transform, opacity;\r\n            z-index: 10;\r\n        }\r\n\r\n        .mp-marquee-wrapper.mp-visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .mp-marquee-track {\r\n            display: flex;\r\n            align-items: center;\r\n            width: fit-content;\r\n            gap: 40px;\r\n            padding-left: 40px; \r\n            animation: marqueeScroll 45s linear infinite;\r\n        }\r\n\r\n        .mp-marquee-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        @keyframes marqueeScroll {\r\n            0% { transform: translate3d(0, 0, 0); }\r\n            100% { transform: translate3d(-50%, 0, 0); } \r\n        }\r\n\r\n        .mp-logo-item {\r\n            height: 160px;\r\n            flex-shrink: 0;\r\n            background: transparent;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \r\n            cursor: pointer;\r\n            position: relative;\r\n            will-change: transform;\r\n        }\r\n\r\n        .mp-logo-item img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            transition: transform 0.4s ease, filter 0.4s ease;\r\n            filter: drop-shadow(0 0 0 rgba(0,0,0,0));\r\n            will-change: transform, filter;\r\n        }\r\n\r\n        .mp-logo-item:hover {\r\n            transform: scale(1.15); \r\n            z-index: 10;\r\n        }\r\n\r\n        .mp-logo-item:hover img {\r\n            filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.4)); \r\n            transform: scale(1.05); \r\n        }\r\n\r\n        \/* 5. \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Media Queries) *\/\r\n        @media (max-width: 1024px) {\r\n            .mp-corner-light { width: 80vw; opacity: 0.15; }\r\n            .mp-logo-item { width: 160px; height: 100px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #madad-partners-wrapper { padding: 80px 0; min-height: 500px; }\r\n            .mp-header { margin-bottom: 40px; }\r\n            .mp-marquee-wrapper { padding: 20px 0; }\r\n            .mp-logo-item { width: 140px; height: 85px; padding: 10px; }\r\n            .mp-marquee-track { gap: 30px; padding-left: 30px; animation-duration: 35s; }\r\n            .mp-corner-light { filter: blur(100px); }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mp-header-large { font-size: 40px; }\r\n            .mp-logo-item { width: 120px; height: 75px; padding: 8px; }\r\n            .mp-marquee-track { gap: 20px; padding-left: 20px; }\r\n        }\r\n\r\n        \/* =========================================================\r\n           English only styles - TranslatePress compatible\r\n           Arabic styling stays untouched\r\n        ========================================================= *\/\r\n\r\n        html:lang(en) #madad-partners-wrapper,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper,\r\n        body:lang(en) #madad-partners-wrapper {\r\n            direction: ltr;\r\n         }\r\n\r\n \r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-header-small,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-header-small,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header-small,\r\n        body:lang(en) #madad-partners-wrapper .mp-header-small {\r\n            letter-spacing: 5px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-header-large,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-header-large,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header-large,\r\n        body:lang(en) #madad-partners-wrapper .mp-header-large {\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.08;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-container,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-container,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-container,\r\n        body:lang(en) #madad-partners-wrapper .mp-container {\r\n            text-align: center;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-marquee-wrapper,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-marquee-wrapper,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-marquee-wrapper,\r\n        body:lang(en) #madad-partners-wrapper .mp-marquee-wrapper {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-marquee-track,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-marquee-track,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-marquee-track,\r\n        body:lang(en) #madad-partners-wrapper .mp-marquee-track {\r\n            gap: 48px;\r\n            padding-left: 40px;\r\n            padding-right: 0;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-logo-item,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item,\r\n        body:lang(en) #madad-partners-wrapper .mp-logo-item {\r\n            padding: 18px;\r\n            border-radius: 14px;\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-logo-item:hover,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item:hover,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item:hover,\r\n        body:lang(en) #madad-partners-wrapper .mp-logo-item:hover {\r\n            transform: scale(1.12);\r\n        }\r\n\r\n        html:lang(en) #madad-partners-wrapper .mp-logo-item:hover img,\r\n        html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item:hover img,\r\n        html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item:hover img,\r\n        body:lang(en) #madad-partners-wrapper .mp-logo-item:hover img {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            html:lang(en) #madad-partners-wrapper .mp-header-small,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-header-small,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header-small,\r\n            body:lang(en) #madad-partners-wrapper .mp-header-small {\r\n                letter-spacing: 4px;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item,\r\n            body:lang(en) #madad-partners-wrapper .mp-logo-item {\r\n                width: 160px;\r\n                height: 100px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            html:lang(en) #madad-partners-wrapper .mp-header,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-header,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header,\r\n            body:lang(en) #madad-partners-wrapper .mp-header {\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-marquee-track,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-marquee-track,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-marquee-track,\r\n            body:lang(en) #madad-partners-wrapper .mp-marquee-track {\r\n                gap: 30px;\r\n                padding-left: 30px;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item,\r\n            body:lang(en) #madad-partners-wrapper .mp-logo-item {\r\n                width: 140px;\r\n                height: 85px;\r\n                padding: 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            html:lang(en) #madad-partners-wrapper .mp-header-large,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-header-large,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header-large,\r\n            body:lang(en) #madad-partners-wrapper .mp-header-large {\r\n                font-size: 40px;\r\n                line-height: 1.12;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-header-small,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-header-small,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-header-small,\r\n            body:lang(en) #madad-partners-wrapper .mp-header-small {\r\n                letter-spacing: 3px;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-logo-item,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-logo-item,\r\n            body:lang(en) #madad-partners-wrapper .mp-logo-item {\r\n                width: 120px;\r\n                height: 75px;\r\n                padding: 8px;\r\n            }\r\n\r\n            html:lang(en) #madad-partners-wrapper .mp-marquee-track,\r\n            html[lang=\"en-US\"] #madad-partners-wrapper .mp-marquee-track,\r\n            html[lang=\"en-GB\"] #madad-partners-wrapper .mp-marquee-track,\r\n            body:lang(en) #madad-partners-wrapper .mp-marquee-track {\r\n                gap: 20px;\r\n                padding-left: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"madad-partners-wrapper\" dir=\"rtl\">\r\n    \r\n    <div class=\"mp-background-fx\">\r\n        <div class=\"mp-corner-light mp-light-top-right\"><\/div>\r\n        <div class=\"mp-corner-light mp-light-bottom-left\"><\/div>\r\n        \r\n        <div class=\"mp-animated-glow mp-glow-1\"><\/div>\r\n        <div class=\"mp-animated-glow mp-glow-2\"><\/div>\r\n        <div class=\"mp-animated-glow mp-glow-3\"><\/div>\r\n        \r\n        <div class=\"mp-cursor-spotlight\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mp-container\">\r\n        <div class=\"mp-header\" id=\"mp-header\">\r\n            <span class=\"mp-header-small\">OUR PARTNERS<\/span>\r\n            <h2 class=\"mp-header-large\">\u0634\u0631\u0643\u0627\u0621 <span class=\"mp-accent\">\u0627\u0644\u0646\u062c\u0627\u062d<\/span><\/h2>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mp-marquee-wrapper\" id=\"mp-marquee\">\r\n        <div class=\"mp-marquee-track\">\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-05-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 1\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-04-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 2\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-03-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 3\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-01-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 4\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-02-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 5\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-10-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 6\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-09-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 7\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-08-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 8\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-07-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 9\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-06-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 10\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-20-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 11\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-19-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 12\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-18-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 13\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-17-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 14\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-16-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 15\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-15-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 16\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-14-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 17\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-13-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 18\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-12-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 19\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-11-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 20\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Riyadh_Winter_Wonderland_logo.webp\" alt=\"\u0634\u0631\u064a\u0643 21\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Whisk_3038356453ded86ae2542b8b6e5b5001dr-Photoroom.webp\" alt=\"\u0634\u0631\u064a\u0643 22\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-05-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 1\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-04-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 2\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-03-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 3\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-01-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 4\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-02-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 5\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-10-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 6\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-09-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 7\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-08-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 8\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-07-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 9\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-06-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 10\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-20-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 11\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-19-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 12\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-18-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 13\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-17-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 14\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-16-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 15\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-15-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 16\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-14-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 17\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-13-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 18\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-12-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 19\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-11-scaled.png\" alt=\"\u0634\u0631\u064a\u0643 20\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Riyadh_Winter_Wonderland_logo.webp\" alt=\"\u0634\u0631\u064a\u0643 21\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n            <div class=\"mp-logo-item\"><img src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/04\/Whisk_3038356453ded86ae2542b8b6e5b5001dr-Photoroom.webp\" alt=\"\u0634\u0631\u064a\u0643 22\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const wrapper = document.getElementById('madad-partners-wrapper');\r\n        const header = document.getElementById('mp-header');\r\n        const marquee = document.getElementById('mp-marquee');\r\n        \r\n        let ticking = false;\r\n        wrapper.addEventListener('mousemove', (e) => {\r\n            if (!ticking) {\r\n                window.requestAnimationFrame(() => {\r\n                    const rect = wrapper.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n\r\n                    wrapper.style.setProperty('--mouse-x', `${x}px`);\r\n                    wrapper.style.setProperty('--mouse-y', `${y}px`);\r\n                    ticking = false;\r\n                });\r\n                ticking = true;\r\n            }\r\n        }, { passive: true });\r\n\r\n        const observer = new IntersectionObserver((entries, observerInstance) => {\r\n            entries.forEach(entry => {\r\n                if(entry.isIntersecting) {\r\n                    entry.target.classList.add('mp-visible');\r\n                    observerInstance.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 }); \r\n\r\n        if (header) observer.observe(header);\r\n        if (marquee) observer.observe(marquee);\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c5b4a elementor-widget elementor-widget-html\" data-id=\"f2c5b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Quick Contact Section<\/title>\r\n\r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* =========================================\r\n           \ud83c\udfa8 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0623\u0644\u0648\u0627\u0646\r\n           ========================================= *\/\r\n        :root {\r\n            --box-bg-color: transparent; \r\n            --box-border-color: #ffffff; \r\n            --title-color: #ffffff; \r\n            --btn-bg-color: #ffffff; \r\n            --btn-text-color: #000000; \r\n            --btn-hover-bg: #f0f0f0; \r\n            --btn-shadow-color: rgba(0, 0, 0, 0.2); \r\n        }\r\n\r\n        \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n        #mdp-quick-contact {\r\n            \/* \u0645\u0633\u0627\u062d\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0631\u0628\u0639 \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0628\u0648\u0631\u062f\u0631 \u0641\u064a \u0643\u0644 \u0627\u0644\u0634\u0627\u0634\u0627\u062a *\/\r\n            padding: 40px 25px !important; \r\n            font-family: 'Tajawal', sans-serif;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0628\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n        .mqc-box {\r\n            background: var(--box-bg-color);\r\n            border: 1px solid var(--box-border-color); \r\n            border-radius: 15px;\r\n            padding: 50px 30px;\r\n            text-align: center;\r\n            max-width: 450px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u062f\u0648\u0646 \u062e\u0637 \u0633\u0641\u0644\u064a *\/\r\n        .mqc-title-wrapper {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .mqc-title {\r\n            font-size: 26px;\r\n            font-weight: 800;\r\n            color: var(--title-color);\r\n            margin: 0;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n        .mqc-links {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 - \u0645\u062d\u0633\u0646 \u0644\u0644\u0623\u062f\u0627\u0621 *\/\r\n        .mqc-btn {\r\n            background-color: var(--btn-bg-color);\r\n            color: var(--btn-text-color);\r\n            text-decoration: none;\r\n            padding: 16px 20px;\r\n            border-radius: 8px;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n            width: 100%;\r\n            display: block;\r\n            direction: ltr; \r\n            box-sizing: border-box;\r\n            \r\n            \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u062a\u0641\u0639\u064a\u0644 GPU *\/\r\n            will-change: transform, box-shadow, background-color;\r\n            transform: translateZ(0); \r\n        }\r\n\r\n        .mqc-btn:hover {\r\n            background-color: var(--btn-hover-bg);\r\n            \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 translate3d \u0628\u062f\u0644\u0627\u064b \u0645\u0646 translateY \u0644\u0644\u0623\u062f\u0627\u0621 *\/\r\n            transform: translate3d(0, -3px, 0);\r\n            box-shadow: 0 5px 15px var(--btn-shadow-color);\r\n        }\r\n\r\n        \/* =========================================\r\n           \ud83d\udcf1 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 (Responsive)\r\n           ========================================= *\/\r\n        \r\n        @media (max-width: 480px) {\r\n            #mdp-quick-contact {\r\n                \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0631\u0628\u0639 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 \u0644\u064a\u0628\u062f\u0648 \u0627\u0644\u0628\u0648\u0631\u062f\u0631 \u0648\u0627\u0636\u062d\u0627\u064b *\/\r\n                padding: 30px 20px !important; \r\n            }\r\n            .mqc-box {\r\n                padding: 40px 20px;\r\n                border-radius: 12px;\r\n            }\r\n            .mqc-title {\r\n                font-size: 22px;\r\n            }\r\n            .mqc-btn {\r\n                padding: 14px 10px;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"mdp-quick-contact\" dir=\"rtl\">\r\n    <div class=\"mqc-box\">\r\n        <div class=\"mqc-title-wrapper\">\r\n            <h2 class=\"mqc-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"mqc-links\">\r\n            <a href=\"mailto:info@mddoec.com\" class=\"mqc-btn\">info@mddoec.com<\/a>\r\n            \r\n            <a href=\"tel:0554522228\" class=\"mqc-btn\">+966 55 452 22299<\/a>\r\n        <\/div>\r\n    <\/div>\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","protected":false},"excerpt":{"rendered":"<p>+130 \u0641\u0639\u0627\u0644\u064a\u0629 \u0646\u0627\u062c\u062d\u0629 +250 \u0632\u0627\u0626\u0631 \u0648\u0645\u0634\u0627\u0631\u0643 +115 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 10 \u0645\u0646\u0627\u0637\u0642 \u0645\u062f\u062f \u0644\u0627\u0642\u0627\u0645\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0646\u0635\u0646\u0639 \u0627\u0644\u062d\u062f\u062b\u060c \u0648\u0646\u062a\u0631\u0643 \u0627\u0644\u0623\u062b\u0631 \u0627\u0628\u062f\u0623 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":424,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/980"}],"wp:attachment":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}