{"id":163,"date":"2025-09-06T21:12:32","date_gmt":"2025-09-06T21:12:32","guid":{"rendered":"https:\/\/bmltd.ae\/?page_id=163"},"modified":"2025-10-31T16:25:43","modified_gmt":"2025-10-31T16:25:43","slug":"saadiyat-lagoons","status":"publish","type":"page","link":"https:\/\/bmltd.ae\/ar\/saadiyat-lagoons\/","title":{"rendered":"\u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"163\" class=\"elementor elementor-163\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd489df e-flex e-con-boxed e-con e-parent\" data-id=\"cd489df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2191ee e-con-full e-flex e-con e-parent\" data-id=\"e2191ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da85b11 elementor-widget elementor-widget-html\" data-id=\"da85b11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Saadiyat Lagoons Villa Project Page -->\r\n<div class=\"single-project-page\">\r\n  \r\n  <!-- Project Hero Section -->\r\n  <div class=\"project-hero-section\">\r\n    <div class=\"project-hero-container\">\r\n      <div class=\"project-hero-content\">\r\n        <div class=\"project-hero-badge\">\r\n          <i class=\"fas fa-home\"><\/i>\r\n          <span>\u0641\u064a\u0644\u0627 \u0628\u0631\u064a\u0645\u064a\u0648\u0645<\/span>\r\n        <\/div>\r\n        <h1 class=\"project-hero-title\">\u0641\u064a\u0644\u0627 \u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a<\/h1>\r\n        <p class=\"project-hero-subtitle\">SL5-007 | \u0635\u0641 \u0648\u0627\u062d\u062f | \u0641\u064a\u0644\u0627 \u0641\u0627\u062e\u0631\u0629 \u0645\u0643\u0648\u0646\u0629 \u0645\u0646 5 \u063a\u0631\u0641 \u0646\u0648\u0645<\/p>\r\n        <div class=\"project-hero-location\">\r\n          <i class=\"fas fa-map-marker-alt\"><\/i>\r\n          <span>\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a\u060c \u0623\u0628\u0648\u0638\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"project-hero-price\">\r\n          <div class=\"price-original\">\r\n            <span class=\"price-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n            <span class=\"price-value\">7,471,012 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n          <\/div>\r\n          <div class=\"price-current\">\r\n            <span class=\"price-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/span>\r\n            <span class=\"price-value\">11,000,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"project-hero-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Saadiyat Lagoons Villa\" \/>\r\n        <div class=\"project-status-badge off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Project Details Section -->\r\n  <div class=\"project-details-section\">\r\n    <div class=\"project-details-container\">\r\n      \r\n      <!-- Quick Facts -->\r\n      <div class=\"project-quick-facts fade-in\">\r\n        <h2 class=\"section-title\">\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0644\u0627\u0645\u062d \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0639\u0642\u0627\u0631<\/h2>\r\n        <div class=\"quick-facts-grid\">\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u063a\u0631\u0641 \u0627\u0644\u0646\u0648\u0645<\/span>\r\n              <span class=\"fact-value\">5 \u063a\u0631\u0641 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\r\n              <span class=\"fact-value\">795 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0628\u0646\u064a\u0629<\/span>\r\n              <span class=\"fact-value\">538 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639 (\u0645\u0633\u0627\u062d\u0629 \u0625\u062c\u0645\u0627\u0644\u064a\u0629)<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-calendar-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\r\n              <span class=\"fact-value\">2026<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u062e\u0637\u0629 \u0627\u0644\u062f\u0641\u0639<\/span>\r\n              <span class=\"fact-value\">40\/60<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fact-item\">\r\n            <div class=\"fact-icon\">\r\n              <i class=\"fas fa-star\"><\/i>\r\n            <\/div>\r\n            <div class=\"fact-content\">\r\n              <span class=\"fact-label\">\u0627\u0644\u0646\u0648\u0639<\/span>\r\n              <span class=\"fact-value\">\u0635\u0641 \u0648\u0627\u062d\u062f<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property Description -->\r\n      <div class=\"project-description fade-in\">\r\n        <h2 class=\"section-title\">\u0646\u0628\u0630\u0629 \u0639\u0646 \u0647\u0630\u0627 \u0627\u0644\u0639\u0642\u0627\u0631<\/h2>\r\n        <div class=\"description-content\">\r\n          <p class=\"description-text\">\r\n            \u062a\u0645\u062b\u0651\u0644 \u0647\u0630\u0647 \u0627\u0644\u0641\u064a\u0644\u0627 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0629 \u0645\u0646 5 \u063a\u0631\u0641 \u0646\u0648\u0645 \u0641\u064a \u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0630\u0631\u0648\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a. \u064a\u0642\u0639 \u0647\u0630\u0627 \u0627\u0644\u0639\u0642\u0627\u0631 \u0641\u064a \u0645\u0648\u0642\u0639 \u0645\u0631\u063a\u0648\u0628 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f\u060c \u0648\u064a\u0648\u0641\u0631 \u062e\u0635\u0648\u0635\u064a\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0648\u0625\u0637\u0644\u0627\u0644\u0627\u062a \u062e\u0644\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0628\u0643\u0631 \u0627\u0644\u062a\u064a \u062a\u0645\u064a\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u062d\u0635\u0631\u064a.\r\n          <\/p>\r\n          <p class=\"description-text\">\r\n            \u062a\u0645\u062a\u062f \u0627\u0644\u0641\u064a\u0644\u0627 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0631\u0627\u0626\u0639\u0629 \u062a\u0628\u0644\u063a 795 \u0645\u062a\u0631\u0627\u064b \u0645\u0631\u0628\u0639\u0627\u064b \u0628\u0645\u0633\u0627\u062d\u0629 \u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u062a\u0628\u0644\u063a 538 \u0645\u062a\u0631\u0627\u064b \u0645\u0631\u0628\u0639\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0628\u0639\u0646\u0627\u064a\u0629. \u062a\u0645 \u062a\u062e\u0637\u064a\u0637 \u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0644\u062e\u0644\u0642 \u0645\u0632\u064a\u062c \u0645\u062a\u0646\u0627\u063a\u0645 \u0645\u0646 \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629 \u0648\u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0627\u0644\u062e\u0627\u0644\u062f\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u062d\u062b \u0639\u0646 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0642\u064a.\r\n          <\/p>\r\n          <div class=\"description-highlights\">\r\n            <h3 class=\"highlights-title\">\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h3>\r\n            <ul class=\"highlights-list\">\r\n              <li>\u0648\u0636\u0639 \u0645\u062a\u0645\u064a\u0632 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f \u0644\u0623\u0642\u0635\u0649 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/li>\r\n              <li>\u0645\u0646\u0641\u0630 \u0645\u0628\u0627\u0634\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u062d\u064a\u0631\u0629 \u0648\u0625\u0637\u0644\u0627\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u064a\u0627\u0647<\/li>\r\n              <li>5 \u063a\u0631\u0641 \u0646\u0648\u0645 \u0641\u0633\u064a\u062d\u0629 \u0645\u0639 \u062d\u0645\u0651\u0627\u0645\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629<\/li>\r\n              <li>\u0645\u0646\u0627\u0637\u0642 \u0645\u0639\u064a\u0634\u0629 \u0630\u0627\u062a \u0645\u062e\u0637\u0637 \u0645\u0641\u062a\u0648\u062d \u0645\u0639 \u0646\u0648\u0627\u0641\u0630 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0623\u0631\u0636 \u062d\u062a\u0649 \u0627\u0644\u0633\u0642\u0641<\/li>\r\n              <li>\u062d\u062f\u064a\u0642\u0629 \u062e\u0627\u0635\u0629 \u0630\u0627\u062a \u0645\u0646\u0627\u0638\u0631 \u0637\u0628\u064a\u0639\u064a\u0629 \u062e\u0644\u0627\u0628\u0629 \u0648\u0645\u0646\u0637\u0642\u0629 \u062a\u0631\u0641\u064a\u0647\u064a\u0629 \u062e\u0627\u0631\u062c\u064a\u0629<\/li>\r\n              <li>\u0645\u0637\u0628\u062e \u062d\u062f\u064a\u062b \u0645\u0632\u0648\u062f \u0628\u0623\u062c\u0647\u0632\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/li>\r\n              <li>\u0645\u0648\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a \u0645\u063a\u0637\u0649 \u064a\u062a\u0633\u0639 \u0644\u0639\u062f\u0629 \u0633\u064a\u0627\u0631\u0627\u062a<\/li>\r\n              <li>\u062a\u0643\u0627\u0645\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0646\u0632\u0644 \u0627\u0644\u0630\u0643\u064a<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Gallery -->\r\n      <div class=\"project-gallery fade-in\">\r\n        <h2 class=\"section-title\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/h2>\r\n        <div class=\"gallery-grid\">\r\n          <div class=\"gallery-item main-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Villa Exterior\" \/>\r\n          <\/div>\r\n          <div class=\"gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Villa Interior Living\" \/>\r\n          <\/div>\r\n          <div class=\"gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Villa Pool Area\" \/>\r\n          <\/div>\r\n          <div class=\"gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Villa Kitchen\" \/>\r\n          <\/div>\r\n          <div class=\"gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Villa Bedroom\" \/>\r\n          <\/div>\r\n          <div class=\"gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582407947304-fd86f028f716?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Saadiyat Island Views\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Location & Amenities -->\r\n      <div class=\"project-location fade-in\">\r\n        <h2 class=\"section-title\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0631\u0627\u062d\u0629<\/h2>\r\n        <div class=\"location-content\">\r\n          <div class=\"location-description\">\r\n            <h3 class=\"location-subtitle\">\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a - \u0642\u0644\u0628 \u0623\u0628\u0648 \u0638\u0628\u064a \u0627\u0644\u062b\u0642\u0627\u0641\u064a<\/h3>\r\n            <p class=\"location-text\">\r\n              \u062a\u064f\u0639\u062f \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a\u060c \u0641\u0647\u064a \u0645\u0648\u0637\u0646 \u0627\u0644\u0645\u062a\u0627\u062d\u0641 \u0630\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0648\u0627\u0644\u0634\u0648\u0627\u0637\u0626 \u0627\u0644\u0628\u0643\u0631 \u0648\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0627\u0644\u062d\u0635\u0631\u064a\u0629. \u064a\u0648\u0641\u0631 \u0645\u0648\u0642\u0639 \u0647\u0630\u0647 \u0627\u0644\u0641\u064a\u0644\u0627 \u062f\u0627\u062e\u0644 \u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0644\u0644\u0645\u0642\u064a\u0645\u064a\u0646 \u0641\u064a\u0647\u0627 \u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0648\u0627\u0644\u0631\u0642\u064a \u0627\u0644\u062b\u0642\u0627\u0641\u064a.\r\n            <\/p>\r\n            <div class=\"nearby-attractions\">\r\n              <h4 class=\"attractions-title\">\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0627\u0644\u0642\u0631\u064a\u0628\u0629<\/h4>\r\n              <div class=\"attractions-grid\">\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-university\"><\/i>\r\n                  <span>\u0645\u062a\u062d\u0641 \u0627\u0644\u0644\u0648\u0641\u0631 \u0623\u0628\u0648\u0638\u0628\u064a - 5 \u062f\u0642\u0627\u0626\u0642<\/span>\r\n                <\/div>\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-umbrella-beach\"><\/i>\r\n                  <span>\u0634\u0627\u0637\u0626 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a - 3 \u062f\u0642\u0627\u0626\u0642<\/span>\r\n                <\/div>\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-golf-ball\"><\/i>\r\n                  <span>\u0646\u0627\u062f\u064a \u062c\u0648\u0644\u0641 \u0634\u0627\u0637\u0626 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a - 7 \u062f\u0642\u0627\u0626\u0642<\/span>\r\n                <\/div>\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-graduation-cap\"><\/i>\r\n                  <span>\u062c\u0627\u0645\u0639\u0629 \u0646\u064a\u0648\u064a\u0648\u0631\u0643 \u0623\u0628\u0648\u0638\u0628\u064a - 10 \u062f\u0642\u0627\u0626\u0642<\/span>\r\n                <\/div>\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-shopping-bag\"><\/i>\r\n                  <span>\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 - 15 \u062f\u0642\u064a\u0642\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"attraction-item\">\r\n                  <i class=\"fas fa-plane\"><\/i>\r\n                  <span>\u0645\u0637\u0627\u0631 \u0623\u0628\u0648\u0638\u0628\u064a - 25 \u062f\u0642\u064a\u0642\u0629<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"location-map\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Saadiyat Island Aerial View\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Action Buttons -->\r\n<div class=\"project-actions fade-in\">\r\n  <div class=\"actions-container\">\r\n    <a href=\"https:\/\/wa.me\/971543061313?text=\u0623\u0646\u0627 \u0645\u0647\u062a\u0645 \u0628\u0645\u0634\u0631\u0648\u0639 Saadiyat Lagoons Villa\" class=\"action-button whatsapp\">\r\n      <i class=\"fab fa-whatsapp\"><\/i>\r\n      <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n    <\/a>\r\n    <a href=\"https:\/\/bmltd.ae\/ar\/contact\/\" class=\"action-button contact\">\r\n      <i class=\"fas fa-envelope\"><\/i>\r\n      <span>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Single Project Page Styles *\/\r\n.single-project-page {\r\n  font-family: 'Poppins', 'Cairo', sans-serif;\r\n}\r\n\r\n\/* Project Hero Section *\/\r\n.project-hero-section {\r\n  padding: 120px 0 80px 0;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.project-hero-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\"><defs><pattern id=\"project-hero-pattern\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><circle cx=\"30\" cy=\"30\" r=\"1\" fill=\"%23395a3f\" opacity=\"0.05\"\/><\/pattern><\/defs><rect width=\"60\" height=\"60\" fill=\"url(%23project-hero-pattern)\"\/><\/svg>');\r\n  z-index: 1;\r\n}\r\n\r\n.project-hero-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.project-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  padding: 8px 16px;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.project-hero-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  line-height: 1.1;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.project-hero-subtitle {\r\n  font-size: 1.2rem;\r\n  color: var(--text-light);\r\n  margin-bottom: 20px;\r\n  font-weight: 500;\r\n}\r\n\r\n.project-hero-location {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--text-dark);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.project-hero-location i {\r\n  color: var(--primary-color);\r\n  font-size: 18px;\r\n}\r\n\r\n.project-hero-price {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.price-original,\r\n.price-current {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 15px 20px;\r\n  border-radius: 12px;\r\n}\r\n\r\n.price-original {\r\n  background: rgba(57, 90, 63, 0.1);\r\n  border: 1px solid rgba(57, 90, 63, 0.2);\r\n}\r\n\r\n.price-current {\r\n  background: var(--primary-color);\r\n  color: white;\r\n}\r\n\r\n.price-label {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.price-value {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n}\r\n\r\n.price-original .price-label {\r\n  color: var(--text-light);\r\n}\r\n\r\n.price-original .price-value {\r\n  color: var(--text-light);\r\n  text-decoration: line-through;\r\n}\r\n\r\n.project-hero-image {\r\n  position: relative;\r\n  border-radius: 25px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.project-hero-image img {\r\n  width: 100%;\r\n  height: 500px;\r\n  object-fit: cover;\r\n}\r\n\r\n.project-status-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  padding: 8px 16px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.project-status-badge.off-plan {\r\n  background: #007bff;\r\n  color: white;\r\n}\r\n\r\n\/* Project Details Section *\/\r\n.project-details-section {\r\n  padding: 80px 0;\r\n  background: white;\r\n}\r\n\r\n.project-details-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 40px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Quick Facts *\/\r\n.project-quick-facts {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.quick-facts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.fact-item {\r\n  background: rgba(57, 90, 63, 0.05);\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  border: 2px solid transparent;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fact-item:hover {\r\n  border-color: var(--primary-color);\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 30px rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.fact-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: var(--primary-color);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px auto;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fact-item:hover .fact-icon {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.fact-icon i {\r\n  color: white;\r\n  font-size: 24px;\r\n}\r\n\r\n.fact-label {\r\n  display: block;\r\n  color: var(--text-light);\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fact-value {\r\n  display: block;\r\n  color: var(--primary-color);\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Description *\/\r\n.project-description {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.description-content {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.description-text {\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  color: var(--text-light);\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.description-highlights {\r\n  background: rgba(57, 90, 63, 0.05);\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.highlights-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.highlights-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.highlights-list li {\r\n  position: relative;\r\n  padding-left: 25px;\r\n  margin-bottom: 12px;\r\n  color: var(--text-dark);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.highlights-list li::before {\r\n  content: '\u2713';\r\n  position: absolute;\r\n  left: 0;\r\n  color: var(--primary-color);\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Gallery *\/\r\n.project-gallery {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 1fr;\r\n  grid-template-rows: 1fr 1fr;\r\n  gap: 20px;\r\n  height: 600px;\r\n}\r\n\r\n.gallery-item {\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.gallery-item:hover {\r\n  transform: scale(1.02);\r\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.gallery-item.main-image {\r\n  grid-row: span 2;\r\n}\r\n\r\n.gallery-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* Location *\/\r\n.project-location {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.location-content {\r\n  display: grid;\r\n  grid-template-columns: 1.5fr 1fr;\r\n  gap: 50px;\r\n  align-items: start;\r\n}\r\n\r\n.location-subtitle {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.location-text {\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: var(--text-light);\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.attractions-title {\r\n  font-size: 1.2rem;\r\n  font-weight: 600;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.attractions-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 15px;\r\n}\r\n\r\n.attraction-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  color: var(--text-dark);\r\n}\r\n\r\n.attraction-item i {\r\n  color: var(--primary-color);\r\n  font-size: 16px;\r\n  width: 20px;\r\n}\r\n\r\n.location-map {\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.location-map img {\r\n  width: 100%;\r\n  height: 400px;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* Action Buttons *\/\r\n.project-actions {\r\n  text-align: center;\r\n}\r\n\r\n.actions-container {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.action-button {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 25px 20px;\r\n  border-radius: 15px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.action-button.primary {\r\n  background: var(--primary-color);\r\n  color: white;\r\n}\r\n\r\n.action-button.secondary {\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  border-color: var(--primary-color);\r\n}\r\n\r\n.action-button.contact {\r\n  background: #007bff;\r\n  color: white;\r\n}\r\n\r\n.action-button.whatsapp {\r\n  background: #25d366;\r\n  color: white;\r\n}\r\n\r\n.action-button:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.action-button i {\r\n  font-size: 24px;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .project-hero-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .quick-facts-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .gallery-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    height: auto;\r\n  }\r\n  \r\n  .gallery-item.main-image {\r\n    grid-column: span 2;\r\n  }\r\n  \r\n  .location-content {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .actions-container {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .project-hero-section {\r\n    padding: 80px 0 60px 0;\r\n  }\r\n  \r\n  .project-hero-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .quick-facts-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .gallery-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .gallery-item.main-image {\r\n    grid-column: span 1;\r\n  }\r\n  \r\n  .attractions-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .actions-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* Animation Classes *\/\r\n.fade-in {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s ease;\r\n}\r\n\r\n.fade-in.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Animation on Scroll\r\n    const animateElements = document.querySelectorAll('.fade-in');\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.classList.add('visible');\r\n                }, index * 200);\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    });\r\n\r\n    animateElements.forEach(element => {\r\n        observer.observe(element);\r\n    });\r\n\r\n    \/\/ Gallery Image Click Effect\r\n    const galleryItems = document.querySelectorAll('.gallery-item');\r\n    galleryItems.forEach(item => {\r\n        item.addEventListener('click', function() {\r\n            this.style.transform = 'scale(0.95)';\r\n            setTimeout(() => {\r\n                this.style.transform = '';\r\n            }, 150);\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-babe465 e-con-full e-flex e-con e-parent\" data-id=\"babe465\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ec9e6 elementor-widget elementor-widget-html\" data-id=\"a2ec9e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"form-section\">\r\n    <style>\r\n        .form-section {\r\n            padding: 120px 0 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            background: linear-gradient(135deg, #1a2821 0%, #2a3d2f 50%, #395A3F 100%) !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n        }\r\n\r\n        .form-section .floating-circles {\r\n            position: absolute !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        .form-section .circle {\r\n            position: absolute !important;\r\n            border-radius: 50% !important;\r\n            background: radial-gradient(circle at 30% 30%, rgba(57, 90, 63, 0.1), transparent) !important;\r\n            animation: formFloatCircle 25s ease-in-out infinite !important;\r\n        }\r\n\r\n        .form-section .circle:nth-child(1) {\r\n            width: 300px !important;\r\n            height: 300px !important;\r\n            top: 10% !important;\r\n            left: 5% !important;\r\n            animation-delay: 0s !important;\r\n        }\r\n\r\n        .form-section .circle:nth-child(2) {\r\n            width: 200px !important;\r\n            height: 200px !important;\r\n            top: 40% !important;\r\n            right: 8% !important;\r\n            animation-delay: 8s !important;\r\n        }\r\n\r\n        .form-section .circle:nth-child(3) {\r\n            width: 250px !important;\r\n            height: 250px !important;\r\n            bottom: 20% !important;\r\n            left: 15% !important;\r\n            animation-delay: 16s !important;\r\n        }\r\n\r\n        @keyframes formFloatCircle {\r\n            0%, 100% {\r\n                transform: translateY(0px) rotate(0deg) scale(1) !important;\r\n                opacity: 0.04 !important;\r\n            }\r\n            50% {\r\n                transform: translateY(-30px) rotate(180deg) scale(1.1) !important;\r\n                opacity: 0.1 !important;\r\n            }\r\n        }\r\n\r\n        .form-section .form-container {\r\n            max-width: 900px !important;\r\n            margin: 0 auto !important;\r\n            padding: 0 20px !important;\r\n            position: relative !important;\r\n            z-index: 2 !important;\r\n        }\r\n\r\n        .form-section .form-header {\r\n            text-align: center !important;\r\n            margin-bottom: 60px !important;\r\n            animation: formFadeInUp 0.8s ease-out !important;\r\n        }\r\n\r\n        .form-section .form-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            background: rgba(57, 90, 63, 0.2) !important;\r\n            border: 1px solid rgba(57, 90, 63, 0.4) !important;\r\n            color: #7fb88d !important;\r\n            padding: 12px 25px !important;\r\n            border-radius: 50px !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1rem !important;\r\n            margin-bottom: 30px !important;\r\n            backdrop-filter: blur(10px) !important;\r\n        }\r\n\r\n        .form-section .form-badge i {\r\n            margin-right: 10px !important;\r\n            font-size: 1.1rem !important;\r\n        }\r\n\r\n        .form-section .form-title {\r\n            font-size: 3.5rem !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.1 !important;\r\n            margin-bottom: 25px !important;\r\n            background: linear-gradient(135deg, #ffffff 0%, #7fb88d 50%, #ffffff 100%) !important;\r\n            -webkit-background-clip: text !important;\r\n            -webkit-text-fill-color: transparent !important;\r\n            background-clip: text !important;\r\n        }\r\n\r\n        .form-section .form-subtitle {\r\n            font-size: 1.2rem !important;\r\n            color: #b8c4d0 !important;\r\n            font-weight: 500 !important;\r\n            line-height: 1.6 !important;\r\n            max-width: 600px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n\r\n        .form-section .contact-form-wrapper {\r\n            background: rgba(255, 255, 255, 0.05) !important;\r\n            border: 2px solid rgba(57, 90, 63, 0.3) !important;\r\n            border-radius: 25px !important;\r\n            padding: 50px 40px !important;\r\n            backdrop-filter: blur(20px) !important;\r\n            animation: formFadeInUp 0.8s ease-out 0.2s both !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .form-section .contact-form-wrapper::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 0 !important;\r\n            left: -100% !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background: linear-gradient(90deg, transparent, rgba(57, 90, 63, 0.05), transparent) !important;\r\n            transition: left 0.8s ease !important;\r\n        }\r\n\r\n        .form-section .contact-form-wrapper:hover::before {\r\n            left: 100% !important;\r\n        }\r\n\r\n        .form-section .contact-form {\r\n            position: relative !important;\r\n            z-index: 2 !important;\r\n        }\r\n\r\n        .form-section .form-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 25px !important;\r\n            margin-bottom: 25px !important;\r\n        }\r\n\r\n        .form-section .form-group {\r\n            margin-bottom: 25px !important;\r\n        }\r\n\r\n        .form-section .form-group.full-width {\r\n            grid-column: 1 \/ -1 !important;\r\n        }\r\n\r\n        .form-section .form-label {\r\n            display: block !important;\r\n            font-size: 1rem !important;\r\n            font-weight: 700 !important;\r\n            color: #ffffff !important;\r\n            margin-bottom: 10px !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .form-section .form-label .required {\r\n            color: #7fb88d !important;\r\n            margin-left: 3px !important;\r\n        }\r\n\r\n        .form-section .form-label .optional {\r\n            color: #8899aa !important;\r\n            font-size: 0.85rem !important;\r\n            font-weight: 400 !important;\r\n            margin-left: 5px !important;\r\n        }\r\n\r\n        .form-section .form-input,\r\n        .form-section .form-textarea,\r\n        .form-section .form-select {\r\n            width: 100% !important;\r\n            background: rgba(255, 255, 255, 0.08) !important;\r\n            border: 2px solid rgba(255, 255, 255, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            padding: 5px 18px !important;\r\n            font-size: 1rem !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            transition: all 0.3s ease !important;\r\n            backdrop-filter: blur(10px) !important;\r\n        }\r\n\r\n        .form-section .form-input::placeholder,\r\n        .form-section .form-textarea::placeholder {\r\n            color: rgba(255, 255, 255, 0.5) !important;\r\n        }\r\n\r\n        .form-section .form-input:focus,\r\n        .form-section .form-textarea:focus,\r\n        .form-section .form-select:focus {\r\n            outline: none !important;\r\n            border-color: #395A3F !important;\r\n            background: rgba(255, 255, 255, 0.12) !important;\r\n            box-shadow: 0 0 0 3px rgba(57, 90, 63, 0.2) !important;\r\n        }\r\n\r\n        .form-section .form-textarea {\r\n            resize: vertical !important;\r\n            min-height: 100px !important;\r\n        }\r\n\r\n        .form-section .form-select {\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        .form-section .form-select option {\r\n            background: #1a2821 !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .form-section .checkbox-group {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\r\n            gap: 15px !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        .form-section .checkbox-item {\r\n            position: relative !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"],\r\n        .form-section .checkbox-item input[type=\"radio\"] {\r\n            position: absolute !important;\r\n            opacity: 0 !important;\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        .form-section .checkbox-label {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            background: rgba(255, 255, 255, 0.06) !important;\r\n            border: 2px solid rgba(255, 255, 255, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            padding: 15px 18px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            font-weight: 600 !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            color: white !important;\r\n        }\r\n\r\n        .form-section .checkbox-label .label-text {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .form-section .checkbox-label .check-indicator {\r\n            width: 24px !important;\r\n            height: 24px !important;\r\n            border-radius: 50% !important;\r\n            background: rgba(255, 255, 255, 0.1) !important;\r\n            border: 2px solid rgba(255, 255, 255, 0.3) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            transition: all 0.3s ease !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        .form-section .checkbox-label .check-indicator i {\r\n            color: rgba(255, 255, 255, 0.3) !important;\r\n            font-size: 14px !important;\r\n            opacity: 0 !important;\r\n            transform: scale(0) !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"]:checked + .checkbox-label .check-indicator,\r\n        .form-section .checkbox-item input[type=\"radio\"]:checked + .checkbox-label .check-indicator {\r\n            background: #395A3F !important;\r\n            border-color: #395A3F !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"]:checked + .checkbox-label .check-indicator i,\r\n        .form-section .checkbox-item input[type=\"radio\"]:checked + .checkbox-label .check-indicator i {\r\n            color: white !important;\r\n            opacity: 1 !important;\r\n            transform: scale(1) !important;\r\n        }\r\n\r\n        .form-section .checkbox-label::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 0 !important;\r\n            left: -100% !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background: linear-gradient(90deg, transparent, rgba(57, 90, 63, 0.1), transparent) !important;\r\n            transition: left 0.5s ease !important;\r\n        }\r\n\r\n        .form-section .checkbox-label:hover::before {\r\n            left: 100% !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"]:checked + .checkbox-label,\r\n        .form-section .checkbox-item input[type=\"radio\"]:checked + .checkbox-label {\r\n            background: rgba(255, 255, 255, 0.95) !important;\r\n            border-color: #395A3F !important;\r\n            color: white !important;\r\n            box-shadow: 0 4px 15px rgba(57, 90, 63, 0.3) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"]:checked + .checkbox-label .label-text,\r\n        .form-section .checkbox-item input[type=\"radio\"]:checked + .checkbox-label .label-text {\r\n            color: #395A3F !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .form-section .checkbox-item input[type=\"checkbox\"]:checked + .checkbox-label .checkbox-icon,\r\n        .form-section .checkbox-item input[type=\"radio\"]:checked + .checkbox-label .checkbox-icon {\r\n            color: #395A3F !important;\r\n        }\r\n\r\n        .form-section .checkbox-label:hover {\r\n            border-color: rgba(253, 253, 253, 0.5) !important;\r\n            background: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .form-section .checkbox-icon {\r\n            margin-right: 10px !important;\r\n            font-size: 1.1rem !important;\r\n            color: #7fb88d !important;\r\n        }\r\n\r\n        .form-section .submit-btn {\r\n            background: linear-gradient(135deg, #395A3F, #4a7352) !important;\r\n            color: white !important;\r\n            border: none !important;\r\n            border-radius: 15px !important;\r\n            padding: 18px 40px !important;\r\n            font-size: 1.2rem !important;\r\n            font-weight: 700 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            box-shadow: 0 15px 35px rgba(57, 90, 63, 0.3) !important;\r\n        }\r\n\r\n        .form-section .submit-btn::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            top: 50% !important;\r\n            left: 50% !important;\r\n            width: 0 !important;\r\n            height: 0 !important;\r\n            background: rgba(255, 255, 255, 0.2) !important;\r\n            border-radius: 50% !important;\r\n            transition: all 0.4s ease !important;\r\n            transform: translate(-50%, -50%) !important;\r\n        }\r\n\r\n        .form-section .submit-btn:hover::before {\r\n            width: 300px !important;\r\n            height: 300px !important;\r\n        }\r\n\r\n        .form-section .submit-btn:hover {\r\n            transform: translateY(-3px) !important;\r\n            box-shadow: 0 20px 45px rgba(57, 90, 63, 0.4) !important;\r\n        }\r\n\r\n        .form-section .submit-btn:active {\r\n            transform: translateY(-1px) !important;\r\n        }\r\n\r\n        .form-section .submit-btn.loading {\r\n            pointer-events: none !important;\r\n            opacity: 0.8 !important;\r\n        }\r\n\r\n        .form-section .submit-btn .spinner {\r\n            display: none !important;\r\n            width: 20px !important;\r\n            height: 20px !important;\r\n            border: 3px solid rgba(255, 255, 255, 0.3) !important;\r\n            border-top-color: white !important;\r\n            border-radius: 50% !important;\r\n            animation: spin 0.8s linear infinite !important;\r\n            margin-right: 10px !important;\r\n        }\r\n\r\n        .form-section .submit-btn.loading .spinner {\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .form-section .submit-btn.loading .btn-text {\r\n            display: none !important;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .form-section .submit-btn i {\r\n            margin-right: 10px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        .form-section .btn-text {\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        \/* Success Message Styles *\/\r\n        .form-section .success-message {\r\n            display: none !important;\r\n            text-align: center !important;\r\n            padding: 60px 40px !important;\r\n            animation: formFadeInUp 0.8s ease-out !important;\r\n        }\r\n\r\n        .form-section .success-message.show {\r\n            display: block !important;\r\n        }\r\n\r\n        .form-section .success-icon {\r\n            width: 100px !important;\r\n            height: 100px !important;\r\n            background: linear-gradient(135deg, #28a745, #20c997) !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            margin: 0 auto 30px !important;\r\n            font-size: 3rem !important;\r\n            color: white !important;\r\n            animation: successPulse 2s ease-in-out infinite !important;\r\n        }\r\n\r\n        @keyframes successPulse {\r\n            0%, 100% {\r\n                transform: scale(1) !important;\r\n                box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4) !important;\r\n            }\r\n            50% {\r\n                transform: scale(1.05) !important;\r\n                box-shadow: 0 0 0 20px rgba(40, 167, 69, 0) !important;\r\n            }\r\n        }\r\n\r\n        .form-section .success-title {\r\n            font-size: 2.5rem !important;\r\n            font-weight: 900 !important;\r\n            color: #28a745 !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        .form-section .success-text {\r\n            font-size: 1.2rem !important;\r\n            color: #b8c4d0 !important;\r\n            margin-bottom: 40px !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        .form-section .new-form-btn {\r\n            background: linear-gradient(135deg, #6c757d, #495057) !important;\r\n            color: white !important;\r\n            border: none !important;\r\n            border-radius: 12px !important;\r\n            padding: 15px 30px !important;\r\n            font-size: 1.1rem !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .form-section .new-form-btn:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 10px 25px rgba(108, 117, 125, 0.3) !important;\r\n        }\r\n\r\n        @keyframes formFadeInUp {\r\n            from {\r\n                opacity: 0 !important;\r\n                transform: translateY(30px) !important;\r\n            }\r\n            to {\r\n                opacity: 1 !important;\r\n                transform: translateY(0) !important;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .form-section {\r\n                padding: 80px 0 !important;\r\n            }\r\n\r\n            .form-section .form-title {\r\n                font-size: 2.8rem !important;\r\n            }\r\n\r\n            .form-section .form-subtitle {\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .form-section .contact-form-wrapper {\r\n                padding: 35px 25px !important;\r\n            }\r\n\r\n            .form-section .form-grid {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 20px !important;\r\n            }\r\n\r\n            .form-section .checkbox-group {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n\r\n            .form-section .submit-btn {\r\n                padding: 16px 30px !important;\r\n                font-size: 1.1rem !important;\r\n            }\r\n\r\n            .form-section .success-message {\r\n                padding: 40px 25px !important;\r\n            }\r\n\r\n            .form-section .success-title {\r\n                font-size: 2rem !important;\r\n            }\r\n\r\n            .form-section .success-icon {\r\n                width: 80px !important;\r\n                height: 80px !important;\r\n                font-size: 2.5rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .form-section .form-container {\r\n                padding: 0 15px !important;\r\n            }\r\n\r\n            .form-section .form-title {\r\n                font-size: 2.2rem !important;\r\n            }\r\n\r\n            .form-section .contact-form-wrapper {\r\n                padding: 30px 20px !important;\r\n            }\r\n\r\n            .form-section .form-input,\r\n            .form-section .form-textarea,\r\n            .form-section .form-select {\r\n                padding: 12px 15px !important;\r\n            }\r\n\r\n            .form-section .checkbox-label {\r\n                padding: 12px 15px !important;\r\n            }\r\n\r\n            .form-section .success-message {\r\n                padding: 30px 20px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"floating-circles\">\r\n        <div class=\"circle\"><\/div>\r\n        <div class=\"circle\"><\/div>\r\n        <div class=\"circle\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-container\">\r\n        <div class=\"form-header\">\r\n            <h2 class=\"form-title\">\r\n                \u0627\u0628\u062d\u062b \u0639\u0646 \u0639\u0642\u0627\u0631 \u0623\u062d\u0644\u0627\u0645\u0643\r\n            <\/h2>\r\n            <p class=\"form-subtitle\">\r\n                \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u064a\u062a\u0635\u0644 \u0628\u0643 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0648\u0646 \u0641\u064a \u063a\u0636\u0648\u0646 24 \u0633\u0627\u0639\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"contact-form-wrapper\">\r\n            <!-- Form Content -->\r\n            <form class=\"contact-form\" action=\"#\" method=\"POST\" data-trp-original-action=\"#\">\r\n                <div class=\"form-grid\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"name\" class=\"form-label\">\r\n                            \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label for=\"phone\" class=\"form-label\">\r\n                            \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628 <span class=\"required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+966 5xx 966 5xx xxx xxxxx\" required>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label for=\"email\" class=\"form-label\">\r\n                        \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"optional\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span>\r\n                    <\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"your.email@example.com\">\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label class=\"form-label\">\r\n                        \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631 <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"property-apartment\" name=\"property_type[]\" value=\"Apartment\">\r\n                            <label for=\"property-apartment\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-building checkbox-icon\"><\/i>\r\n                                    \u0627\u0644\u0634\u0642\u0629\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"property-villa\" name=\"property_type[]\" value=\"Villa\">\r\n                            <label for=\"property-villa\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-home checkbox-icon\"><\/i>\r\n                                    \u0641\u064a\u0644\u0627\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"property-commercial\" name=\"property_type[]\" value=\"Office \/ Commercial\">\r\n                            <label for=\"property-commercial\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-store checkbox-icon\"><\/i>\r\n                                    \u0645\u0643\u062a\u0628\u064a\/\u062a\u062c\u0627\u0631\u064a\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"property-investment\" name=\"property_type[]\" value=\"Investment Project\">\r\n                            <label for=\"property-investment\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-chart-line checkbox-icon\"><\/i>\r\n                                    \u0645\u0634\u0631\u0648\u0639 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label class=\"form-label\">\r\n                        \u0627\u0644\u063a\u0631\u0636 \u0645\u0646 \u0627\u0644\u0634\u0631\u0627\u0621 <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n                    <div class=\"checkbox-group\" style=\"grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"purpose-residential\" name=\"purchase_purpose\" value=\"Residential\" required>\r\n                            <label for=\"purpose-residential\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-house-user checkbox-icon\"><\/i>\r\n                                    \u0633\u0643\u0646\u064a\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"purpose-investment\" name=\"purchase_purpose\" value=\"Investment\" required>\r\n                            <label for=\"purpose-investment\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-coins checkbox-icon\"><\/i>\r\n                                    \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label for=\"budget\" class=\"form-label\">\r\n                        \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629 <span class=\"optional\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span>\r\n                    <\/label>\r\n                    <input type=\"text\" id=\"budget\" name=\"budget\" class=\"form-input\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 500,000 - 1,000,000 \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a\">\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label class=\"form-label\">\r\n                        \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"contact-phone\" name=\"contact_method[]\" value=\"Phone Call\">\r\n                            <label for=\"contact-phone\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-phone checkbox-icon\"><\/i>\r\n                                    \u0645\u0643\u0627\u0644\u0645\u0629 \u0647\u0627\u062a\u0641\u064a\u0629\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"contact-whatsapp\" name=\"contact_method[]\" value=\"WhatsApp\">\r\n                            <label for=\"contact-whatsapp\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fab fa-whatsapp checkbox-icon\"><\/i>\r\n                                    \u0648\u0627\u062a\u0633\u0627\u0628\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"contact-email\" name=\"contact_method[]\" value=\"Email\">\r\n                            <label for=\"contact-email\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-envelope checkbox-icon\"><\/i>\r\n                                    \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label for=\"message\" class=\"form-label\">\r\n                        \u0631\u0633\u0627\u0644\u062a\u0643 \/ \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n                    <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643\u060c \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0641\u0636\u0644\u060c \u0648\u0639\u062f\u062f \u0627\u0644\u063a\u0631\u0641\u060c \u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643...\" required><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label for=\"best_time\" class=\"form-label\">\r\n                        \u0623\u0641\u0636\u0644 \u0648\u0642\u062a \u0644\u0644\u0627\u062a\u0635\u0627\u0644 <span class=\"optional\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span>\r\n                    <\/label>\r\n                    <select id=\"best_time\" name=\"best_time\" class=\"form-select\">\r\n                        <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0641\u0636\u0644...<\/option>\r\n                        <option value=\"9 AM - 12 PM\">9 \u0635\u0628\u0627\u062d\u064b\u0627 - 12 \u0638\u0647\u0631\u064b\u0627 (\u0635\u0628\u0627\u062d\u064b\u0627)<\/option>\r\n                        <option value=\"12 PM - 3 PM\">12 \u0638\u0647\u0631\u0627\u064b - 3 \u0639\u0635\u0631\u0627\u064b (\u0628\u0639\u062f \u0627\u0644\u0638\u0647\u0631)<\/option>\r\n                        <option value=\"3 PM - 6 PM\">3 \u0645\u0633\u0627\u0621\u064b - 6 \u0645\u0633\u0627\u0621\u064b (\u0628\u0639\u062f \u0627\u0644\u0638\u0647\u0631)<\/option>\r\n                        <option value=\"6 PM - 9 PM\">6 \u0645\u0633\u0627\u0621\u064b - 9 \u0645\u0633\u0627\u0621\u064b (\u0645\u0633\u0627\u0621\u064b)<\/option>\r\n                        <option value=\"9 PM - 12 AM\">9 \u0645\u0633\u0627\u0621\u064b - 12 \u0635\u0628\u0627\u062d\u064b\u0627 (\u0644\u064a\u0644\u0627\u064b)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"form-group full-width\">\r\n                    <label class=\"form-label\">\r\n                        \u0647\u0644 \u062a\u0645\u0644\u0643 \u0639\u0642\u0627\u0631\u0627\u064b \u0648\u062a\u0631\u064a\u062f \u0628\u064a\u0639\u0647\u061f <span class=\"required\">*<\/span>\r\n                    <\/label>\r\n                    <div class=\"checkbox-group\" style=\"grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sell-yes\" name=\"want_to_sell\" value=\"Yes\" required>\r\n                            <label for=\"sell-yes\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-check-circle checkbox-icon\"><\/i>\r\n                                    \u0646\u0639\u0645\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sell-no\" name=\"want_to_sell\" value=\"No\" required>\r\n                            <label for=\"sell-no\" class=\"checkbox-label\">\r\n                                <span class=\"label-text\">\r\n                                    <i class=\"fas fa-times-circle checkbox-icon\"><\/i>\r\n                                    \u0644\u0627 \u064a\u0648\u062c\u062f\r\n                                <\/span>\r\n                                <span class=\"check-indicator\">\r\n                                    <i class=\"fas fa-check\"><\/i>\r\n                                <\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n                    <span class=\"spinner\"><\/span>\r\n                    <i class=\"fas fa-paper-plane\"><\/i>\r\n                    <span class=\"btn-text\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/span>\r\n                <\/button>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n\r\n            <!-- Success Message -->\r\n            <div class=\"success-message\" id=\"successMessage\">\r\n                <div class=\"success-icon\">\r\n                    <i class=\"fas fa-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"success-title\">\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062c\u0627\u062d!<\/h3>\r\n                <p class=\"success-text\">\r\n                    \u0634\u0643\u0631\u0627\u064b \u0644\u0627\u0647\u062a\u0645\u0627\u0645\u0643! \u0644\u0642\u062f \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0648\u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0628\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0643 \u0641\u064a \u063a\u0636\u0648\u0646 24 \u0633\u0627\u0639\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                <\/p>\r\n                <button type=\"button\" class=\"new-form-btn\" id=\"newFormBtn\">\r\n                    <i class=\"fas fa-plus\"><\/i>\r\n                    \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0622\u062e\u0631\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/js\/all.min.js\"><\/script>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const form = document.querySelector('.contact-form');\r\n            const successMessage = document.getElementById('successMessage');\r\n            const newFormBtn = document.getElementById('newFormBtn');\r\n\r\n            \/\/ Form submission\r\n            form.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n\r\n                \/\/ Get submit button\r\n                const submitBtn = document.getElementById('submitBtn');\r\n\r\n                \/\/ Collect form data\r\n                const formData = new FormData(form);\r\n\r\n                \/\/ Validate at least one property type is selected\r\n                const propertyTypes = document.querySelectorAll('input[name=\"property_type[]\"]:checked');\r\n                if (propertyTypes.length === 0) {\r\n                    alert('Please select at least one property type.');\r\n                    return;\r\n                }\r\n\r\n                \/\/ Add loading state\r\n                submitBtn.classList.add('loading');\r\n\r\n                \/\/ Validate at least one contact method is selected\r\n                const contactMethods = document.querySelectorAll('input[name=\"contact_method[]\"]:checked');\r\n                if (contactMethods.length === 0) {\r\n                    alert('Please select at least one contact method.');\r\n                    submitBtn.classList.remove('loading');\r\n                    return;\r\n                }\r\n\r\n                \/\/ Collect selected property types\r\n                const selectedPropertyTypes = [];\r\n                propertyTypes.forEach(checkbox => {\r\n                    selectedPropertyTypes.push(checkbox.value);\r\n                });\r\n\r\n                \/\/ Collect selected contact methods\r\n                const selectedContactMethods = [];\r\n                contactMethods.forEach(checkbox => {\r\n                    selectedContactMethods.push(checkbox.value);\r\n                });\r\n\r\n                \/\/ Create data object\r\n                const data = {\r\n                    name: formData.get('name'),\r\n                    phone: formData.get('phone'),\r\n                    email: formData.get('email') || '',\r\n                    property_type: selectedPropertyTypes,\r\n                    purchase_purpose: formData.get('purchase_purpose'),\r\n                    budget: formData.get('budget') || '',\r\n                    contact_method: selectedContactMethods,\r\n                    message: formData.get('message'),\r\n                    best_time: formData.get('best_time') || '',\r\n                    want_to_sell: formData.get('want_to_sell'),\r\n                    timestamp: new Date().toISOString()\r\n                };\r\n\r\n                \/\/ Submit to Lead System\r\n                fetch('\/Leads\/submit.php', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                    },\r\n                    body: JSON.stringify(data)\r\n                })\r\n                .then(response => {\r\n                    console.log('Response status:', response.status);\r\n                    console.log('Response OK:', response.ok);\r\n\r\n                    \/\/ Clone response to read it twice if needed\r\n                    return response.clone().text().then(text => {\r\n                        console.log('Raw response:', text);\r\n\r\n                        \/\/ Try to parse as JSON\r\n                        try {\r\n                            const json = JSON.parse(text);\r\n                            return { status: response.status, data: json };\r\n                        } catch (e) {\r\n                            console.error('JSON parse error:', e);\r\n                            \/\/ If status is success but JSON failed, assume success\r\n                            if (response.status >= 200 && response.status < 300) {\r\n                                return { status: response.status, data: { success: true } };\r\n                            }\r\n                            throw new Error('Invalid JSON response from server');\r\n                        }\r\n                    });\r\n                })\r\n                .then(result => {\r\n                    console.log('Final result:', result);\r\n\r\n                    \/\/ Remove loading state\r\n                    submitBtn.classList.remove('loading');\r\n\r\n                    \/\/ Check if successful\r\n                    if (result.status >= 200 && result.status < 300 && result.data.success) {\r\n                        showSuccessMessage();\r\n                    } else {\r\n                        alert('Error: ' + (result.data.message || 'Unable to submit form. Please try again.'));\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    \/\/ Remove loading state\r\n                    submitBtn.classList.remove('loading');\r\n                    console.error('Caught error:', error);\r\n                    alert('Error sending request. Please try again.');\r\n                });\r\n            });\r\n\r\n            \/\/ Show success message and hide form\r\n            function showSuccessMessage() {\r\n                form.style.display = 'none';\r\n                successMessage.classList.add('show');\r\n            }\r\n\r\n            \/\/ Reset form and show it again\r\n            newFormBtn.addEventListener('click', function() {\r\n                \/\/ Hide success message\r\n                successMessage.classList.remove('show');\r\n\r\n                \/\/ Reset form\r\n                form.reset();\r\n\r\n                \/\/ Show form again\r\n                form.style.display = 'block';\r\n\r\n                \/\/ Scroll to form\r\n                form.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0641\u064a\u0644\u0627 \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0641\u064a\u0644\u0627 SL5-007 | \u0641\u064a\u0644\u0627 \u0641\u0627\u062e\u0631\u0629 \u0645\u0643\u0648\u0646\u0629 \u0645\u0646 5 \u063a\u0631\u0641 \u0646\u0648\u0645 \u0641\u064a \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a\u060c \u0623\u0628\u0648 \u0638\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a: [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":16,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":400,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/163\/revisions\/400"}],"wp:attachment":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}