{"id":2362,"date":"2025-11-15T20:44:30","date_gmt":"2025-11-15T20:44:30","guid":{"rendered":"https:\/\/atmalmarafah.com\/?page_id=2362"},"modified":"2025-11-24T20:01:28","modified_gmt":"2025-11-24T17:01:28","slug":"contact","status":"publish","type":"page","link":"https:\/\/atmalmarafah.com\/ar\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2362\" class=\"elementor elementor-2362\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb75809 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb75809\" data-element_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-d6df183\" data-id=\"d6df183\" data-element_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-5461868 elementor-widget elementor-widget-html\" data-id=\"5461868\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Contact Hero Section -->\r\n<div class=\"contact-hero-section\">\r\n  <div class=\"hero-container\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-badge\">\r\n        <i class=\"fas fa-headset\"><\/i>\r\n        <span>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643<\/span>\r\n      <\/div>\r\n      <h1 class=\"hero-title\">\u062a\u0648\u0627\u0635\u0644 <span class=\"highlight\">\u0645\u0639\u0646\u0627<\/span><\/h1>\r\n      <p class=\"hero-description\">\r\n        \u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a\u060c \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"hero-decoration\">\r\n      <div class=\"floating-shape shape-1\"><\/div>\r\n      <div class=\"floating-shape shape-2\"><\/div>\r\n      <div class=\"floating-shape shape-3\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Contact Info Cards Section -->\r\n<div class=\"contact-info-cards-section\">\r\n  <div class=\"cards-container\">\r\n    \r\n    <!-- Phone Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon-wrapper\">\r\n        <div class=\"card-icon phone-icon\">\r\n          <i class=\"fas fa-phone-alt\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"card-title\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629<\/h3>\r\n      <p class=\"card-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0647\u0627\u062a\u0641\u064a\u0627\u064b \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/p>\r\n      <div style=\"display: flex; flex-direction: column; gap: 8px; align-items: center;\">\r\n        <a href=\"tel:+966537117726\" class=\"card-link\" dir=\"ltr\">+966 537 117 726<\/a>\r\n        <a href=\"tel:+966543608974\" class=\"card-link\" dir=\"ltr\">+966 543 608 974<\/a>\r\n        <a href=\"tel:+966591414745\" class=\"card-link\" dir=\"ltr\">+966 591 414 745<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- WhatsApp Card -->\r\n    <div class=\"info-card whatsapp-card\">\r\n      <div class=\"card-icon-wrapper\">\r\n        <div class=\"card-icon whatsapp-icon\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"card-title\">\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n      <p class=\"card-text\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u0631\u062f \u0627\u0644\u0633\u0631\u064a\u0639<\/p>\r\n      <div style=\"display: flex; flex-direction: column; gap: 8px; align-items: center;\">\r\n        <a href=\"https:\/\/wa.me\/966543608974?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\" target=\"_blank\" class=\"card-link whatsapp-link\" dir=\"ltr\">+966 543 608 974<\/a>\r\n        <a href=\"https:\/\/wa.me\/966537117726?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\" target=\"_blank\" class=\"card-link whatsapp-link\" dir=\"ltr\">+966 537 117 726<\/a>\r\n        <a href=\"http:\/\/wa.me\/966591233709?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\" target=\"_blank\" class=\"card-link whatsapp-link\" dir=\"ltr\">+966 591 233 709<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Email Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon-wrapper\">\r\n        <div class=\"card-icon email-icon\">\r\n          <i class=\"fas fa-envelope\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"card-title\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n      <p class=\"card-text\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/p>\r\n      <a href=\"mailto:support@atmalmarafah.com\" class=\"card-link\">\r\n        <span>support@atmalmarafah.com<\/span>\r\n        <i class=\"fas fa-arrow-left\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Location Card -->\r\n    <div class=\"info-card\">\r\n      <div class=\"card-icon-wrapper\">\r\n        <div class=\"card-icon location-icon\">\r\n          <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n      <h3 class=\"card-title\">\u0627\u0644\u0645\u0648\u0642\u0639<\/h3>\r\n      <p class=\"card-text\">\u0632\u0631\u0646\u0627 \u0641\u064a \u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/p>\r\n      <div class=\"card-link-static\">\r\n        <span>\u0627\u0644\u0631\u064a\u0627\u0636 \u062d\u064a \u0627\u0644\u0646\u0641\u0644 \u0637\u0631\u064a\u0642 \u0627\u0628\u064a \u0628\u0643\u0631 \u0627\u0644\u0635\u062f\u064a\u0642 \u0634\u0627\u0631\u0639 \u0639\u0645\u0631 \u0628\u0646 \u0632\u064a\u062f<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Main Contact Section -->\r\n<div class=\"main-contact-section\">\r\n  <div class=\"contact-wrapper\">\r\n    \r\n    <!-- Left Side - Contact Info -->\r\n    <div class=\"contact-left-side\">\r\n      \r\n      <div class=\"left-header\">\r\n        <div class=\"section-badge\">\r\n          <i class=\"fas fa-comment-dots\"><\/i>\r\n          <span>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span>\r\n        <\/div>\r\n        <h2 class=\"left-title\">\u062f\u0639\u0646\u0627 <span class=\"highlight-text\">\u0646\u0633\u0627\u0639\u062f\u0643<\/span><\/h2>\r\n        <p class=\"left-description\">\r\n          \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u0647. \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u062c\u0627\u0647\u0632 \u0644\u062e\u062f\u0645\u062a\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"contact-details-list\">\r\n\r\n        <!-- Phone -->\r\n        <div class=\"detail-item\">\r\n          <div class=\"detail-icon\">\r\n            <i class=\"fas fa-phone-volume\"><\/i>\r\n          <\/div>\r\n          <div class=\"detail-content\">\r\n            <h4>\u0627\u0644\u0647\u0627\u062a\u0641<\/h4>\r\n            <a href=\"tel:+966537117726\" dir=\"ltr\" style=\"display: block; margin-bottom: 5px;\">+966 537 117 726<\/a>\r\n            <a href=\"tel:+966543608974\" dir=\"ltr\" style=\"display: block; margin-bottom: 5px;\">+966 543 608 974<\/a>\r\n            <a href=\"tel:+966591414745\" dir=\"ltr\" style=\"display: block;\">+966 591 414 745<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- WhatsApp -->\r\n        <div class=\"detail-item\">\r\n          <div class=\"detail-icon whatsapp\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n          <\/div>\r\n          <div class=\"detail-content\">\r\n            <h4>\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\r\n            <a href=\"https:\/\/wa.me\/966543608974?text=\u0645\u0631\u062d\u0628\u0627\u064b\" target=\"_blank\" dir=\"ltr\" style=\"display: block; margin-bottom: 5px;\">+966 543 608 974<\/a>\r\n            <a href=\"https:\/\/wa.me\/966537117726?text=\u0645\u0631\u062d\u0628\u0627\u064b\" target=\"_blank\" dir=\"ltr\" style=\"display: block; margin-bottom: 5px;\">+966 537 117 726<\/a>\r\n            <a href=\"http:\/\/wa.me\/966591233709?text=\u0645\u0631\u062d\u0628\u0627\u064b\" target=\"_blank\" dir=\"ltr\" style=\"display: block;\">+966 591 233 709<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Email -->\r\n        <div class=\"detail-item\">\r\n          <div class=\"detail-icon\">\r\n            <i class=\"fas fa-envelope-open-text\"><\/i>\r\n          <\/div>\r\n          <div class=\"detail-content\">\r\n            <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\r\n            <a href=\"mailto:support@atmalmarafah.com\">support@atmalmarafah.com<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Working Hours -->\r\n        <div class=\"detail-item\">\r\n          <div class=\"detail-icon\">\r\n            <i class=\"fas fa-clock\"><\/i>\r\n          <\/div>\r\n          <div class=\"detail-content\">\r\n            <h4>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h4>\r\n            <p>\u0627\u0644\u0623\u062d\u062f - \u0627\u0644\u062e\u0645\u064a\u0633<br>9:00 \u0635\u0628\u0627\u062d\u0627\u064b - 5:00 \u0645\u0633\u0627\u0621\u064b<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Address -->\r\n        <div class=\"detail-item\">\r\n          <div class=\"detail-icon\">\r\n            <i class=\"fas fa-map-marked-alt\"><\/i>\r\n          <\/div>\r\n          <div class=\"detail-content\">\r\n            <h4>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h4>\r\n            <p>\u0627\u0644\u0631\u064a\u0627\u0636 \u062d\u064a \u0627\u0644\u0646\u0641\u0644 \u0637\u0631\u064a\u0642 \u0627\u0628\u064a \u0628\u0643\u0631 \u0627\u0644\u0635\u062f\u064a\u0642 \u0634\u0627\u0631\u0639 \u0639\u0645\u0631 \u0628\u0646 \u0632\u064a\u062f<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Social Media -->\r\n      <div class=\"social-media-section\">\r\n        <h4 class=\"social-title\">\u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649<\/h4>\r\n        <div class=\"social-links\">\r\n          <a href=\"https:\/\/twitter.com\/Atamalmarefa\" target=\"_blank\" class=\"social-link\" aria-label=\"Twitter\">\r\n            <i class=\"fab fa-twitter\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/atmalmarafah\/profilecard\/?igsh=d2tibDhtemNkcmRu\" target=\"_blank\" class=\"social-link\" aria-label=\"Instagram\">\r\n            <i class=\"fab fa-instagram\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.tiktok.com\/@atam.almarefa?_t=8s9HgGaFPrJ&_r=1\" target=\"_blank\" class=\"social-link\" aria-label=\"TikTok\">\r\n            <i class=\"fab fa-tiktok\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Right Side - Contact Form -->\r\n    <div class=\"contact-right-side\">\r\n      \r\n      <div class=\"form-header\">\r\n        <div class=\"form-badge\">\r\n          <i class=\"fas fa-paper-plane\"><\/i>\r\n          <span>\u0623\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u062a\u0643<\/span>\r\n        <\/div>\r\n        <h3 class=\"form-title\">\u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643<\/h3>\r\n        <p class=\"form-subtitle\">\u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\r\n      <\/div>\r\n\r\n      <form class=\"contact-form\" id=\"mainContactForm\">\r\n        \r\n        <!-- Name & Phone Row -->\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label for=\"fullName\">\r\n              <i class=\"fas fa-user\"><\/i>\r\n              \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\r\n            <\/label>\r\n            <input \r\n              type=\"text\" \r\n              id=\"fullName\" \r\n              name=\"full_name\" \r\n              placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\"\r\n              required\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"phoneNumber\">\r\n              <i class=\"fas fa-mobile-alt\"><\/i>\r\n              \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\r\n            <\/label>\r\n            <input \r\n              type=\"tel\" \r\n              id=\"phoneNumber\" \r\n              name=\"phone_number\" \r\n              placeholder=\"05XXXXXXXX\"\r\n              required\r\n            >\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Email -->\r\n        <div class=\"form-group\">\r\n          <label for=\"emailAddress\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n            \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n          <\/label>\r\n          <input \r\n            type=\"email\" \r\n            id=\"emailAddress\" \r\n            name=\"email_address\" \r\n            placeholder=\"example@domain.com\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n        <!-- Subject -->\r\n        <div class=\"form-group\">\r\n          <label for=\"subject\">\r\n            <i class=\"fas fa-tag\"><\/i>\r\n            \u0627\u0644\u0645\u0648\u0636\u0648\u0639\r\n          <\/label>\r\n          <select id=\"subject\" name=\"subject\" required>\r\n            <option value=\"\">\u0627\u062e\u062a\u0631 \u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/option>\r\n            <option value=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/option>\r\n            <option value=\"\u062a\u0623\u0633\u064a\u0633 \u0634\u0631\u0643\u0629\">\u062a\u0623\u0633\u064a\u0633 \u0634\u0631\u0643\u0629<\/option>\r\n            <option value=\"\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/option>\r\n            <option value=\"\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n            <option value=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n            <option value=\"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a\">\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a<\/option>\r\n            <option value=\"\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\">\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/option>\r\n            <option value=\"\u0635\u064a\u0627\u063a\u0629 \u0639\u0642\u0648\u062f\">\u0635\u064a\u0627\u063a\u0629 \u0639\u0642\u0648\u062f<\/option>\r\n            <option value=\"\u0623\u062e\u0631\u0649\">\u0623\u062e\u0631\u0649<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- Message -->\r\n        <div class=\"form-group\">\r\n          <label for=\"message\">\r\n            <i class=\"fas fa-comment-alt\"><\/i>\r\n            \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n          <\/label>\r\n          <textarea \r\n            id=\"message\" \r\n            name=\"message\" \r\n            rows=\"6\"\r\n            placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0623\u0648 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0647\u0646\u0627...\"\r\n            required\r\n          ><\/textarea>\r\n        <\/div>\r\n\r\n        <!-- Submit Button -->\r\n        <div class=\"form-actions\">\r\n          <button type=\"submit\" class=\"submit-btn\" id=\"submitButton\">\r\n            <span class=\"btn-text\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n            <span class=\"btn-loader\" style=\"display: none;\">\r\n              <i class=\"fas fa-spinner fa-spin\"><\/i>\r\n            <\/span>\r\n            <i class=\"fas fa-paper-plane btn-icon\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- Form Message -->\r\n        <div class=\"form-message\" id=\"formMessage\" style=\"display: none;\"><\/div>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Quick CTA Section -->\r\n<div class=\"quick-cta-section\">\r\n  <div class=\"cta-container\">\r\n    <div class=\"cta-content\">\r\n      <div class=\"cta-icon-big\">\r\n        <i class=\"fas fa-phone-volume\"><\/i>\r\n      <\/div>\r\n      <h2 class=\"cta-title\">\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0627\u062c\u0644\u0629\u061f<\/h2>\r\n      <p class=\"cta-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0648\u0631\u064a\u0629<\/p>\r\n      <div class=\"cta-buttons\">\r\n        <a href=\"tel:+966537117726\" class=\"cta-btn call-btn\">\r\n          <i class=\"fas fa-phone-alt\"><\/i>\r\n          <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/wa.me\/966537117726?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0627\u062c\u0644\u0629\" target=\"_blank\" class=\"cta-btn whatsapp-btn\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n          <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n* {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Contact Hero Section *\/\r\n.contact-hero-section {\r\n  min-height: 60vh;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-container {\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.hero-content {\r\n  text-align: center;\r\n  color: #ffffff;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  backdrop-filter: blur(10px);\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  margin-bottom: 25px;\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hero-badge i {\r\n  font-size: 18px;\r\n}\r\n\r\n.hero-badge span {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.hero-title {\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.hero-title .highlight {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.hero-title .highlight::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: -10px;\r\n  right: -10px;\r\n  height: 20px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 8px;\r\n  transform: skew(-3deg);\r\n}\r\n\r\n.hero-description {\r\n  font-size: 1.3rem;\r\n  opacity: 0.95;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Hero Decorations *\/\r\n.hero-decoration {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.floating-shape {\r\n  position: absolute;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 50%;\r\n  animation: floatShape 20s infinite ease-in-out;\r\n}\r\n\r\n.shape-1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: -100px;\r\n  right: -100px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.shape-2 {\r\n  width: 200px;\r\n  height: 200px;\r\n  bottom: -50px;\r\n  left: 10%;\r\n  animation-delay: -7s;\r\n}\r\n\r\n.shape-3 {\r\n  width: 150px;\r\n  height: 150px;\r\n  top: 50%;\r\n  left: -50px;\r\n  animation-delay: -14s;\r\n}\r\n\r\n\/* Contact Info Cards *\/\r\n.contact-info-cards-section {\r\n  padding: 80px 20px;\r\n  background: #f8f9fa;\r\n  margin-top: -50px;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.cards-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.info-card {\r\n  background: #ffffff;\r\n  padding: 40px 30px;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.4s ease;\r\n  border: 1px solid rgba(29, 46, 85, 0.05);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.info-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #1D2E55, #0f1a35);\r\n  transform: scaleX(0);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.info-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.info-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.info-card.whatsapp-card:hover::before {\r\n  background: linear-gradient(90deg, #25D366, #128C7E);\r\n}\r\n\r\n.card-icon-wrapper {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.card-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  border-radius: 20px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(29, 46, 85, 0.3);\r\n}\r\n\r\n.info-card:hover .card-icon {\r\n  transform: rotateY(360deg);\r\n}\r\n\r\n.card-icon i {\r\n  font-size: 35px;\r\n  color: #ffffff;\r\n}\r\n\r\n.whatsapp-icon {\r\n  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\r\n}\r\n\r\n.email-icon {\r\n  background: linear-gradient(135deg, #EA4335 0%, #C5221F 100%);\r\n}\r\n\r\n.location-icon {\r\n  background: linear-gradient(135deg, #4285F4 0%, #1967D2 100%);\r\n}\r\n\r\n.card-title {\r\n  font-size: 1.4rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card-text {\r\n  font-size: 1rem;\r\n  color: #666;\r\n  margin-bottom: 20px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.card-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #1D2E55;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.card-link:hover {\r\n  gap: 15px;\r\n  color: #0f1a35;\r\n}\r\n\r\n.card-link-static {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n}\r\n\r\n.whatsapp-link {\r\n  color: #25D366;\r\n}\r\n\r\n.whatsapp-link:hover {\r\n  color: #128C7E;\r\n}\r\n\r\n\/* Main Contact Section *\/\r\n.main-contact-section {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n.contact-wrapper {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Left Side *\/\r\n.contact-left-side {\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n\r\n.section-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(29, 46, 85, 0.08);\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n  border: 2px solid rgba(29, 46, 85, 0.1);\r\n}\r\n\r\n.section-badge i {\r\n  color: #1D2E55;\r\n  font-size: 16px;\r\n}\r\n\r\n.section-badge span {\r\n  color: #1D2E55;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.left-title {\r\n  font-size: 3rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.highlight-text {\r\n  position: relative;\r\n}\r\n\r\n.highlight-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 12px;\r\n  background: rgba(29, 46, 85, 0.15);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.left-description {\r\n  font-size: 1.1rem;\r\n  color: #666;\r\n  line-height: 1.8;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Contact Details List *\/\r\n.contact-details-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.detail-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 20px;\r\n  background: rgba(29, 46, 85, 0.03);\r\n  border-radius: 15px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.detail-item:hover {\r\n  background: rgba(29, 46, 85, 0.06);\r\n  transform: translateX(5px);\r\n}\r\n\r\n.detail-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.detail-icon i {\r\n  font-size: 22px;\r\n  color: #ffffff;\r\n}\r\n\r\n.detail-icon.whatsapp {\r\n  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\r\n}\r\n\r\n.detail-content h4 {\r\n  font-size: 1.1rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.detail-content a,\r\n.detail-content p {\r\n  font-size: 1rem;\r\n  color: #555;\r\n  text-decoration: none;\r\n  line-height: 1.6;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.detail-content a:hover {\r\n  color: #1D2E55;\r\n}\r\n\r\n\/* Social Media *\/\r\n.social-media-section {\r\n  padding-top: 30px;\r\n  border-top: 2px solid rgba(29, 46, 85, 0.1);\r\n}\r\n\r\n.social-title {\r\n  font-size: 1.2rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.social-links {\r\n  display: flex;\r\n  gap: 15px;\r\n}\r\n\r\n.social-link {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: rgba(29, 46, 85, 0.08);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #1D2E55;\r\n  font-size: 20px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.social-link:hover {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  color: #ffffff;\r\n  transform: translateY(-5px);\r\n}\r\n\r\n\/* Right Side - Form *\/\r\n.contact-right-side {\r\n  background: rgba(29, 46, 85, 0.03);\r\n  padding: 50px;\r\n  border-radius: 25px;\r\n}\r\n\r\n.form-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(29, 46, 85, 0.1);\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-badge i {\r\n  color: #1D2E55;\r\n  font-size: 16px;\r\n}\r\n\r\n.form-badge span {\r\n  color: #1D2E55;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.form-title {\r\n  font-size: 2.2rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-subtitle {\r\n  font-size: 1.05rem;\r\n  color: #666;\r\n  margin-bottom: 35px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Contact Form *\/\r\n.contact-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.form-group label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 1rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group label i {\r\n  font-size: 16px;\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n  padding: 15px 18px;\r\n  border: 2px solid rgba(29, 46, 85, 0.15);\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-family: inherit;\r\n  transition: all 0.3s ease;\r\n  background: #ffffff;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n  outline: none;\r\n  border-color: #1D2E55;\r\n  box-shadow: 0 0 0 4px rgba(29, 46, 85, 0.1);\r\n}\r\n\r\n.form-group textarea {\r\n  resize: vertical;\r\n  min-height: 150px;\r\n}\r\n\r\n.form-group select {\r\n  cursor: pointer;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.submit-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  color: #ffffff;\r\n  padding: 18px 40px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(29, 46, 85, 0.3);\r\n  justify-content: center;\r\n}\r\n\r\n.submit-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(29, 46, 85, 0.4);\r\n}\r\n\r\n.submit-btn.loading {\r\n  pointer-events: none;\r\n  opacity: 0.7;\r\n}\r\n\r\n.btn-icon {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Form Message *\/\r\n.form-message {\r\n  padding: 15px 20px;\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  animation: slideInUp 0.4s ease;\r\n}\r\n\r\n.form-message.success {\r\n  background: #10B981;\r\n  color: #ffffff;\r\n}\r\n\r\n.form-message.error {\r\n  background: #EF4444;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Quick CTA Section *\/\r\n.quick-cta-section {\r\n  padding: 80px 20px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.quick-cta-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\r\n  animation: rotate 30s linear infinite;\r\n}\r\n\r\n.cta-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cta-content {\r\n  text-align: center;\r\n  color: #ffffff;\r\n}\r\n\r\n.cta-icon-big {\r\n  width: 100px;\r\n  height: 100px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-radius: 50%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.cta-icon-big i {\r\n  font-size: 50px;\r\n}\r\n\r\n.cta-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.cta-text {\r\n  font-size: 1.2rem;\r\n  opacity: 0.95;\r\n  margin-bottom: 35px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.cta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 18px 35px;\r\n  border-radius: 50px;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.call-btn {\r\n  background: #ffffff;\r\n  color: #1D2E55;\r\n  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.call-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.whatsapp-btn {\r\n  background: #25D366;\r\n  color: #ffffff;\r\n  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(37, 211, 102, 0.6);\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes floatShape {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg);\r\n  }\r\n  25% {\r\n    transform: translate(50px, -50px) rotate(5deg);\r\n  }\r\n  50% {\r\n    transform: translate(-30px, -30px) rotate(-5deg);\r\n  }\r\n  75% {\r\n    transform: translate(30px, 20px) rotate(3deg);\r\n  }\r\n}\r\n\r\n@keyframes rotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1200px) {\r\n  .cards-container {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .contact-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .contact-left-side {\r\n    position: static;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .cards-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-right-side {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .left-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .cta-btn {\r\n    width: 100%;\r\n    max-width: 300px;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .form-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .cta-title {\r\n    font-size: 1.8rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const contactForm = document.getElementById('mainContactForm');\r\n  const submitButton = document.getElementById('submitButton');\r\n  const btnText = submitButton.querySelector('.btn-text');\r\n  const btnLoader = submitButton.querySelector('.btn-loader');\r\n  const formMessage = document.getElementById('formMessage');\r\n\r\n  contactForm.addEventListener('submit', async function(e) {\r\n    e.preventDefault();\r\n\r\n    \/\/ Show loading state\r\n    submitButton.classList.add('loading');\r\n    btnText.style.display = 'none';\r\n    btnLoader.style.display = 'inline-block';\r\n    formMessage.style.display = 'none';\r\n\r\n    const formData = new FormData(contactForm);\r\n    formData.append('action', 'submit_contact_form');\r\n\r\n    try {\r\n      const response = await fetch('\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n      });\r\n\r\n      const result = await response.json();\r\n\r\n      \/\/ Reset loading state\r\n      submitButton.classList.remove('loading');\r\n      btnText.style.display = 'inline';\r\n      btnLoader.style.display = 'none';\r\n      formMessage.style.display = 'block';\r\n      \r\n      if (result.success) {\r\n        formMessage.className = 'form-message success';\r\n        formMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b.';\r\n        contactForm.reset();\r\n        \r\n        setTimeout(() => {\r\n          formMessage.style.display = 'none';\r\n        }, 5000);\r\n      } else {\r\n        formMessage.className = 'form-message error';\r\n        formMessage.innerHTML = '<i class=\"fas fa-times-circle\"><\/i> \u062d\u062f\u062b \u062e\u0637\u0623\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.';\r\n      }\r\n    } catch (error) {\r\n      console.error('Error:', error);\r\n      \r\n      submitButton.classList.remove('loading');\r\n      btnText.style.display = 'inline';\r\n      btnLoader.style.display = 'none';\r\n      formMessage.style.display = 'block';\r\n      formMessage.className = 'form-message error';\r\n      formMessage.innerHTML = '<i class=\"fas fa-times-circle\"><\/i> \u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.';\r\n    }\r\n  });\r\n\r\n  \/\/ Simple scroll animation for cards\r\n  const cards = document.querySelectorAll('.info-card');\r\n  \r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => {\r\n          entry.target.style.opacity = '1';\r\n          entry.target.style.transform = 'translateY(0)';\r\n        }, index * 100);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n\r\n  cards.forEach(card => {\r\n    card.style.opacity = '0';\r\n    card.style.transform = 'translateY(30px)';\r\n    card.style.transition = 'all 0.6s ease';\r\n    observer.observe(card);\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<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a\u060c &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2362","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmalmarafah.com\/ar\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\" \/>\n<meta property=\"og:description\" content=\"\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a\u060c ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmalmarafah.com\/ar\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-24T17:01:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmalmarafah.com\/ar\/contact\/\",\"url\":\"https:\/\/atmalmarafah.com\/ar\/contact\/\",\"name\":\"Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\",\"isPartOf\":{\"@id\":\"https:\/\/atmalmarafah.com\/ar\/#website\"},\"datePublished\":\"2025-11-15T20:44:30+00:00\",\"dateModified\":\"2025-11-24T17:01:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmalmarafah.com\/ar\/contact\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmalmarafah.com\/ar\/contact\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmalmarafah.com\/ar\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/atmalmarafah.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmalmarafah.com\/ar\/#website\",\"url\":\"https:\/\/atmalmarafah.com\/ar\/\",\"name\":\"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmalmarafah.com\/ar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmalmarafah.com\/ar\/contact\/","og_locale":"ar_AR","og_type":"article","og_title":"Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","og_description":"\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a\u060c ...","og_url":"https:\/\/atmalmarafah.com\/ar\/contact\/","og_site_name":"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","article_modified_time":"2025-11-24T17:01:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atmalmarafah.com\/ar\/contact\/","url":"https:\/\/atmalmarafah.com\/ar\/contact\/","name":"Contact - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","isPartOf":{"@id":"https:\/\/atmalmarafah.com\/ar\/#website"},"datePublished":"2025-11-15T20:44:30+00:00","dateModified":"2025-11-24T17:01:28+00:00","breadcrumb":{"@id":"https:\/\/atmalmarafah.com\/ar\/contact\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmalmarafah.com\/ar\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmalmarafah.com\/ar\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/atmalmarafah.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/atmalmarafah.com\/ar\/#website","url":"https:\/\/atmalmarafah.com\/ar\/","name":"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmalmarafah.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/comments?post=2362"}],"version-history":[{"count":5,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2362\/revisions"}],"predecessor-version":[{"id":2679,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2362\/revisions\/2679"}],"wp:attachment":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/media?parent=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}