{"id":797,"date":"2025-03-20T09:10:04","date_gmt":"2025-03-20T09:10:04","guid":{"rendered":"https:\/\/startersites.io\/elementor\/investboost\/?page_id=797"},"modified":"2026-04-15T13:12:48","modified_gmt":"2026-04-15T13:12:48","slug":"about","status":"publish","type":"page","link":"https:\/\/escale.sa\/ar\/about\/","title":{"rendered":"\u0639\u0646\u0627"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a. \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062f\u0648\u0645.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u062a\u0637\u0648\u064a\u0631 \u0648\u0628\u0646\u0627\u0621 \u0645\u062e\u0635\u0635\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649. \u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0646\u0636\u0628\u0637 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0641\u0625\u0646\u0646\u0627 \u0646\u0636\u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u0644\u0645\u0627\u0630\u0627 \u062a\u0633\u062a\u062b\u0645\u0631 \u0645\u0639 Escale<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0646\u062d\u0648\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0625\u0644\u0649 \u0642\u064a\u0645\u0629 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0644\u0649 \u0639\u0648\u0627\u0626\u062f \u062f\u0627\u0626\u0645\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

\u062e\u0628\u0631\u0629<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u064a\u062a\u0645\u062a\u0639 \u0628\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 15 \u0639\u0627\u0645\u064b\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0645\u0635\u0631 \u0648\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u062c\u062f\u0627\u0648\u0644 \u0632\u0645\u0646\u064a\u0629 \u0645\u062d\u062f\u062f\u0629 \u0648\u0631\u0624\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629. \u0645\u0627 \u0646\u0639\u062f \u0628\u0647 \u0647\u0648 \u0628\u0627\u0644\u0636\u0628\u0637 \u0645\u0627 \u0646\u0642\u062f\u0645\u0647.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

\u0639\u0648\u0627\u0626\u062f \u0639\u0627\u0644\u064a\u0629<\/h4>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u0646\u062d\u0646 \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0630\u0643\u064a \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649\u060c \u0648\u0644\u064a\u0633 \u0627\u0644\u0645\u0643\u0627\u0633\u0628 \u0642\u0635\u064a\u0631\u0629 \u0627\u0644\u0645\u062f\u0649.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Our Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
Think it. Build it. Own it. We are a collective of creators and craftsmen dedicated to a single goal: turning bold concepts into enduring landmarks. For us, design-build isn't just a workflow\u2014it\u2019s our commitment to seeing every detail through from the first sketch to the final nail<\/h5>\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Mr. Khalid A. Alammari<\/h4>

President-Founder<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

Eng. Yusuf M. Zaki<\/h4>

Projects Director CO-Founder<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

Arch. Ahmed Ghareeb<\/h4>

Head of Engineering and Designe Dept.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Escale | Scroll Timeline<\/title>\r\n <style>\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ESCALE SCROLL TIMELINE - Unique Classes Only\r\n Colors: Navy #1A2E4A | Sand #C9B99A | Bronze #8B7355\r\n Font: The Seasons\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n @font-face {\r\n font-family: 'The Seasons';\r\n src: url('the seasons Font\/The Seasons\/The Seasons.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n\r\n \/* Scoped Reset *\/\r\n .escale-timeline-section,\r\n .escale-timeline-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .escale-timeline-section {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .escale-timeline-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n background: linear-gradient(180deg, #fafaf8 0%, #f5f3ef 100%);\r\n font-family: 'Inter', sans-serif;\r\n overflow: hidden\r\n }\r\n\r\n .escale-timeline-header {\r\n text-align: center;\r\n padding: 80px 20px 60px;\r\n position: relative;\r\n z-index: 10\r\n }\r\n\r\n .escale-timeline-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 20px;\r\n background: #1A2E4A;\r\n border-radius: 50px;\r\n margin-bottom: 24px\r\n }\r\n\r\n .escale-timeline-badge-icon {\r\n width: 16px;\r\n height: 16px;\r\n fill: #C9B99A\r\n }\r\n\r\n .escale-timeline-badge-text {\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #C9B99A;\r\n letter-spacing: 2px;\r\n text-transform: uppercase\r\n }\r\n\r\n .escale-timeline-heading {\r\n font-family: 'The Seasons', serif;\r\n font-size: clamp(40px, 7vw, 64px);\r\n font-weight: normal;\r\n color: #1A2E4A;\r\n line-height: 1.1;\r\n margin-bottom: 16px\r\n }\r\n\r\n .escale-timeline-subheading {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: #8B7355;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7\r\n }\r\n\r\n .escale-timeline-container {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 20px 100px\r\n }\r\n\r\n .escale-timeline-line {\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n \/* Line extends to the center of the end marker roughly *\/\r\n bottom: 150px;\r\n width: 3px;\r\n background: linear-gradient(to bottom, transparent, #C9B99A 10%, #C9B99A 90%, transparent);\r\n transform: translateX(-50%);\r\n z-index: 1\r\n }\r\n\r\n .escale-timeline-progress {\r\n position: absolute;\r\n left: 50%;\r\n top: 0;\r\n width: 3px;\r\n background: linear-gradient(to bottom, #1A2E4A, #8B7355);\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n height: 0;\r\n max-height: calc(100% - 150px);\r\n \/* Stop at the same point as the line *\/\r\n }\r\n\r\n .escale-timeline-glow {\r\n position: absolute;\r\n left: 50%;\r\n width: 20px;\r\n height: 20px;\r\n background: radial-gradient(circle, rgba(201, 185, 154, 0.8) 0%, rgba(139, 115, 85, 0.4) 40%, transparent 70%);\r\n transform: translate(-50%, -50%);\r\n border-radius: 50%;\r\n z-index: 3;\r\n box-shadow: 0 0 30px rgba(201, 185, 154, 0.6);\r\n \/* Removed transition for instant follow *\/\r\n }\r\n\r\n .escale-timeline-events {\r\n position: relative;\r\n z-index: 10\r\n }\r\n\r\n .escale-timeline-event {\r\n display: flex;\r\n align-items: center;\r\n \/* Center vertically to align with dot *\/\r\n margin-bottom: 100px;\r\n opacity: 0.2;\r\n \/* Visible but dimmed initially *\/\r\n transform: translateY(20px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1)\r\n }\r\n\r\n .escale-timeline-event.escale-timeline-visible {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n\r\n \/* STANDARD LAYOUT: Content - Marker - Spacer *\/\r\n \/* ODD: Content(Left) - Marker(Center) - Spacer(Right) *\/\r\n .escale-timeline-event:nth-child(odd) {\r\n flex-direction: row;\r\n text-align: right;\r\n }\r\n\r\n \/* EVEN: Spacer(Left) - Marker(Center) - Content(Right) *\/\r\n \/* Note: We use row-reverse on the container but children remain in DOM order Content, Marker, Spacer *\/\r\n \/* Wait, if DOM is Content, Marker, Spacer *\/\r\n \/* row-reverse gives: Spacer, Marker, Content *\/\r\n \/* This puts Content on Right. Correct. *\/\r\n .escale-timeline-event:nth-child(even) {\r\n flex-direction: row-reverse;\r\n text-align: left;\r\n }\r\n\r\n .escale-timeline-event-content {\r\n flex: 1;\r\n width: 50%;\r\n padding: 0 40px;\r\n }\r\n\r\n .escale-timeline-event-marker {\r\n position: relative;\r\n width: 60px;\r\n height: 60px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center\r\n }\r\n\r\n .escale-timeline-event-dot {\r\n width: 20px;\r\n height: 20px;\r\n background: #fff;\r\n border: 3px solid #C9B99A;\r\n border-radius: 50%;\r\n transition: all 0.4s ease;\r\n z-index: 2;\r\n box-shadow: 0 0 0 0 rgba(201, 185, 154, 0.4);\r\n }\r\n\r\n \/* Active State for Dot *\/\r\n .escale-timeline-event.escale-timeline-passed .escale-timeline-event-dot {\r\n background: #1A2E4A;\r\n border-color: #1A2E4A;\r\n transform: scale(1.5);\r\n box-shadow: 0 0 0 8px rgba(201, 185, 154, 0.3);\r\n }\r\n\r\n .escale-timeline-event.escale-timeline-passed .escale-timeline-event-card {\r\n border-color: #C9B99A;\r\n box-shadow: 0 15px 40px rgba(26, 46, 74, 0.15);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .escale-timeline-event-year {\r\n display: inline-block;\r\n padding: 6px 16px;\r\n background: #1A2E4A;\r\n color: #C9B99A;\r\n font-size: 13px;\r\n font-weight: 700;\r\n border-radius: 4px;\r\n margin-bottom: 12px\r\n }\r\n\r\n .escale-timeline-event-title {\r\n font-family: 'The Seasons', serif;\r\n font-size: clamp(22px, 3.5vw, 28px);\r\n font-weight: normal;\r\n color: #1A2E4A;\r\n margin-bottom: 8px\r\n }\r\n\r\n .escale-timeline-event-subtitle {\r\n font-size: 14px;\r\n color: #8B7355;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px\r\n }\r\n\r\n .escale-timeline-event-desc {\r\n font-size: 15px;\r\n color: #555;\r\n line-height: 1.8\r\n }\r\n\r\n .escale-timeline-event-card {\r\n background: #fff;\r\n padding: 32px;\r\n border-radius: 12px;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n border: 1px solid rgba(201, 185, 154, 0.2);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n\r\n .escale-timeline-event-spacer {\r\n flex: 1;\r\n width: 50%;\r\n }\r\n\r\n .escale-timeline-end {\r\n text-align: center;\r\n \/* Position it so the line ends right at the top of the icon or overlaps slightly *\/\r\n margin-top: -40px;\r\n padding-bottom: 80px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.8s ease;\r\n position: relative;\r\n z-index: 20;\r\n }\r\n\r\n .escale-timeline-end.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .escale-timeline-end-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: #1A2E4A;\r\n color: #C9B99A;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n box-shadow: 0 0 20px rgba(26, 46, 74, 0.3);\r\n }\r\n\r\n .escale-timeline-end-text {\r\n font-family: 'The Seasons', serif;\r\n font-size: 24px;\r\n color: #1A2E4A;\r\n }\r\n\r\n @media(max-width:768px) {\r\n .escale-timeline-heading {\r\n font-size: 36px\r\n }\r\n\r\n .escale-timeline-line,\r\n .escale-timeline-progress,\r\n .escale-timeline-glow {\r\n left: 30px\r\n }\r\n\r\n .escale-timeline-event,\r\n .escale-timeline-event:nth-child(odd),\r\n .escale-timeline-event:nth-child(even) {\r\n flex-direction: row;\r\n text-align: left;\r\n }\r\n\r\n .escale-timeline-event-content,\r\n .escale-timeline-event-spacer {\r\n width: auto;\r\n flex: 1;\r\n }\r\n\r\n .escale-timeline-event-content {\r\n padding-left: 50px;\r\n padding-right: 0;\r\n text-align: left;\r\n }\r\n\r\n .escale-timeline-event:nth-child(odd) .escale-timeline-event-content {\r\n padding-right: 0;\r\n text-align: left;\r\n padding-left: 50px;\r\n }\r\n\r\n .escale-timeline-event-marker {\r\n width: 60px;\r\n \/* Keep consistent width box *\/\r\n position: absolute;\r\n left: 0;\r\n justify-content: center;\r\n }\r\n\r\n .escale-timeline-event-spacer {\r\n display: none\r\n }\r\n\r\n .escale-timeline-events {\r\n padding-left: 0\r\n }\r\n\r\n .escale-timeline-event-card {\r\n padding: 24px\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <section class=\"escale-timeline-section\">\r\n <div class=\"escale-timeline-header\">\r\n <div class=\"escale-timeline-badge\">\r\n <svg class=\"escale-timeline-badge-icon\" viewbox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\r\n <\/svg>\r\n <span class=\"escale-timeline-badge-text\">\u0631\u062d\u0644\u062a\u0646\u0627<\/span>\r\n <\/div>\r\n <h2 class=\"escale-timeline-heading translation-block\">\u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0645\u064a\u0632<br>\u0639\u0628\u0631 \u0627\u0644\u0632\u0645\u0646<\/h2>\r\n <p class=\"escale-timeline-subheading\">\u0625\u0631\u062b \u0645\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0648\u0627\u0644\u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\r\n <\/div>\r\n <div class=\"escale-timeline-container\">\r\n <div class=\"escale-timeline-line\"><\/div>\r\n <div class=\"escale-timeline-progress\" id=\"escaleTimelineProgress\"><\/div>\r\n <div class=\"escale-timeline-glow\" id=\"escaleTimelineGlow\"><\/div>\r\n <div class=\"escale-timeline-events\" id=\"escaleTimelineEvents\">\r\n\r\n <!-- ALL EVENTS Standardized: Content, Marker, Spacer -->\r\n <!-- CSS will handle flipping for Evens -->\r\n\r\n <!-- 2013 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2013\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2013<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u062a\u0623\u0633\u0633\u062a Myfoundation<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u064a\u0628\u062f\u0623 \u0623\u0633\u0627\u0633 \u0631\u062d\u0644\u062a\u0646\u0627 \u0628\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u0648\u0636\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2014 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2014\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2014<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0623\u0648\u0644 \u0645\u0634\u0631\u0648\u0639 \u0634\u0627\u0647\u0642<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u062d\u0636\u0631\u064a\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0623\u0643\u0645\u0644\u0646\u0627 \u0628\u0646\u062c\u0627\u062d \u0623\u0648\u0644 \u0628\u0631\u062c \u0633\u0643\u0646\u064a \u0645\u0643\u0648\u0646 \u0645\u0646 20 \u0637\u0627\u0628\u0642\u064b\u0627\u060c \u0645\u0645\u0627 \u0623\u0638\u0647\u0631 \u0642\u062f\u0631\u062a\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2015 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2015\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2015<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u062f\u062e\u0648\u0644 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0646\u0645\u0648 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0642\u0645\u0646\u0627 \u0628\u062a\u0648\u0633\u064a\u0639 \u0645\u062d\u0641\u0638\u062a\u0646\u0627 \u0644\u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0645\u0645\u0627 \u0623\u062f\u0649 \u0625\u0644\u0649 \u062a\u0646\u0648\u064a\u0639 \u062e\u0628\u0631\u0627\u062a\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0628\u0646\u0627\u0621.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2016 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2016\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2016<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0633\u0627\u0645\u0633\u0648\u0646\u062c \u0648\u0625\u062a\u0634 \u0628\u064a<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u062a\u0623\u0645\u064a\u0646 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0639 \u0631\u0648\u0627\u062f \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u064a\u0646\u060c \u0648\u062a\u0648\u0641\u064a\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2017 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2017\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2017<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0645\u0628\u0627\u062f\u0631\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0627\u0644\u0645\u0628\u0646\u0649 \u0627\u0644\u0623\u062e\u0636\u0631<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0623\u0637\u0644\u0642\u0646\u0627 \u0642\u0633\u0645 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062f\u064a\u0646\u0627\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 LEED \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2018 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2018\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2018<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u062a\u0637\u0648\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0644<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0642\u0627\u0645\u062a \u0628\u062a\u0633\u0644\u064a\u0645 \u062b\u0644\u0627\u062b\u0629 \u0645\u062c\u0645\u0639\u0627\u062a \u062a\u0633\u0648\u0642 \u0631\u0626\u064a\u0633\u064a\u0629\u060c \u0645\u0645\u0627 \u0623\u0639\u0627\u062f \u062a\u0639\u0631\u064a\u0641 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0628\u0645\u0641\u0627\u0647\u064a\u0645 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2019 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2019\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2019<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">Officially launched operations in JEDDAH, establishing Escale\r\n as a key player in the Kingdom's rapid development.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2020 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2020\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2020<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 BIM \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u0642\u0639.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2021 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2021\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2021<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0636\u064a\u0627\u0641\u0629<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0641\u0646\u0627\u062f\u0642 \u0641\u0627\u062e\u0631\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">Completed our first 5-star Complex center ESCALE, setting a new benchmark for luxury hospitality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2022 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2022\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2022<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0623\u0643\u062b\u0631 \u0645\u0646 200 \u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0631\u0632<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0639\u0628\u0631 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0627\u062d\u062a\u0641\u0644\u0646\u0627 \u0628\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0627\u062c\u062d \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 200 \u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0645\u0627 \u0623\u062b\u0628\u062a \u0645\u0648\u062b\u0648\u0642\u064a\u062a\u0646\u0627 \u0648\u0646\u0637\u0627\u0642 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0628\u0646\u0627\u0621.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2023 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2023\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2023<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0645\u0633\u0627\u0647\u0645\u0629 \u0631\u0624\u064a\u0629 2030<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0636\u062e\u0645\u0629<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u062d\u0635\u0644\u062a \u0639\u0644\u0649 \u0639\u0642\u0648\u062f \u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062c\u064a\u062c\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0645\u0627 \u0633\u0627\u0647\u0645 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0631\u0624\u064a\u0629 2030.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2024 (Even) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2024\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2024<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u062a\u0645 \u0627\u0641\u062a\u062a\u0627\u062d \u0645\u0631\u0643\u0632 \u0645\u062e\u0635\u0635 \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0644\u0631\u064a\u0627\u062f\u0629 \u0645\u0648\u0627\u062f \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <!-- 2026 (Odd) -->\r\n <div class=\"escale-timeline-event\" data-year=\"2026\">\r\n <div class=\"escale-timeline-event-content\">\r\n <div class=\"escale-timeline-event-card\">\r\n <span class=\"escale-timeline-event-year\">2026<\/span>\r\n <h3 class=\"escale-timeline-event-title\">\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h3>\r\n <p class=\"escale-timeline-event-subtitle\">\u0625\u0633\u0643\u0627\u0644 \u0648\u0645\u0627\u064a \u0641\u0627\u0648\u0646\u062f\u064a\u0634\u0646 \u064a\u0648\u0646\u0627\u064a\u062a\u062f<\/p>\r\n <p class=\"escale-timeline-event-desc\">\u0625\u0637\u0644\u0627\u0642 \u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0631\u064a\u0643 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0648\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-marker\">\r\n <div class=\"escale-timeline-event-dot\"><\/div>\r\n <\/div>\r\n <div class=\"escale-timeline-event-spacer\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"escale-timeline-end\">\r\n <div class=\"escale-timeline-end-icon\">\r\n <svg viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"escale-timeline-end-text\">To Be Continued...<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <script>\r\n (function () {\r\n var section = document.querySelector('.escale-timeline-section');\r\n var container = document.querySelector('.escale-timeline-container');\r\n var progress = document.getElementById('escaleTimelineProgress');\r\n var glow = document.getElementById('escaleTimelineGlow');\r\n var events = document.querySelectorAll('.escale-timeline-event');\r\n var endMarker = document.querySelector('.escale-timeline-end');\r\n\r\n function updateTimeline() {\r\n var rect = container.getBoundingClientRect();\r\n var containerTop = rect.top;\r\n var containerHeight = rect.height;\r\n var windowHeight = window.innerHeight;\r\n\r\n \/\/ Target: We want the progress line to reach the bottom (where line ends) \r\n \/\/ when the user has scrolled enough to see the end marker.\r\n\r\n \/\/ The line ends at 150px from bottom (defined in CSS).\r\n var lineBottomOffset = 150;\r\n var maxProgressHeight = containerHeight - lineBottomOffset;\r\n\r\n \/\/ Define \"complete\" as when the end marker is well within view.\r\n \/\/ Let's say when the line bottom is at 70% of viewport height.\r\n \/\/ Center of viewport logic:\r\n\r\n var lineTipViewPosition = containerTop + maxProgressHeight; \/\/ Where the end of line is relative to viewport top\r\n\r\n \/\/ We want progress to follow center of screen? \r\n \/\/ Or just fill as we scroll.\r\n\r\n \/\/ Let's use a standard scroll progress mapping.\r\n \/\/ 0% when container starts entering, 100% when container finishes or end marker is visible.\r\n\r\n \/\/ Simplified: The glow should be at center of screen, bounded by 0 and maxProgressHeight.\r\n var desiredGlowPos = (windowHeight * 0.5) - containerTop;\r\n\r\n var progressHeight = Math.max(0, Math.min(maxProgressHeight, desiredGlowPos));\r\n\r\n progress.style.height = progressHeight + 'px';\r\n glow.style.top = progressHeight + 'px';\r\n\r\n \/\/ Check intersection for dots\r\n events.forEach(function (event, index) {\r\n var eventRect = event.getBoundingClientRect();\r\n \/\/ Marker center relative to viewport\r\n var markerCenterView = eventRect.top + (eventRect.height \/ 2);\r\n \/\/ Line tip relative to viewport\r\n var lineTipView = containerTop + progressHeight;\r\n\r\n \/\/ Visible fade in\r\n if (markerCenterView < windowHeight * 0.9) {\r\n event.classList.add('escale-timeline-visible');\r\n }\r\n\r\n \/\/ Activate dot if line has passed it\r\n if (lineTipView >= markerCenterView) {\r\n event.classList.add('escale-timeline-passed');\r\n } else {\r\n event.classList.remove('escale-timeline-passed');\r\n }\r\n });\r\n\r\n \/\/ Show end marker when the line touches the end\r\n if (progressHeight >= maxProgressHeight - 5) {\r\n endMarker.classList.add('visible');\r\n } else {\r\n \/\/ Optional: remove visible class if we scroll back up? \r\n \/\/ Better to keep it if they've seen it, or toggle it. \r\n \/\/ Let's toggle for responsiveness.\r\n endMarker.classList.remove('visible');\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', updateTimeline);\r\n window.addEventListener('resize', updateTimeline);\r\n updateTimeline();\r\n })();\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1279fd e-flex e-con-boxed e-con e-parent\" data-id=\"b1279fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11f23c7 elementor-widget elementor-widget-heading\" data-id=\"11f23c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0642\u0627\u062f\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-723b7fa elementor-widget elementor-widget-text-editor\" data-id=\"723b7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0633\u062c\u0644 \u062d\u0627\u0641\u0644 \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0645\u0639 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65d1950 e-con-full e-flex e-con e-child\" data-id=\"65d1950\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6fc0336 e-con-full e-flex e-con e-child\" data-id=\"6fc0336\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9c4876 elementor-widget elementor-widget-shortcode\" data-id=\"e9c4876\" 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\"><!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n <title>Escale | Our Clients<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n @font-face {\n font-family: 'The Seasons';\n src: url('the seasons Font\/The Seasons\/The Seasons.woff2') format('woff2'), url('the seasons Font\/The Seasons\/The Seasons.woff') format('woff'), url('the seasons Font\/The Seasons\/The Seasons.ttf') format('truetype');\n font-weight: normal;\n font-style: normal\n }\n\n .escale-3d-marquee-wrapper {\n margin: 0;\n padding: 60px 0;\n box-sizing: border-box;\n font-family: 'The Seasons', serif;\n background: #1A2E4A;\n color: #fff;\n overflow: visible;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center\n }\n\n .escale-3d-marquee-container {\n display: block;\n width: 100%;\n max-width: 1200px;\n height: 600px;\n overflow: hidden;\n border-radius: 16px;\n background: linear-gradient(135deg, #1A2E4A 0%, #0d1a2d 100%);\n position: relative;\n margin: 0 auto\n }\n\n .escale-3d-marquee-perspective {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: rotateX(55deg) rotateY(0deg) rotateZ(45deg);\n transform-style: preserve-3d\n }\n\n .escale-3d-marquee-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n transform: scale(0.85)\n }\n\n .escale-3d-marquee-column {\n display: flex;\n flex-direction: column;\n gap: 16px;\n position: relative\n }\n\n .escale-3d-marquee-column::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n height: 200%;\n width: 2px;\n background: linear-gradient(180deg, transparent, rgba(201, 185, 154, 0.3), transparent)\n }\n\n .escale-3d-marquee-track {\n display: flex;\n flex-direction: column;\n gap: 16px;\n will-change: transform;\n transform: translateZ(0);\n backface-visibility: hidden\n }\n\n .escale-3d-marquee-item {\n position: relative;\n width: 180px;\n height: 130px;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);\n background: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n z-index: 1;\n transform: translateZ(0);\n backface-visibility: hidden\n }\n\n .escale-3d-marquee-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(201, 185, 154, 0.5), transparent);\n z-index: 2;\n border-radius: 10px 10px 0 0\n }\n\n .escale-3d-marquee-item img.escale-3d-marquee-image {\n max-width: 80%;\n max-height: 80%;\n width: auto;\n height: auto;\n object-fit: contain;\n display: block;\n pointer-events: none\n }\n\n @media screen and (max-width:768px) {\n .escale-3d-marquee-container {\n height: 400px;\n border-radius: 12px;\n margin: 0 15px;\n width: calc(100% - 30px)\n }\n\n .escale-3d-marquee-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n transform: scale(0.7)\n }\n\n .escale-3d-marquee-item {\n width: 140px;\n height: 100px\n }\n }\n\n @media screen and (max-width:480px) {\n .escale-3d-marquee-container {\n height: 350px\n }\n\n .escale-3d-marquee-grid {\n transform: scale(0.6)\n }\n\n .escale-3d-marquee-item {\n width: 120px;\n height: 86px\n }\n }\n <\/style>\n<\/head>\n\n<body class=\"escale-3d-marquee-wrapper\">\n <div class=\"escale-3d-marquee-container\">\n <div class=\"escale-3d-marquee-perspective\">\n <div class=\"escale-3d-marquee-grid\" id=\"escale-marquee-grid\"><\/div>\n <\/div>\n <\/div>\n <script>\n (function () {\n var clientImages = [{ src: \"\/wp-content\/uploads\/2026\/01\/6.png\", alt: \"Client 1\" }, { src: \"\/wp-content\/uploads\/2026\/01\/23.png\", alt: \"Client 2\" }, { src: \"\/wp-content\/uploads\/2026\/01\/8.png\", alt: \"Client 3\" }, { src: \"\/wp-content\/uploads\/2026\/01\/9.png\", alt: \"Client 4\" }, { src: \"\/wp-content\/uploads\/2026\/01\/10.png\", alt: \"Client 5\" }, { src: \"\/wp-content\/uploads\/2026\/01\/11.png\", alt: \"Client 6\" }, { src: \"\/wp-content\/uploads\/2026\/01\/12.png\", alt: \"Client 7\" }, { src: \"\/wp-content\/uploads\/2026\/01\/13.png\", alt: \"Client 8\" }, { src: \"\/wp-content\/uploads\/2026\/01\/14.png\", alt: \"Client 9\" }, { src: \"\/wp-content\/uploads\/2026\/01\/15.png\", alt: \"Client 10\" }, { src: \"\/wp-content\/uploads\/2026\/01\/16.png\", alt: \"Client 11\" }, { src: \"\/wp-content\/uploads\/2026\/01\/17.png\", alt: \"Client 12\" }, { src: \"\/wp-content\/uploads\/2026\/01\/18.png\", alt: \"Client 13\" }, { src: \"\/wp-content\/uploads\/2026\/01\/24.png\", alt: \"Client 14\" }, { src: \"\/wp-content\/uploads\/2026\/01\/4-1.png\", alt: \"Client 15\" }, { src: \"\/wp-content\/uploads\/2026\/01\/3-1.png\", alt: \"Client 16\" }, { src: \"\/wp-content\/uploads\/2026\/01\/2-1.png\", alt: \"Client 17\" }, { src: \"\/wp-content\/uploads\/2026\/01\/1-1.png\", alt: \"Client 18\" }, { src: \"\/wp-content\/uploads\/2026\/01\/19.png\", alt: \"Client 19\" }, { src: \"\/wp-content\/uploads\/2026\/01\/20.png\", alt: \"Client 20\" }, { src: \"\/wp-content\/uploads\/2026\/01\/21.png\", alt: \"Client 21\" }, { src: \"\/wp-content\/uploads\/2026\/01\/22.png\", alt: \"Client 22\" }]; var cols = 4; var imgsPerCol = Math.ceil(clientImages.length \/ cols); var grid = document.getElementById(\"escale-marquee-grid\"); var tracks = [];\n \/* \u26a1 ANIMATION SPEED CONTROL - Adjust this value (lower = slower) \u26a1 *\/\n var SCROLL_SPEED = 0.35;\n \/* \u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1\u26a1 *\/\n for (var c = 0; c < cols; c++) { var col = document.createElement(\"div\"); col.className = \"escale-3d-marquee-column\"; var dir = c % 2 === 0 ? \"up\" : \"down\"; col.setAttribute(\"data-direction\", dir); var track = document.createElement(\"div\"); track.className = \"escale-3d-marquee-track\"; var colImages = []; for (var i = 0; i < imgsPerCol; i++) { var idx = (c * imgsPerCol + i) % clientImages.length; colImages.push(clientImages[idx]) } for (var r = 0; r < 3; r++) { for (var j = 0; j < colImages.length; j++) { var item = document.createElement(\"div\"); item.className = \"escale-3d-marquee-item\"; var img = document.createElement(\"img\"); img.className = \"escale-3d-marquee-image\"; img.src = colImages[j].src; img.alt = colImages[j].alt; img.loading = \"eager\"; item.appendChild(img); track.appendChild(item) } } col.appendChild(track); grid.appendChild(col); tracks.push({ el: track, col: col, dir: dir, pos: 0 }) } setTimeout(function () { var itemH = 130; var gap = 16; var setH = (itemH + gap) * imgsPerCol; tracks.forEach(function (t) { if (t.dir === \"down\") { t.pos = -setH } }); var lastTime = 0; function animate(currentTime) { if (!lastTime) lastTime = currentTime; var deltaTime = currentTime - lastTime; lastTime = currentTime; var movement = SCROLL_SPEED * deltaTime * 0.06; tracks.forEach(function (t) { if (t.dir === \"up\") { t.pos -= movement; if (t.pos <= -setH) { t.pos += setH } } else { t.pos += movement; if (t.pos >= 0) { t.pos -= setH } } t.el.style.transform = \"translate3d(0,\" + t.pos + \"px,0)\" }); requestAnimationFrame(animate) } requestAnimationFrame(animate) }, 100)\n })();\n <\/script>\n<\/body>\n\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7508b1a e-con-full e-flex e-con e-parent\" data-id=\"7508b1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db43311 elementor-widget elementor-widget-html\" data-id=\"db43311\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n\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>\u0625\u0633\u0643\u064a\u0644 | \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0648\u0631\u0648\u0631\u0627<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ESCALE ARABIC AURORA TEXT EFFECT - Unique Namespace: ea-ar-z8w3-\r\n NO GLOBAL SELECTORS (No *, No body, No html)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n .ea-ar-z8w3-section,\r\n .ea-ar-z8w3-section * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n outline: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .ea-ar-z8w3-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n background: #0a1628;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n font-family: 'Cairo', sans-serif;\r\n direction: rtl;\r\n }\r\n\r\n .ea-ar-z8w3-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1\r\n }\r\n\r\n .ea-ar-z8w3-wave {\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n opacity: 0.4;\r\n filter: blur(80px)\r\n }\r\n\r\n .ea-ar-z8w3-wave-1 {\r\n background: radial-gradient(ellipse at 30% 50%, #C9B99A 0%, transparent 50%);\r\n animation: ea-ar-z8w3-float1 12s ease-in-out infinite;\r\n top: -50%;\r\n left: -50%\r\n }\r\n\r\n .ea-ar-z8w3-wave-2 {\r\n background: radial-gradient(ellipse at 70% 50%, #8B7355 0%, transparent 50%);\r\n animation: ea-ar-z8w3-float2 15s ease-in-out infinite;\r\n top: -30%;\r\n left: -30%\r\n }\r\n\r\n .ea-ar-z8w3-wave-3 {\r\n background: radial-gradient(ellipse at 50% 70%, #1A2E4A 0%, transparent 40%);\r\n animation: ea-ar-z8w3-float3 10s ease-in-out infinite;\r\n top: -40%;\r\n left: -60%\r\n }\r\n\r\n .ea-ar-z8w3-wave-4 {\r\n background: radial-gradient(ellipse at 40% 30%, rgba(201, 185, 154, 0.6) 0%, transparent 45%);\r\n animation: ea-ar-z8w3-float4 18s ease-in-out infinite;\r\n top: -20%;\r\n left: -40%\r\n }\r\n\r\n .ea-ar-z8w3-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n padding: 40px 20px;\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .ea-ar-z8w3-label {\r\n display: inline-block;\r\n padding: 10px 24px;\r\n background: rgba(201, 185, 154, 0.1);\r\n border: 1px solid rgba(201, 185, 154, 0.2);\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #C9B99A;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 40px;\r\n backdrop-filter: blur(10px)\r\n }\r\n\r\n .ea-ar-z8w3-title {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(40px, 10vw, 120px);\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 30px;\r\n position: relative;\r\n color: #fff;\r\n padding-bottom: 20px;\r\n }\r\n\r\n .ea-ar-z8w3-text-wrap {\r\n display: inline-block;\r\n position: relative;\r\n background: linear-gradient(135deg, #fff 0%, #C9B99A 25%, #8B7355 50%, #C9B99A 75%, #fff 100%);\r\n background-size: 400% 400%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: ea-ar-z8w3-gradient8s 8s ease infinite;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .ea-ar-z8w3-text-glow {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, transparent 0%, rgba(201, 185, 154, 0.3) 50%, transparent 100%);\r\n filter: blur(40px);\r\n animation: ea-ar-z8w3-glow 4s ease-in-out infinite;\r\n pointer-events: none\r\n }\r\n\r\n .ea-ar-z8w3-subtitle {\r\n font-size: clamp(16px, 2vw, 22px);\r\n color: rgba(255, 255, 255, 0.6);\r\n max-width: 800px;\r\n margin: 0 auto 50px;\r\n line-height: 1.8;\r\n font-weight: 400\r\n }\r\n\r\n .ea-ar-z8w3-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap\r\n }\r\n\r\n .ea-ar-z8w3-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px 40px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .ea-ar-z8w3-btn-primary {\r\n background: linear-gradient(135deg, #C9B99A 0%, #8B7355 100%);\r\n color: #1A2E4A;\r\n border: none\r\n }\r\n\r\n .ea-ar-z8w3-btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 20px 40px rgba(201, 185, 154, 0.3);\r\n color: #1A2E4A;\r\n }\r\n\r\n .ea-ar-z8w3-btn-secondary {\r\n background: transparent;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.3)\r\n }\r\n\r\n .ea-ar-z8w3-btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n color: #fff;\r\n }\r\n\r\n .ea-ar-z8w3-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 2;\r\n pointer-events: none\r\n }\r\n\r\n .ea-ar-z8w3-particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: #C9B99A;\r\n border-radius: 50%;\r\n opacity: 0;\r\n animation: ea-ar-z8w3-particleMove 6s linear infinite\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(1) {\r\n left: 10%;\r\n animation-delay: 0s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(2) {\r\n left: 20%;\r\n animation-delay: 1s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(3) {\r\n left: 30%;\r\n animation-delay: 2s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(4) {\r\n left: 50%;\r\n animation-delay: 0.5s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(5) {\r\n left: 70%;\r\n animation-delay: 1.5s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(6) {\r\n left: 80%;\r\n animation-delay: 2.5s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(7) {\r\n left: 90%;\r\n animation-delay: 3s\r\n }\r\n\r\n .ea-ar-z8w3-particle:nth-child(8) {\r\n left: 40%;\r\n animation-delay: 3.5s\r\n }\r\n\r\n .ea-ar-z8w3-scroll-line {\r\n width: 1px;\r\n height: 40px;\r\n background: linear-gradient(to bottom, #C9B99A, transparent);\r\n margin: 0 auto;\r\n }\r\n\r\n @keyframes ea-ar-z8w3-float1 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) rotate(0deg)\r\n }\r\n\r\n 50% {\r\n transform: translate(30px, 20px) rotate(5deg)\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-float2 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) rotate(0deg)\r\n }\r\n\r\n 50% {\r\n transform: translate(-40px, 30px) rotate(-5deg)\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-float3 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0) scale(1)\r\n }\r\n\r\n 50% {\r\n transform: translate(20px, -20px) scale(1.1)\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-float4 {\r\n\r\n 0%,\r\n 100% {\r\n transform: translate(0, 0)\r\n }\r\n\r\n 33% {\r\n transform: translate(50px, 20px)\r\n }\r\n\r\n 66% {\r\n transform: translate(-30px, 40px)\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-gradient8s {\r\n 0% {\r\n background-position: 0% 50%\r\n }\r\n\r\n 50% {\r\n background-position: 100% 50%\r\n }\r\n\r\n 100% {\r\n background-position: 0% 50%\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-glow {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 0.5;\r\n transform: scale(1)\r\n }\r\n\r\n 50% {\r\n opacity: 0.8;\r\n transform: scale(1.05)\r\n }\r\n }\r\n\r\n @keyframes ea-ar-z8w3-particleMove {\r\n 0% {\r\n transform: translateY(100vh);\r\n opacity: 0\r\n }\r\n\r\n 10% {\r\n opacity: 0.8\r\n }\r\n\r\n 90% {\r\n opacity: 0.8\r\n }\r\n\r\n 100% {\r\n transform: translateY(-100vh);\r\n opacity: 0\r\n }\r\n }\r\n\r\n @media(max-width:768px) {\r\n .ea-ar-z8w3-buttons {\r\n flex-direction: column;\r\n align-items: center\r\n }\r\n\r\n .ea-ar-z8w3-btn {\r\n width: 100%;\r\n max-width: 280px;\r\n text-align: center\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body style=\"margin:0; padding:0; background:#0a1628;\">\r\n <!-- \r\n NOTE: Global body styles above are for DEMO only. \r\n When copying this to your site, ONLY take the <section> below \r\n and the <style> block above. It contains NO global CSS leaks.\r\n -->\r\n <section class=\"ea-ar-z8w3-section\">\r\n <div class=\"ea-ar-z8w3-bg\">\r\n <div class=\"ea-ar-z8w3-wave ea-ar-z8w3-wave-1\"><\/div>\r\n <div class=\"ea-ar-z8w3-wave ea-ar-z8w3-wave-2\"><\/div>\r\n <div class=\"ea-ar-z8w3-wave ea-ar-z8w3-wave-3\"><\/div>\r\n <div class=\"ea-ar-z8w3-wave ea-ar-z8w3-wave-4\"><\/div>\r\n <\/div>\r\n <div class=\"ea-ar-z8w3-particles\">\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <div class=\"ea-ar-z8w3-particle\"><\/div>\r\n <\/div>\r\n <div class=\"ea-ar-z8w3-content\">\r\n <div class=\"ea-ar-z8w3-label\">\u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062a\u0645\u064a\u0632\u0629<\/div>\r\n <h1 class=\"ea-ar-z8w3-title\">\r\n <span class=\"ea-ar-z8w3-text-wrap\">\u0646\u0628\u0646\u064a<br>\u0627\u0644\u064a\u0642\u064a\u0646<\/span>\r\n <div class=\"ea-ar-z8w3-text-glow\"><\/div>\r\n <\/h1>\r\n <p class=\"ea-ar-z8w3-subtitle\">\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0631\u0624\u064a\u0629 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630. \u0625\u0633\u0643\u064a\u0644 \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u062a\u0637\u0648\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\r\n \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0645\u0635\u0631.<\/p>\r\n <div class=\"ea-ar-z8w3-buttons\">\r\n <a href=\"https:\/\/escale.sa\/ar\/contact\/\" class=\"ea-ar-z8w3-btn ea-ar-z8w3-btn-primary\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643<\/a>\r\n <a href=\"\/ar\/projects\/\" class=\"ea-ar-z8w3-btn ea-ar-z8w3-btn-secondary\">\u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\r\n <\/div>\r\n <\/div>\r\n <div style=\"position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index:10;\">\r\n <div class=\"ea-ar-z8w3-scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Experience That Builds. Partnerships That Last. We deliver tailored development and construction solutions focused on long-term value. By combining technical expertise, disciplined planning, and modern execution standards, we ensure efficiency, quality, and minimized risk across every project. Why Invest With Escale We turn experience into value and projects into lasting returns. Start Now 01 Expertise […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-797","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/pages\/797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/comments?post=797"}],"version-history":[{"count":72,"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/pages\/797\/revisions"}],"predecessor-version":[{"id":3018,"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/pages\/797\/revisions\/3018"}],"wp:attachment":[{"href":"https:\/\/escale.sa\/ar\/wp-json\/wp\/v2\/media?parent=797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}