{"id":214,"date":"2023-09-17T07:08:53","date_gmt":"2023-09-17T07:08:53","guid":{"rendered":"https:\/\/alhoda-sprix.com\/?page_id=214"},"modified":"2026-09-15T05:50:20","modified_gmt":"2026-09-15T05:50:20","slug":"home-page","status":"publish","type":"page","link":"https:\/\/alhoda-sprix.com\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"214\" class=\"elementor elementor-214\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3aea037b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3aea037b\" data-element_type=\"section\" data-e-type=\"section\" id=\"app-footer-menu\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f72067\" data-id=\"3f72067\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-120ba38a elementor-widget__width-auto elementor-view-stacked elementor-shape-square elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"120ba38a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/wa.me\/+201061996523\" class=\"elementor-icon\" tabindex=\"-1\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f84790a elementor-widget__width-auto elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"f84790a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/alhoda-sprix.com\/en\/dashboard-page\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-photo-video\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/alhoda-sprix.com\/en\/dashboard-page\/\" >\n\t\t\t\t\t\t\t\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35594bd8 elementor-widget__width-auto elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"35594bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\u0627\u0628\u062f\u0627\u0621\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"\u0627\u0644\u062a\u062e\u0635\u0635\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-codepen\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\u0627\u0628\u062f\u0627\u0621\" >\n\t\t\t\t\t\t\t\u0627\u0644\u062a\u062e\u0635\u0635\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-246f5807 elementor-widget__width-auto elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"246f5807\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/alhoda-sprix.com\/en\/%d8%b5%d9%81%d8%ad%d8%a9-%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%b7%d9%84%d8%a7%d8%a8\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"\u0637\u0627\u0644\u0628 \u062c\u062f\u064a\u062f\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-user-graduate\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/alhoda-sprix.com\/en\/%d8%b5%d9%81%d8%ad%d8%a9-%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%b7%d9%84%d8%a7%d8%a8\/\" >\n\t\t\t\t\t\t\t\u0637\u0627\u0644\u0628 \u062c\u062f\u064a\u062f\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b481d52 elementor-widget elementor-widget-html\" data-id=\"2b481d52\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"app-footer-menu-code\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    #app-footer-menu{\n        position: fixed;\n        bottom:0;\n        right: 0;\n        left: 0;\n        max-width: 400px;\n        max-height: 70px;\n        margin:auto;\n        z-index: 1000;\n    }\n    \n    #app-footer-menu-code{\n        display:none;\n    }\n    \n    #app-footer-menu .elementor-icon-box-icon a.elementor-icon,  #app-footer-menu .elementor-icon-box-title a{\n        padding: 15px;\n        margin: -15px;\n    }\n    \n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<header class=\"elementor-section elementor-top-section elementor-element elementor-element-cef08c7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"cef08c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aa3c5fd\" data-id=\"aa3c5fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c827be0 elementor-widget elementor-widget-html\" data-id=\"c827be0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"custom-header\">\r\n  <div class=\"header-container\">\r\n    <!-- \u0627\u0644\u0644\u0648\u062c\u0648 -->\r\n    <div class=\"header-logo\">\r\n      <a href=\"#\">\r\n        <span class=\"logo-title\">Al Hoda<\/span>\r\n         <span class=\"dots\">\r\n                        <span class=\"dot red\"><\/span>\r\n                        <span class=\"dot blue\"><\/span>\r\n                    <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 -->\r\n    <nav class=\"header-nav\" id=\"headerNav\">\r\n      <ul>\r\n        <li><a href=\"#\" class=\"active\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n        <li><a href=\"#\">\u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646<\/a><\/li>\r\n        <li><a href=\"https:\/\/alhoda-sprix.com\/en\/2-%d8%ab%d8%a7%d9%86%d9%88%d9%8a-%d8%a7%d8%ae%d8%aa%d8%a7%d8%b1-%d8%a7%d9%84%d8%aa%d8%ae%d8%b5%d8%b5\/\">\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a<\/a><\/li>\r\n        <li><a href=\"#\">\u0627\u0644\u0645\u0644\u0627\u0632\u0645<\/a><\/li>\r\n        <li><a href=\"#\">\u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n\r\n    <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0643\u0645 -->\r\n    <div class=\"header-actions\">\r\n      <button class=\"icon-btn theme-toggle\" title=\"\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062f\u0627\u0643\u0646\">\ud83c\udf19<\/button>\r\n\r\n<div >\r\n   <div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages\/214\" title=\"English\"><img decoding=\"async\" src=\"https:\/\/alhoda-sprix.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation\r\n>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6aedaa7383412\"><img decoding=\"async\" src=\"https:\/\/alhoda-sprix.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6aedaa7383412\"\r\n                 role=\"group\"\r\n                 aria-label=\"Available languages\"\r\n                 hidden\r\n inert\r\n>\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages\/214\" title=\"Arabic\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alhoda-sprix.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/ar.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>Arabic<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n \r\n<\/div>\ud83c\udf10\r\n\r\n      <a href=\"https:\/\/alhoda-sprix.com\/en\/dashboard-page\/\" class=\"btn-login\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644<\/a>\r\n      <a href=\"https:\/\/alhoda-sprix.com\/en\/%d8%b5%d9%81%d8%ad%d8%a9-%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%b7%d9%84%d8%a7%d8%a8\/\" class=\"btn-signup\">\u0627\u0639\u0645\u0644 \u062d\u0633\u0627\u0628 \u062c\u062f\u064a\u062f<\/a>\r\n      \r\n      <!-- \u0632\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0644\u0644\u0647\u0648\u0627\u062a\u0641 -->\r\n      <button class=\"mobile-toggle\" id=\"mobileMenuBtn\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-expanded=\"false\">\r\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\r\n          <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\r\n          <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n\/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0647\u064a\u062f\u0631 *\/\r\n.custom-header {\r\n  width: 100%;\r\n  background-color: #ffffff;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  direction: rtl;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 999;\r\n}\r\n\r\n.header-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 20px;\r\n}\r\n\r\n\r\n\/* \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n.header-logo a {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  text-decoration: none;\r\n  font-weight: 800;\r\n  font-size: 22px;\r\n  color: #0f172a;\r\n}\r\n.logo-dots {\r\n  color: #2563eb;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\r\n.header-nav ul {\r\n  display: flex;\r\n  list-style: none;\r\n  gap: 28px;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.header-nav a {\r\n  text-decoration: none;\r\n  color: #475569;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  transition: all 0.2s ease;\r\n  position: relative;\r\n}\r\n\r\n.header-nav a:hover,\r\n.header-nav a.active {\r\n  color: #2563eb;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n.header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.icon-btn {\r\n  background: #f8fafc;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px;\r\n  height: 36px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.icon-btn:hover {\r\n  background: #e2e8f0;\r\n}\r\n\r\n.lang-btn {\r\n  width: auto;\r\n  padding: 0 10px;\r\n  font-weight: 600;\r\n  color: #475569;\r\n}\r\n.lang-btn {\r\n    width: auto;\r\n    padding: 0 10px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n}\r\n.lang-btn {\r\n    width: auto;\r\n    padding: 0 10px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n}\r\n\r\n.btn-login {\r\n  text-decoration: none;\r\n  color: #1e293b;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  padding: 8px 12px;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.btn-login:hover {\r\n  color: #2563eb;\r\n}\r\n\r\n.btn-signup {\r\n  text-decoration: none;\r\n  background-color: #2563eb;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  padding: 10px 24px;\r\n  border-radius: 8px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.btn-signup:hover {\r\n  background-color: #1d4ed8;\r\n  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\r\n}\r\n\r\n.mobile-toggle {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  color: #0f172a;\r\n  padding: 4px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a: Tablet (\u0623\u0642\u0644 \u0645\u0646 991px)      *\/\r\n\/* ========================================= *\/\r\n@media (max-width: 991px) {\r\n  .header-nav {\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n    \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 (Animation) *\/\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(-10px);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border-top: 1px solid #f1f5f9;\r\n  }\r\n\r\n  \/* \u0639\u0646\u062f \u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629 *\/\r\n  .header-nav.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .header-nav ul {\r\n    flex-direction: column;\r\n    gap: 0;\r\n    padding: 10px 0;\r\n  }\r\n\r\n  .header-nav li {\r\n    width: 100%;\r\n    border-bottom: 1px solid #f8fafc;\r\n  }\r\n  \r\n  .header-nav li:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .header-nav a {\r\n    display: block;\r\n    padding: 14px 24px;\r\n    width: 100%;\r\n  }\r\n\r\n  .header-nav a:hover {\r\n    background-color: #f8fafc;\r\n  }\r\n\r\n  .mobile-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a: Mobile (\u0623\u0642\u0644 \u0645\u0646 768px)      *\/\r\n\/* ========================================= *\/\r\n@media (max-width: 768px) {\r\n  .theme-toggle, .lang-btn {\r\n    display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 *\/\r\n  }\r\n  \r\n  .header-actions {\r\n    gap: 12px;\r\n  }\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a: Small Mobile (\u0623\u0642\u0644 \u0645\u0646 576px)*\/\r\n\/* ========================================= *\/\r\n@media (max-width: 576px) {\r\n  .btn-login {\r\n    display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0632\u0631 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0648\u0627\u0644\u0627\u0643\u062a\u0641\u0627\u0621 \u0628\u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 *\/\r\n  }\r\n  \r\n  .btn-signup {\r\n    padding: 8px 16px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .header-container {\r\n    padding: 10px 16px;\r\n  }\r\n  \r\n  .header-logo a {\r\n    font-size: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const toggleBtn = document.getElementById('mobileMenuBtn');\r\n  const navMenu = document.getElementById('headerNav');\r\n  \r\n  if (toggleBtn && navMenu) {\r\n    \/\/ \u0641\u062a\u062d \u0648\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631\r\n    toggleBtn.addEventListener('click', function(e) {\r\n      e.stopPropagation(); \/\/ \u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0646\u0642\u0631\u0629 \u0644\u0644\u0635\u0641\u062d\u0629\r\n      navMenu.classList.toggle('is-open');\r\n      \r\n      \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0640 Accessibility\r\n      const isOpen = navMenu.classList.contains('is-open');\r\n      toggleBtn.setAttribute('aria-expanded', isOpen);\r\n    });\r\n\r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u062e\u0627\u0631\u062c\u0647\u0627\r\n    document.addEventListener('click', function(e) {\r\n      if (!navMenu.contains(e.target) && !toggleBtn.contains(e.target)) {\r\n        navMenu.classList.remove('is-open');\r\n        toggleBtn.setAttribute('aria-expanded', 'false');\r\n      }\r\n    });\r\n\r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0631\u0627\u0628\u0637 \u0628\u062f\u0627\u062e\u0644\u0647\u0627\r\n    const navLinks = navMenu.querySelectorAll('a');\r\n    navLinks.forEach(link => {\r\n      link.addEventListener('click', () => {\r\n        navMenu.classList.remove('is-open');\r\n        toggleBtn.setAttribute('aria-expanded', 'false');\r\n      });\r\n    });\r\n  }\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const langBtn = document.getElementById('langToggleBtn');\r\n    if (langBtn) {\r\n        langBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const currentUrl = window.location.href;\r\n            if (currentUrl.includes('\/en\/') || currentUrl.endsWith('\/en')) {\r\n                window.location.href = \"https:\/\/alhoda-sprix.com\/\";\r\n            } else {\r\n                window.location.href = \"https:\/\/alhoda-sprix.com\/en\";\r\n            }\r\n        });\r\n    }\r\n});\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/header>\n\t\t\t\t<aside class=\"elementor-section elementor-top-section elementor-element elementor-element-b2a265c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b2a265c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e48381\" data-id=\"3e48381\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c2f2a8 elementor-widget elementor-widget-html\" data-id=\"6c2f2a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"alhoda-hero\" dir=\"rtl\">\r\n    <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-badge animate-up fade-delay-1\">\r\n            <span class=\"pulse-dot\"><\/span> \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u2022 \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title animate-up fade-delay-2\">\r\n           \u0627\u0644\u0647\u062f\u064a<br>\r\n           \u0628\u0648\u0627\u0628\u062a\u0643<br>\r\n            <span class=\"text-blue\">\u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-description animate-up fade-delay-3\">\r\n            \u0627\u062a\u0639\u0644\u0645 \u0645\u0639 \u0623\u0642\u0648\u0649 \u0645\u062f\u0631\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0641\u064a \u0645\u0635\u0631 \u0639\u0644\u0649 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u2014 \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 AlHodaGet \u0644\u062a\u0641\u0648\u0642\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a.\r\n        <\/p>\r\n        \r\n        <div class=\"hero-buttons animate-up fade-delay-4\">\r\n            <a href=\"#\" class=\"btn-primary\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n               \u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645\r\n            <\/a>\r\n            <a href=\"#\" class=\"btn-secondary\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n                \u062a\u062b\u0628\u064a\u062a \u062a\u0637\u0628\u064a\u0642 \r\n            <\/a>\r\n        <\/div>\r\n        \r\n     \r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631 \u0627\u0644\u062c\u062f\u064a\u062f: \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 + \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062a\u062d\u062a\u0647 -->\r\n    <div class=\"hero-visuals\">\r\n        <!-- \u0627\u0644\u0635\u0648\u0631\u0629 -->\r\n        <div class=\"hero-image animate-fade-in fade-delay-5\">\r\n            <img decoding=\"async\" src=\"https:\/\/alhoda-sprix.com\/wp-content\/uploads\/2026\/09\/hero-phone-mockup.png\" alt=\"\u062a\u0637\u0628\u064a\u0642 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649\" class=\"mockup-img floating-img\">\r\n        <\/div>\r\n        \r\n        <!-- \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u062a\u062d\u062a \u0627\u0644\u0635\u0648\u0631\u0629 -->\r\n        <div class=\"hero-stats animate-up fade-delay-6\">\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number rating\">4.9 <span class=\"star\">\u2605<\/span><\/span>\r\n                <span class=\"stat-label\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0646\u0635\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"stat-divider\"><\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number text-blue\">200+<\/span>\r\n                <span class=\"stat-label\">\u0645\u062f\u0631\u0633 \u0645\u0639\u062a\u0645\u062f<\/span>\r\n            <\/div>\r\n            <div class=\"stat-divider\"><\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">+300\u0623\u0644\u0641<\/span>\r\n                <span class=\"stat-label\">\u0645\u062d\u0627\u0636\u0631\u0629<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a *\/\r\n    .alhoda-hero {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: clamp(40px, 6vw, 80px) 5%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        font-family: 'Tajawal', 'Cairo', system-ui, sans-serif;\r\n        gap: clamp(30px, 5vw, 60px);\r\n        overflow: hidden; \/* \u0644\u0645\u0646\u0639 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0627\u0644\u0623\u0641\u0642\u064a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0627\u062a *\/\r\n    }\r\n\r\n    .hero-content {\r\n        flex: 1.1;\r\n        max-width: 700px;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0628\u0627\u062f\u062c (\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629) *\/\r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background-color: #f0f9ff;\r\n        color: #0ea5e9;\r\n        padding: 8px 16px;\r\n        border-radius: 20px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        margin-bottom: clamp(16px, 3vw, 24px);\r\n        box-shadow: 0 4px 10px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .pulse-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: #10b981;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);\r\n        animation: pulse 2s infinite;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/\r\n    .hero-title {\r\n        font-size: clamp(40px, 6vw, 75px);\r\n        font-weight: 900;\r\n        color: #0f172a;\r\n        line-height: 1.15;\r\n        margin: 0 0 20px 0;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .text-blue { color: #2563eb; }\r\n\r\n    .hero-description {\r\n        font-size: clamp(16px, 2vw, 19px);\r\n        color: #475569;\r\n        line-height: 1.7;\r\n        margin-bottom: clamp(25px, 4vw, 35px);\r\n        max-width: 95%;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n    .hero-buttons {\r\n        display: flex;\r\n        gap: 16px;\r\n        margin-bottom: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .hero-buttons a {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 16px 32px;\r\n        border-radius: 14px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        text-decoration: none;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .btn-primary {\r\n        background-color: #2563eb;\r\n        color: white !important;\r\n        box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);\r\n    }\r\n    \r\n    .btn-primary:hover {\r\n        background-color: #1d4ed8;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(37, 99, 235, 0.35);\r\n    }\r\n\r\n    .btn-secondary {\r\n        background-color: white;\r\n        color: #2563eb !important;\r\n        border: 2px solid #e2e8f0;\r\n    }\r\n    \r\n    .btn-secondary:hover {\r\n        border-color: #2563eb;\r\n        background-color: #eff6ff;\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .store-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: #64748b !important;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: color 0.3s;\r\n    }\r\n    \r\n    .store-link:hover { color: #2563eb !important; }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631 \u0627\u0644\u062c\u062f\u064a\u062f (\u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a)  *\/\r\n    \/* ========================================= *\/\r\n    .hero-visuals {\r\n        flex: 0.9;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \/* \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u062a\u062d\u062a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n        gap: clamp(20px, 4vw, 35px);\r\n        position: relative;\r\n    }\r\n\r\n    .hero-image {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .mockup-img {\r\n        max-width: 100%;\r\n        height: auto;\r\n        object-fit: contain;\r\n        filter: drop-shadow(0 25px 40px rgba(0,0,0,0.15));\r\n    }\r\n\r\n    \/* \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a *\/\r\n    .hero-stats {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 25px;\r\n        background: #ffffff;\r\n        padding: 24px 35px;\r\n        border-radius: 20px;\r\n        border: 1px solid #f1f5f9;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);\r\n        width: fit-content;\r\n    }\r\n\r\n    .stat-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: clamp(20px, 3vw, 24px);\r\n        font-weight: 900;\r\n        color: #0f172a;\r\n    }\r\n    .stat-number.rating { color: #f59e0b; }\r\n    .star { font-size: 18px; }\r\n\r\n    .stat-label {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .stat-divider {\r\n        width: 1px;\r\n        height: 45px;\r\n        background-color: #e2e8f0;\r\n    }\r\n\r\n    \/* ------------------------------------- *\/\r\n    \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 (Animations)            *\/\r\n    \/* ------------------------------------- *\/\r\n    @keyframes pulse {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: scale(0.95); }\r\n        to { opacity: 1; transform: scale(1); }\r\n    }\r\n    \r\n    @keyframes floating {\r\n        0% { transform: translateY(0px); }\r\n        50% { transform: translateY(-15px); }\r\n        100% { transform: translateY(0px); }\r\n    }\r\n\r\n    .animate-up {\r\n        animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        opacity: 0;\r\n    }\r\n\r\n    .animate-fade-in {\r\n        animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        opacity: 0;\r\n    }\r\n\r\n    .floating-img {\r\n        animation: floating 6s ease-in-out infinite;\r\n    }\r\n\r\n    .fade-delay-1 { animation-delay: 0.1s; }\r\n    .fade-delay-2 { animation-delay: 0.2s; }\r\n    .fade-delay-3 { animation-delay: 0.3s; }\r\n    .fade-delay-4 { animation-delay: 0.4s; }\r\n    .fade-delay-5 { animation-delay: 0.5s; }\r\n    .fade-delay-6 { animation-delay: 0.6s; }\r\n\r\n    \/* ------------------------------------- *\/\r\n    \/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive Design)     *\/\r\n    \/* ------------------------------------- *\/\r\n    \r\n    \/* \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\r\n    @media (max-width: 1024px) {\r\n        .alhoda-hero {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        \r\n        .hero-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .hero-description {\r\n            max-width: 90%;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .hero-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-visuals {\r\n            width: 100%;\r\n        }\r\n\r\n        .hero-image {\r\n            max-width: 500px; \/* \u0644\u0636\u0628\u0637 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    \/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .hero-buttons {\r\n            flex-direction: column;\r\n            width: 100%;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .hero-buttons a {\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0644\u062a\u0635\u0645\u064a\u0645 \u0634\u0628\u0643\u064a \u062c\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .hero-stats {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px 10px;\r\n            width: 100%;\r\n            padding: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .stat-item:last-child {\r\n            grid-column: span 2;\r\n        }\r\n\r\n        .stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e48585 elementor-widget elementor-widget-html\" data-id=\"1e48585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"alhoda-teachers-section\" dir=\"rtl\">\r\n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 -->\r\n    <div class=\"section-header\">\r\n        <div class=\"badge\">\r\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n            \u0646\u062e\u0628\u0629 \u0645\u062f\u0631\u0633\u064a\u0646\u0627\r\n        <\/div>\r\n        <h2>\u062a\u0639\u0644\u0651\u0645 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0635\u0631\u064a\u064a\u0646<\/h2>\r\n        <p>\u0646\u062e\u0628\u0629 \u0645\u0646 \u0643\u0628\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u064a\u0646 \u0639\u0644\u0649 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 (AlHodaGet)<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a -->\r\n    <div class=\"search-filter-container\">\r\n        <div class=\"search-box\">\r\n            <svg class=\"search-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n            <input type=\"text\" placeholder=\"\u062f\u0648\u0631 \u0639\u0644\u0649 \u0645\u062f\u0631\u0633\u064a\u0646...\">\r\n        <\/div>\r\n        \r\n        <!-- \u0627\u0644\u0641\u0644\u0627\u062a\u0631 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u064a\u0645\u064a\u0646\u0627\u064b \u0648\u064a\u0633\u0627\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629) -->\r\n        <div class=\"tags-container\">\r\n            <span class=\"tag active\">\u0627\u0644\u0643\u0644<\/span>\r\n            <span class=\"tag\">\u0644\u063a\u0629 \u0639\u0631\u0628\u064a\u0629<\/span>\r\n            <span class=\"tag\">Chemistry<\/span>\r\n            <span class=\"tag\">Physics<\/span>\r\n            <span class=\"tag\">\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0639\u0645\u0627\u0644<\/span>\r\n            <span class=\"tag\">\u0645\u062d\u0627\u0633\u0628\u0629<\/span>\r\n            <span class=\"tag\">Biology<\/span>\r\n            <span class=\"tag\">\u0628\u0631\u0645\u062c\u0629<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646 (Grid) -->\r\n    <div class=\"teachers-grid\">\r\n        \r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 1 -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>\u0623. \u0645\u062d\u0645\u062f \u0635\u0644\u0627\u062d<\/h3>\r\n                    <p>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"\u0623. \u0645\u062d\u0645\u062f \u0635\u0644\u0627\u062d\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 2 -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>Dr. Nasser El Batal<\/h3>\r\n                    <p>Chemistry<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"Dr. Nasser\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 3 (\u0645\u0639 \u0634\u0627\u0631\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a) -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>Mohamed Daif <span class=\"ai-badge\">\u0630\u0643\u0627\u0621 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \ud83e\ude84<\/span><\/h3>\r\n                    <p>General Science<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"Mohamed Daif\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 4 -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>\u0623. \u0639\u0644\u064a \u0635\u0644\u0627\u062d<\/h3>\r\n                    <p>\u0639\u0644\u0645 \u0646\u0641\u0633 \u0648\u0627\u062c\u062a\u0645\u0627\u0639<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"\u0623. \u0639\u0644\u064a \u0635\u0644\u0627\u062d\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 5 -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>MR. Sameh Nashaat<\/h3>\r\n                    <p>\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0627<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"Sameh Nashaat\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n        <!-- \u0643\u0627\u0631\u062a \u0645\u062f\u0631\u0633 6 (\u0645\u0639 \u0634\u0627\u0631\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a) -->\r\n        <div class=\"teacher-card\">\r\n            <div class=\"card-top\">\r\n                <div class=\"teacher-info\">\r\n                    <h3>Mohamed Magdy <span class=\"ai-badge\">\u0630\u0643\u0627\u0621 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \ud83e\ude84<\/span><\/h3>\r\n                    <p>Programming<\/p>\r\n                <\/div>\r\n                <div class=\"teacher-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x80\/e2e8f0\/64748b?text=Image\" alt=\"Mohamed Magdy\">\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"#\" class=\"profile-btn\">\u0634\u0648\u0641 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0632\u0631 \u0639\u0631\u0636 \u0627\u0644\u0643\u0644 -->\r\n    <div class=\"view-all-container\">\r\n        <a href=\"#\" class=\"view-all-btn\">\u0634\u0648\u0641 \u0643\u0644 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646 <span>&lt;<\/span><\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .alhoda-teachers-section {\r\n        padding: 60px 5%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        font-family: 'Tajawal', 'Cairo', sans-serif;\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n    .badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        background-color: #f0f9ff;\r\n        color: #3b82f6;\r\n        padding: 6px 16px;\r\n        border-radius: 20px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .section-header h2 {\r\n        font-size: 38px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin: 0 0 10px 0;\r\n    }\r\n    .section-header p {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a *\/\r\n    .search-filter-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        margin-bottom: 40px;\r\n    }\r\n    .search-box {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .search-box input {\r\n        width: 100%;\r\n        padding: 16px 20px 16px 45px;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        font-family: inherit;\r\n        outline: none;\r\n        transition: 0.3s;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n    }\r\n    .search-box input:focus {\r\n        border-color: #3b82f6;\r\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\r\n    }\r\n    .search-icon {\r\n        position: absolute;\r\n        left: 15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .tags-container {\r\n        display: flex;\r\n        gap: 10px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n    .tag {\r\n        padding: 8px 20px;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 25px;\r\n        font-size: 14px;\r\n        color: #475569;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        white-space: nowrap;\r\n    }\r\n    .tag:hover {\r\n        border-color: #cbd5e1;\r\n        background-color: #f8fafc;\r\n    }\r\n    .tag.active {\r\n        background-color: #f8fafc;\r\n        border-color: #3b82f6;\r\n        color: #3b82f6;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646 *\/\r\n    .teachers-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 25px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .teacher-card {\r\n        background: #ffffff;\r\n        border: 1px solid #f1f5f9;\r\n        border-radius: 16px;\r\n        padding: 24px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n    .teacher-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .card-top {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .teacher-info {\r\n        flex: 1;\r\n    }\r\n    .teacher-info h3 {\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin: 0 0 5px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 5px;\r\n    }\r\n    .teacher-info p {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .ai-badge {\r\n        background-color: #f0fdf4;\r\n        color: #16a34a;\r\n        font-size: 11px;\r\n        padding: 3px 8px;\r\n        border-radius: 8px;\r\n        border: 1px solid #bbf7d0;\r\n    }\r\n\r\n    .teacher-img img {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 12px;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .profile-btn {\r\n        display: block;\r\n        width: 100%;\r\n        text-align: center;\r\n        background-color: #f0f9ff;\r\n        color: #3b82f6;\r\n        padding: 12px;\r\n        border-radius: 10px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        transition: 0.3s;\r\n    }\r\n    .profile-btn:hover {\r\n        background-color: #e0f2fe;\r\n    }\r\n\r\n    \/* \u0632\u0631 \u0639\u0631\u0636 \u0627\u0644\u0643\u0644 *\/\r\n    .view-all-container {\r\n        text-align: center;\r\n    }\r\n    .view-all-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: #3b82f6;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n    }\r\n    .view-all-btn span {\r\n        font-size: 12px;\r\n    }\r\n\r\n    \/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644) *\/\r\n    @media (max-width: 768px) {\r\n        .section-header h2 { font-size: 28px; }\r\n        .tags-container {\r\n            flex-wrap: nowrap;\r\n            overflow-x: auto;\r\n            justify-content: flex-start;\r\n            padding-bottom: 10px;\r\n        }\r\n        .tags-container::-webkit-scrollbar { height: 0px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6315eb elementor-widget elementor-widget-html\" data-id=\"a6315eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"alhoda-app-section\" dir=\"rtl\">\r\n    <div class=\"app-container\">\r\n        <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 -->\r\n        <div class=\"app-content\">\r\n            <div class=\"app-badge\">\r\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n                \u062d\u0645\u0651\u0644 \u062a\u0637\u0628\u064a\u0642 AlHodaGet\r\n            <\/div>\r\n            \r\n            <h2 class=\"app-title\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0641\u064a<br>\u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/h2>\r\n            \r\n            <p class=\"app-desc\">\r\n                \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0628\u062a\u062c\u0645\u0639\u0644\u0643 \u0643\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a\u060c \u0627\u0644\u0645\u0644\u0627\u0632\u0645\u060c \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0641\u064a \u062a\u0637\u0628\u064a\u0642 \u0648\u0627\u062d\u062f \u2014 \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.\r\n            <\/p>\r\n            \r\n            <div class=\"app-features\">\r\n                <span class=\"feature-tag\">\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n                <span class=\"feature-tag\">\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a<\/span>\r\n                <span class=\"feature-tag\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"app-buttons\">\r\n                <!-- \u0632\u0631 PWA -->\r\n                <a href=\"#\" class=\"btn-download pwa-btn\">\r\n                    <div class=\"btn-text\">\r\n                        <span class=\"small-txt\">\u062a\u062b\u0628\u064a\u062a \u0641\u0648\u0631\u064a \u0648\u0645\u062c\u0627\u0646\u064a<\/span>\r\n                        <span class=\"big-txt\">\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0648\u064a\u0628 <\/span>\r\n                    <\/div>\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n                <\/a>\r\n                \r\n                <!-- \u0632\u0631 Google Play -->\r\n                <a href=\"#\" class=\"btn-download store-btn\">\r\n                    <div class=\"btn-text\">\r\n                        <span class=\"small-txt\">\u0645\u062a\u0648\u0641\u0631 \u0639\u0644\u0649<\/span>\r\n                        <span class=\"big-txt\">Google Play<\/span>\r\n                    <\/div>\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 20.5v-17c0-.83.67-1.5 1.5-1.5.31 0 .61.1.86.28l14 10.5c.57.43.68 1.24.25 1.81-.13.17-.3.31-.49.4l-14.01 7.51C4.44 22.84 3.53 22.5 3.16 21.82c-.1-.19-.16-.4-.16-.62z\"\/><\/svg>\r\n                <\/a>\r\n\r\n                <!-- \u0632\u0631 App Store -->\r\n                <a href=\"#\" class=\"btn-download store-btn\">\r\n                    <div class=\"btn-text\">\r\n                        <span class=\"small-txt\">\u062d\u0645\u0651\u0644 \u0645\u0646<\/span>\r\n                        <span class=\"big-txt\">App Store<\/span>\r\n                    <\/div>\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.15 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.85 2.28-1.78 3.55-2.53 4.08zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631: \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a -->\r\n        <div class=\"app-mockup\">\r\n            <!-- \u0627\u0633\u062a\u0628\u062f\u0644 \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u064a\u0646 \u0645\u0646 \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 -->\r\n            <img decoding=\"async\" src=\"https:\/\/alhoda-sprix.com\/wp-content\/uploads\/2026\/09\/app-promo-phones.png\" alt=\"\u062a\u0637\u0628\u064a\u0642 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .alhoda-app-section {\r\n        padding: 40px 5%;\r\n        max-width: 1400px;\r\n        margin: 40px auto;\r\n        font-family: 'Tajawal', 'Cairo', sans-serif;\r\n    }\r\n\r\n    .app-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        background-color: #111827; \/* \u0644\u0648\u0646 \u0643\u062d\u0644\u064a \u062f\u0627\u0643\u0646 \u0645\u0637\u0627\u0628\u0642 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n        border-radius: 32px;\r\n        padding: 60px;\r\n        gap: 40px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .app-content {\r\n        flex: 1;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .app-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        color: #94a3b8;\r\n        padding: 8px 16px;\r\n        border-radius: 20px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 24px;\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .app-title {\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #ffffff;\r\n        line-height: 1.2;\r\n        margin: 0 0 20px 0;\r\n    }\r\n\r\n    .app-desc {\r\n        font-size: 18px;\r\n        color: #94a3b8;\r\n        line-height: 1.7;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .app-features {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 40px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .feature-tag {\r\n        background-color: rgba(255, 255, 255, 0.05);\r\n        color: #e2e8f0;\r\n        padding: 10px 20px;\r\n        border-radius: 12px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .app-buttons {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-download {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 12px 20px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        gap: 15px;\r\n        min-width: 160px;\r\n    }\r\n\r\n    .btn-text {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .small-txt {\r\n        font-size: 11px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .big-txt {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* \u0623\u0644\u0648\u0627\u0646 \u0632\u0631 PWA *\/\r\n    .pwa-btn {\r\n        background-color: #3b82f6;\r\n        color: #ffffff;\r\n        flex: 1 1 100%; \/* \u064a\u0623\u062e\u0630 \u0627\u0644\u0633\u0637\u0631 \u0643\u0627\u0645\u0644\u0627\u064b \u0644\u0648\u062d\u062f\u0647 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n        max-width: 335px;\r\n    }\r\n    .pwa-btn:hover {\r\n        background-color: #2563eb;\r\n    }\r\n\r\n    \/* \u0623\u0644\u0648\u0627\u0646 \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 *\/\r\n    .store-btn {\r\n        background-color: #000000;\r\n        color: #ffffff;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n    .store-btn:hover {\r\n        background-color: #1a1a1a;\r\n        border-color: rgba(255,255,255,0.2);\r\n    }\r\n\r\n    .app-mockup {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .app-mockup img {\r\n        max-width: 100%;\r\n        height: auto;\r\n        transform: rotate(-5deg); \/* \u0625\u0645\u0627\u0644\u0629 \u062e\u0641\u064a\u0641\u0629 \u0644\u0644\u0635\u0648\u0631\u0629 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n        transition: transform 0.5s ease;\r\n    }\r\n    .app-mockup img:hover {\r\n        transform: rotate(0deg) scale(1.02);\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n    @media (max-width: 991px) {\r\n        .app-container {\r\n            flex-direction: column;\r\n            padding: 40px 20px;\r\n            text-align: center;\r\n        }\r\n        .app-features {\r\n            align-items: center;\r\n        }\r\n        .app-title {\r\n            font-size: 36px;\r\n        }\r\n        .btn-text {\r\n            align-items: center;\r\n        }\r\n        .app-buttons {\r\n            justify-content: center;\r\n        }\r\n        .pwa-btn {\r\n            max-width: 100%;\r\n        }\r\n        .app-mockup img {\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/aside>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9ed20b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9ed20b2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee4066b\" data-id=\"ee4066b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fd9025 elementor-widget elementor-widget-html\" data-id=\"6fd9025\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"journey-section\" dir=\"rtl\">\r\n    <div class=\"journey-container\">\r\n        \r\n        <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\r\n        <div class=\"journey-content\">\r\n            <div class=\"badge-how-it-works animate-up fade-delay-1\">\r\n                <span class=\"icon-emoji\">\ud83d\udca1<\/span> \u0628\u064a\u0634\u062a\u063a\u0644 \u0625\u0632\u0627\u064a\r\n            <\/div>\r\n            \r\n            <h2 class=\"journey-title animate-up fade-delay-2\">\u0631\u062d\u0644\u062a\u0643 \u0628\u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627<\/h2>\r\n            \r\n            <p class=\"journey-subtitle animate-up fade-delay-3\">\r\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0646\u0635\u0629 \u0645\u0646 \u0627\u0644\u0648\u064a\u0628 \u0623\u0648 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u2014 \u0646\u0641\u0633 \u0627\u0644\u062d\u0633\u0627\u0628 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u062a\u0642\u062f\u0645\u0643 \u064a\u062a\u0632\u0627\u0645\u0646 \u0639\u0644\u0649 \u0643\u0644 \u0623\u062c\u0647\u0632\u062a\u0643.\r\n            <\/p>\r\n            \r\n            <!-- \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \/ \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\r\n            <div class=\"features-list\">\r\n                \r\n                <div class=\"feature-card animate-up fade-delay-4\">\r\n                    <div class=\"icon-box blue-icon\">\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n                    <\/div>\r\n                    <h3>\u062f\u0648\u0631 \u0639\u0644\u0649 \u0645\u062f\u0631\u0633\u0643<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card animate-up fade-delay-5\">\r\n                    <div class=\"icon-box orange-icon\">\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                    <h3>\u0627\u062a\u0641\u0631\u062c \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card animate-up fade-delay-6\">\r\n                    <div class=\"icon-box purple-icon\">\r\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3>\u062d\u0644 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0643\u0644 \u0623\u0633\u0628\u0648\u0639<\/h3>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0645\u062d\u0627\u0643\u064a \u0627\u0644\u0634\u0627\u0634\u0629 -->\r\n        <div class=\"journey-visual animate-fade-in fade-delay-5\">\r\n            <div class=\"tablet-wrapper\">\r\n                <!-- \u0628\u0627\u062f\u062c \u0627\u0644\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u0644\u0639\u0627\u0626\u0645 -->\r\n                <div class=\"floating-sync-badge\">\r\n                    \u0627\u0644\u0648\u064a\u0628\u0633\u0627\u064a\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062d\u0633\u0627\u0628 \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0643\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\r\n                <\/div>\r\n                \r\n                <!-- \u0636\u0639 \u0631\u0627\u0628\u0637 \u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0623\u0648 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0647\u0646\u0627 -->\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544396821-4dd40b938ad3?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\" class=\"tablet-img\">\r\n                \r\n                <!-- \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u0627\u0626\u0645 \u0641\u064a \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 -->\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-btn-circle\">\r\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a               *\/\r\n    \/* ========================================= *\/\r\n    .journey-section {\r\n        padding: clamp(60px, 8vw, 100px) 5%;\r\n        background-color: #fafcff; \/* \u062e\u0644\u0641\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n        font-family: 'Tajawal', 'Cairo', system-ui, sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .journey-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: clamp(40px, 6vw, 80px);\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0645\u0646 (\u0627\u0644\u0646\u0635\u0648\u0635)                     *\/\r\n    \/* ========================================= *\/\r\n    .journey-content {\r\n        flex: 1;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .badge-how-it-works {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background-color: #fef3c7; \/* \u0623\u0635\u0641\u0631 \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b *\/\r\n        color: #d97706; \/* \u0628\u0631\u062a\u0642\u0627\u0644\u064a \u063a\u0627\u0645\u0642 *\/\r\n        padding: 8px 16px;\r\n        border-radius: 30px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .icon-emoji {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .journey-title {\r\n        font-size: clamp(32px, 4.5vw, 48px);\r\n        font-weight: 900;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin: 0 0 16px 0;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .journey-subtitle {\r\n        font-size: clamp(16px, 2vw, 18px);\r\n        color: #64748b;\r\n        line-height: 1.7;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0643\u0631\u0648\u062a \u0627\u0644\u062e\u0637\u0648\u0627\u062a (\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a)                  *\/\r\n    \/* ========================================= *\/\r\n    .features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .feature-card {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        background: #ffffff;\r\n        border: 1px solid #f1f5f9;\r\n        padding: 16px 24px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\r\n        transition: all 0.3s ease;\r\n        cursor: default;\r\n    }\r\n\r\n    .feature-card:hover {\r\n        transform: translateX(-5px); \/* \u062d\u0631\u0643\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 \u0641\u064a \u0627\u0644\u0640 RTL *\/\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);\r\n        border-color: #e2e8f0;\r\n    }\r\n\r\n    .feature-card h3 {\r\n        margin: 0;\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n    .icon-box {\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .blue-icon { background: #eff6ff; color: #2563eb; }\r\n    .orange-icon { background: #fff7ed; color: #ea580c; }\r\n    .purple-icon { background: #f5f3ff; color: #7c3aed; }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631 (\u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0635\u0648\u0631\u0629)            *\/\r\n    \/* ========================================= *\/\r\n    .journey-visual {\r\n        flex: 1.2;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        position: relative;\r\n    }\r\n\r\n    .tablet-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 650px;\r\n        border-radius: 24px;\r\n        padding: 15px;\r\n        background: #1e293b; \/* \u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n        box-shadow: 0 30px 60px rgba(15, 23, 42, 0.2);\r\n    }\r\n\r\n    .tablet-img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 12px;\r\n        display: block;\r\n        opacity: 0.8; \/* \u062a\u0639\u062a\u064a\u0645 \u062e\u0641\u064a\u0641 \u0644\u064a\u0628\u0631\u0632 \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 *\/\r\n    }\r\n\r\n    \/* \u0627\u0644\u0628\u0627\u062f\u062c \u0627\u0644\u0639\u0627\u0626\u0645 \u0641\u0648\u0642 \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n    .floating-sync-badge {\r\n        position: absolute;\r\n        top: -15px;\r\n        right: 30px;\r\n        background: #2563eb;\r\n        color: #ffffff;\r\n        padding: 10px 20px;\r\n        border-radius: 20px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* \u0632\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n    .play-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 5;\r\n    }\r\n\r\n    .play-btn-circle {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: #ffffff;\r\n        color: #2563eb;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .play-btn-circle svg {\r\n        margin-right: -4px; \/* \u0644\u0636\u0628\u0637 \u0627\u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0628\u0635\u0631\u064a \u0644\u0645\u062b\u0644\u062b \u0627\u0644\u062a\u0634\u063a\u064a\u0644 *\/\r\n    }\r\n\r\n    .play-btn-circle:hover {\r\n        transform: scale(1.1);\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 (Animations)               *\/\r\n    \/* ========================================= *\/\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: scale(0.95); }\r\n        to { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    .animate-up {\r\n        animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        opacity: 0;\r\n    }\r\n\r\n    .animate-fade-in {\r\n        animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        opacity: 0;\r\n    }\r\n\r\n    .fade-delay-1 { animation-delay: 0.1s; }\r\n    .fade-delay-2 { animation-delay: 0.2s; }\r\n    .fade-delay-3 { animation-delay: 0.3s; }\r\n    .fade-delay-4 { animation-delay: 0.4s; }\r\n    .fade-delay-5 { animation-delay: 0.5s; }\r\n    .fade-delay-6 { animation-delay: 0.6s; }\r\n\r\n    \/* ========================================= *\/\r\n    \/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive Design)         *\/\r\n    \/* ========================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .journey-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        \r\n        .journey-content {\r\n            max-width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .feature-card {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            text-align: right; \/* \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0627\u0631\u062a \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 *\/\r\n        }\r\n        \r\n        .floating-sync-badge {\r\n            right: 50%;\r\n            transform: translateX(50%); \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0628\u0627\u062f\u062c \u0641\u064a \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .journey-section { padding: 60px 5%; }\r\n        .floating-sync-badge {\r\n            font-size: 11px;\r\n            padding: 8px 16px;\r\n            top: -12px;\r\n        }\r\n        .play-btn-circle {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n        .play-btn-circle svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n        .icon-box {\r\n            width: 35px;\r\n            height: 35px;\r\n        }\r\n        .feature-card h3 {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13fc1f5 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"13fc1f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8346018\" data-id=\"8346018\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c243f80 elementor-widget elementor-widget-html\" data-id=\"c243f80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"alhoda-cta-section\" dir=\"rtl\">\r\n    <h2>\u062c\u0627\u0647\u0632 \u062a\u0628\u062f\u0623 \u062a\u062a\u0639\u0644\u0645\u061f<\/h2>\r\n    <p>\u0627\u0639\u0645\u0644 \u062d\u0633\u0627\u0628 \u062f\u0644\u0648\u0642\u062a\u064a \u0648\u0627\u0628\u062f\u0623 \u0634\u0648\u0641 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646.<\/p>\r\n    <div class=\"alhoda-buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645<\/a>\r\n        <a href=\"#\" class=\"btn-secondary\">\u0634\u0648\u0641 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a <span>\u25b6<\/span><\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .alhoda-cta-section {\r\n        text-align: center;\r\n        font-family: 'Tajawal', 'Cairo', sans-serif;\r\n        padding: 60px 20px;\r\n        background-color: #f8fafc;\r\n        border-radius: 16px;\r\n        margin: 20px auto;\r\n        max-width: 800px;\r\n    }\r\n    .alhoda-cta-section h2 {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin-bottom: 10px;\r\n    }\r\n    .alhoda-cta-section p {\r\n        font-size: 18px;\r\n        color: #64748b;\r\n        margin-bottom: 30px;\r\n    }\r\n    .alhoda-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .btn-primary {\r\n        background-color: #3b82f6;\r\n        color: #ffffff !important;\r\n        padding: 14px 32px;\r\n        border-radius: 8px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-primary:hover {\r\n        background-color: #2563eb;\r\n    }\r\n    .btn-secondary {\r\n        background-color: #ffffff;\r\n        color: #3b82f6 !important;\r\n        padding: 14px 32px;\r\n        border-radius: 8px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        border: 1px solid #e2e8f0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-secondary:hover {\r\n        border-color: #3b82f6;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<nav class=\"elementor-section elementor-top-section elementor-element elementor-element-29d8060 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"29d8060\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bf98a97\" data-id=\"bf98a97\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fb0938 elementor-widget elementor-widget-html\" data-id=\"8fb0938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer class=\"alhoda-footer\" dir=\"rtl\">\r\n    <div class=\"footer-container\">\r\n        <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a \u0645\u0646 \u0627\u0644\u0641\u0648\u062a\u0631 -->\r\n        <div class=\"footer-top\">\r\n            \r\n            <!-- \u0639\u0645\u0648\u062f \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 -->\r\n            <div class=\"footer-column brand-column\">\r\n                <div class=\"footer-logo\">\r\n                    <span class=\"brand-name\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629\r\n                   <\/span>\r\n                    <span class=\"dots\">\r\n                        <span class=\"dot red\"><\/span>\r\n                        <span class=\"dot blue\"><\/span>\r\n                    <\/span>\r\n                    <p> \"\u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\"<\/p>\r\n                <\/div>\r\n                <p class=\"brand-desc\">\r\n                    \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \"\u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\" AlHodaGet \u2014 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u064a\u0629 \u0641\u064a \u0645\u0635\u0631. \u062a\u0639\u0644\u0651\u0645 \u0628\u0630\u0643\u0627\u0621 \u0648\u062d\u0642\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u062f\u0631\u062c\u0627\u062a.\r\n                <\/p>\r\n                <div class=\"social-icons\">\r\n                    <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u064a\u0648\u062a\u064a\u0648\u0628 -->\r\n                    <a href=\"#\" aria-label=\"YouTube\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z\"><\/path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon><\/svg><\/a>\r\n                    <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0646\u0633\u062a\u062c\u0631\u0627\u0645 -->\r\n                    <a href=\"#\" aria-label=\"Instagram\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg><\/a>\r\n                    <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0641\u064a\u0633\u0628\u0648\u0643 -->\r\n                    <a href=\"#\" aria-label=\"Facebook\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0639\u0645\u0648\u062f \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0646\u0635\u0629 -->\r\n            <div class=\"footer-column links-column\">\r\n                <h3>\u0627\u0644\u0645\u0646\u0635\u0629<\/h3>\r\n                <ul>\r\n                    <li><a href=\"#\">\u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0644\u0645\u0644\u0627\u0632\u0645<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- \u0639\u0645\u0648\u062f \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0634\u0631\u0643\u0629 -->\r\n            <div class=\"footer-column links-column\">\r\n                <h3>\u0627\u0644\u0634\u0631\u0643\u0629<\/h3>\r\n                <ul>\r\n                    <li><a href=\"#\">\u0639\u0646 AlHodaGet<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a><\/li>\r\n                    <li><a href=\"#\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a><\/li>\r\n                    <li><a href=\"#\">\u0634\u0631\u0648\u0637 \u0627\u0644\u062e\u062f\u0645\u0629<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a \u0645\u0646 \u0627\u0644\u0641\u0648\u062a\u0631 (\u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0637\u0631\u0642 \u0627\u0644\u062a\u0648\u0627\u0635\u0644) -->\r\n        <div class=\"footer-bottom\">\r\n            <div class=\"contact-info\">\r\n                \u0645\u0635\u0631 | <a href=\"mailto:info@alhodaget.com\">info@alhodaget.com<\/a> | <span dir=\"ltr\"><\/span>\r\n            <\/div>\r\n            <div class=\"copyright\">\r\n                \u00a9 2026 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \"\u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\" AlHodaGet. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n    .alhoda-footer {\r\n        background-color: #ffffff;\r\n        border-top: 1px solid #f1f5f9;\r\n        padding: 60px 5% 30px;\r\n        font-family: 'Tajawal', 'Cairo', sans-serif;\r\n        color: #64748b;\r\n    }\r\n\r\n    .footer-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 *\/\r\n    .footer-top {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        gap: 40px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .footer-column {\r\n        flex: 1;\r\n        min-width: 200px;\r\n    }\r\n\r\n    \/* \u0639\u0645\u0648\u062f \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0648\u0635\u0641 *\/\r\n    .brand-column {\r\n        flex: 2;\r\n        max-width: 450px;\r\n    }\r\n\r\n    .footer-logo {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .brand-name {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n    }\r\n    .dots {\r\n        display: flex;\r\n        gap: 4px;\r\n    }\r\n    .dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n    }\r\n    .dot.red { background-color: #ec4899; }\r\n    .dot.blue { background-color: #3b82f6; }\r\n\r\n    .brand-desc {\r\n        font-size: 14px;\r\n        line-height: 1.8;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 *\/\r\n    .social-icons {\r\n        display: flex;\r\n        gap: 12px;\r\n    }\r\n    .social-icons a {\r\n        color: #94a3b8;\r\n        background-color: #f8fafc;\r\n        border: 1px solid #f1f5f9;\r\n        width: 38px;\r\n        height: 38px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .social-icons a:hover {\r\n        color: #3b82f6;\r\n        background-color: #f0f9ff;\r\n        border-color: #bae6fd;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 *\/\r\n    .links-column h3 {\r\n        color: #0f172a;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        margin-bottom: 20px;\r\n    }\r\n    .links-column ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    .links-column ul li {\r\n        margin-bottom: 15px;\r\n    }\r\n    .links-column ul li a {\r\n        color: #64748b;\r\n        text-decoration: none;\r\n        font-size: 15px;\r\n        transition: color 0.3s;\r\n    }\r\n    .links-column ul li a:hover {\r\n        color: #3b82f6;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0633\u0641\u0644\u064a *\/\r\n    .footer-bottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding-top: 30px;\r\n        border-top: 1px solid #f1f5f9;\r\n        font-size: 13px;\r\n        flex-wrap: wrap;\r\n        gap: 20px;\r\n    }\r\n\r\n    .contact-info {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .contact-info a {\r\n        color: #64748b;\r\n        text-decoration: none;\r\n        transition: color 0.3s;\r\n    }\r\n    .contact-info a:hover {\r\n        color: #3b82f6;\r\n    }\r\n\r\n    \/* \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644) *\/\r\n    @media (max-width: 768px) {\r\n        .footer-top {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .brand-column {\r\n            max-width: 100%;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .social-icons {\r\n            justify-content: center;\r\n        }\r\n        .footer-bottom {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/nav>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u062a\u062e\u0635\u0635 \u0637\u0627\u0644\u0628 \u062c\u062f\u064a\u062f Al Hoda \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u064a\u0646 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0644\u0627\u0632\u0645 \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \ud83c\udf19 \ud83c\udf10 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0639\u0645\u0644 \u062d\u0633\u0627\u0628 \u062c\u062f\u064a\u062f \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u2022 \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0647\u062f\u064a \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u062a\u0639\u0644\u0645 \u0645\u0639 \u0623\u0642\u0648\u0649 \u0645\u062f\u0631\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0641\u064a \u0645\u0635\u0631 \u0639\u0644\u0649 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0647\u062f\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u2014 \u0628\u0648\u0627\u0628\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 AlHodaGet \u0644\u062a\u0641\u0648\u0642\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a. \u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645 \u062a\u062b\u0628\u064a\u062a \u062a\u0637\u0628\u064a\u0642 4.9 \u2605 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0646\u0635\u0629 200+&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":5,"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":4619,"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/pages\/214\/revisions\/4619"}],"wp:attachment":[{"href":"https:\/\/alhoda-sprix.com\/en\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}