{"id":28,"date":"2025-09-04T16:38:14","date_gmt":"2025-09-04T16:38:14","guid":{"rendered":"https:\/\/bmltd.ae\/?page_id=28"},"modified":"2025-10-31T16:32:07","modified_gmt":"2025-10-31T16:32:07","slug":"homepage","status":"publish","type":"page","link":"https:\/\/bmltd.ae\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bed61b e-flex e-con-boxed e-con e-parent\" data-id=\"4bed61b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/bmltd.ae\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/1480_1498__Abu-Dhabi-United-Arab-Emirates-\\ud83c\\udde6\\ud83c\\uddea1-Hour-4k-Drone-Aerial-Relaxation-Film-Calming-Music-.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-1b22a94 elementor-widget elementor-widget-heading\" data-id=\"1b22a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed6ded6 elementor-widget elementor-widget-heading\" data-id=\"ed6ded6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0299a48 e-con-full e-flex e-con e-parent\" data-id=\"0299a48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f82ad8 elementor-widget elementor-widget-html\" data-id=\"5f82ad8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- About Teaser Section -->\r\n<div class=\"about-teaser-section\">\r\n  <div class=\"container\">\r\n    <div class=\"about-content\">\r\n      <div class=\"about-text fade-in\">\r\n        <div class=\"section-badge\">\r\n          <i class=\"fas fa-building\"><\/i>\r\n          <span>\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n        <\/div>\r\n        <h2 class=\"about-title\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h2>\r\n        <p class=\"about-description\">\r\n          \u0634\u0631\u0643\u0629 BM \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629 \u0647\u064a \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u062a\u062d\u0642\u064a\u0642 \u062d\u0644\u0645 \u0627\u0644\u062a\u0645\u0644\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629.\r\n          \u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0645\u0643\u0627\u0646 - \u0625\u0646\u0647\u0627 \u0628\u062f\u0627\u064a\u0629 \u0642\u0635\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0646\u0645\u0648.\r\n        <\/p>\r\n        <div class=\"about-features\">\r\n          <div class=\"feature-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0641\u064a \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=\"feature-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"feature-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0634\u0641\u0627\u0641\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"\/ar\/about\/\" class=\"btn-learn-more\">\r\n          \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646\u0651\u0627\r\n          <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"about-visual fade-in\">\r\n        <div class=\"image-container\">\r\n          <div class=\"main-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/960x0.webp\" alt=\"Modern UAE Real Estate\" \/>\r\n          <\/div>\r\n          <div class=\"floating-stats\">\r\n            <div class=\"stat-item\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n              <div class=\"stat-info\">\r\n                <span class=\"stat-number\">500+<\/span>\r\n                <span class=\"stat-label\">\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0639\u0629<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n              <i class=\"fas fa-users\"><\/i>\r\n              <div class=\"stat-info\">\r\n                <span class=\"stat-number\">98%<\/span>\r\n                <span class=\"stat-label\">\u0625\u0631\u0636\u0627\u0621 \u0627\u0644\u0639\u0645\u064a\u0644<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.about-teaser-section {\r\n  padding: 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.about-teaser-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 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23395a3f\" opacity=\"0.03\"\/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23395a3f\" opacity=\"0.03\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"\/><\/svg>');\r\n  pointer-events: none;\r\n}\r\n\r\n.about-content {\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.section-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: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-badge i {\r\n  font-size: 16px;\r\n}\r\n\r\n.about-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.about-description {\r\n  font-size: 1.1rem;\r\n  color: var(--text-light);\r\n  line-height: 1.8;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.about-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.feature-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.feature-item i {\r\n  color: var(--primary-color);\r\n  font-size: 18px;\r\n}\r\n\r\n.feature-item span {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: var(--text-dark);\r\n}\r\n\r\n.btn-learn-more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--primary-color);\r\n  color: white;\r\n  padding: 16px 32px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 15px rgba(57, 90, 63, 0.2);\r\n}\r\n\r\n.btn-learn-more:hover {\r\n  background: var(--dark-green);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.btn-learn-more i {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-learn-more:hover i {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.about-visual {\r\n  position: relative;\r\n}\r\n\r\n.image-container {\r\n  position: relative;\r\n}\r\n\r\n.main-image {\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}\r\n\r\n.main-image::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: linear-gradient(135deg, rgba(57, 90, 63, 0.1) 0%, transparent 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.main-image img {\r\n  width: 100%;\r\n  height: 400px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.floating-stats {\r\n  position: absolute;\r\n  bottom: -30px;\r\n  right: -30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  z-index: 3;\r\n}\r\n\r\n.stat-item {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n  border: 1px solid rgba(57, 90, 63, 0.1);\r\n  min-width: 200px;\r\n}\r\n\r\n.stat-item:nth-child(2) {\r\n  animation-delay: -3s;\r\n}\r\n\r\n.stat-item i {\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  width: 45px;\r\n  height: 45px;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  display: block;\r\n  line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 12px;\r\n  color: var(--text-light);\r\n  font-weight: 500;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0px);\r\n  }\r\n  50% {\r\n    transform: translateY(-10px);\r\n  }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .about-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .about-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .floating-stats {\r\n    position: relative;\r\n    bottom: auto;\r\n    right: auto;\r\n    margin-top: 30px;\r\n    align-self: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .about-teaser-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .about-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .about-description {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .floating-stats {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .stat-item {\r\n    min-width: 160px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee91331 e-con-full e-flex e-con e-parent\" data-id=\"ee91331\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22e74c8 elementor-widget elementor-widget-html\" data-id=\"22e74c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Section -->\r\n<div class=\"services-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-badge-white\">\r\n        <i class=\"fas fa-cogs\"><\/i>\r\n        <span>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title-white\">\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n      <p class=\"section-subtitle-white\">\r\n        \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0628\u062d\u062b \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"services-grid\">\r\n      <!-- Service Card 1 -->\r\n      <div class=\"service-card fade-in\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"service-title\">\u0627\u0644\u0628\u064a\u0639 \u0648\u0627\u0644\u0634\u0631\u0627\u0621<\/h3>\r\n        <p class=\"service-subtitle\">\u0633\u0643\u0646\u064a \u0648\u062a\u062c\u0627\u0631\u064a<\/p>\r\n        <p class=\"service-description\">\r\n          \u0645\u0634\u0648\u0631\u0629 \u0634\u0641\u0627\u0641\u0629 \u0648\u0634\u0628\u0643\u0629 \u0645\u0637\u0648\u0631\u064a\u0646 \u0642\u0648\u064a\u0629 \u0648\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0633\u0644\u0633\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n        <\/p>\r\n        <div class=\"service-features\">\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u062f\u0639\u0645 \u0627\u0644\u0645\u0641\u0627\u0648\u0636\u0627\u062a<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"service-hover-overlay\">\r\n          <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 2 -->\r\n      <div class=\"service-card fade-in\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-building\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"service-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a<\/h3>\r\n        <p class=\"service-subtitle\">\u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0648\u0627\u0644\u062a\u0623\u062c\u064a\u0631<\/p>\r\n        <p class=\"service-description\">\r\n          \u062d\u0642\u0642 \u0623\u0642\u0635\u0649 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u0625\u0634\u063a\u0627\u0644 \u0648\u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0634\u0627\u0645\u0644\u0629.\r\n        <\/p>\r\n        <div class=\"service-features\">\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0625\u064a\u062c\u0627\u0631<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"service-hover-overlay\">\r\n          <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 3 -->\r\n      <div class=\"service-card fade-in\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-chart-line\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"service-title\">\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/h3>\r\n        <p class=\"service-subtitle\">\u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/p>\r\n        <p class=\"service-description\">\r\n          \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0643\u0644 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629\u060c \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0648\u0641\u0631\u0635 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0628\u064a\u0639.\r\n        <\/p>\r\n        <div class=\"service-features\">\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u062a\u062d\u0644\u064a\u0644 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0631\u0624\u0649 \u0627\u0644\u0633\u0648\u0642<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"service-hover-overlay\">\r\n          <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 4 -->\r\n      <div class=\"service-card fade-in\">\r\n        <div class=\"service-icon\">\r\n          <i class=\"fas fa-file-contract\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"service-title\">\u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h3>\r\n        <p class=\"service-subtitle\">\u0627\u0644\u062a\u064a\u0633\u064a\u0631<\/p>\r\n        <p class=\"service-description\">\r\n          \u0646\u062d\u0646 \u0646\u0646\u0633\u0642 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0648\u0631\u0642\u064a\u0629 \u0648\u0623\u0635\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0628\u0633\u0644\u0627\u0633\u0629.\r\n        <\/p>\r\n        <div class=\"service-features\">\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"feature\">\r\n            <i class=\"fas fa-check\"><\/i>\r\n            <span>\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"service-hover-overlay\">\r\n          <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"services-cta fade-in\">\r\n      <p class=\"cta-text\">\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062d\u0644 \u0645\u062e\u0635\u0635 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0639\u0642\u0627\u0631\u0643\u061f<\/p>\r\n      <a href=\"\/ar\/contact\/\" class=\"btn-cta-white\">\r\n        \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\r\n        <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Background Pattern -->\r\n  <div class=\"bg-pattern\">\r\n    <div class=\"pattern-dot\"><\/div>\r\n    <div class=\"pattern-dot\"><\/div>\r\n    <div class=\"pattern-dot\"><\/div>\r\n    <div class=\"pattern-dot\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.services-section {\r\n  padding: 100px 0;\r\n  background: var(--primary-color);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.services-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: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.container {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-badge-white {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  color: white;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.section-title-white {\r\n  font-size: 3rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.section-subtitle-white {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.8);\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 30px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.service-card {\r\n  background: white;\r\n  padding: 40px 30px;\r\n  border-radius: 20px;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  border: 1px solid rgba(57, 90, 63, 0.1);\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n}\r\n\r\n.service-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.service-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, var(--primary-color) 0%, var(--dark-green) 100%);\r\n  transform: scaleX(0);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.service-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.service-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, var(--light-green) 0%, rgba(57, 90, 63, 0.15) 100%);\r\n  border-radius: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.service-card:hover .service-icon {\r\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\r\n}\r\n\r\n.service-icon i {\r\n  font-size: 32px;\r\n  color: var(--primary-color);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.service-card:hover .service-icon i {\r\n  color: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.service-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 5px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.service-subtitle {\r\n  font-size: 1rem;\r\n  color: var(--text-light);\r\n  margin-bottom: 15px;\r\n  font-weight: 500;\r\n}\r\n\r\n.service-description {\r\n  color: var(--text-light);\r\n  line-height: 1.7;\r\n  margin-bottom: 25px;\r\n  font-size: 15px;\r\n}\r\n\r\n.service-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.feature {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.feature i {\r\n  color: var(--primary-color);\r\n  font-size: 14px;\r\n  width: 16px;\r\n}\r\n\r\n.feature span {\r\n  color: var(--text-dark);\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.service-hover-overlay {\r\n  position: absolute;\r\n  top: 30px;\r\n  right: 30px;\r\n  width: 50px;\r\n  height: 50px;\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  opacity: 0;\r\n  transform: scale(0.5);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.service-card:hover .service-hover-overlay {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n}\r\n\r\n.service-hover-overlay i {\r\n  color: white;\r\n  font-size: 14px;\r\n}\r\n\r\n.services-cta {\r\n  text-align: center;\r\n  padding: 40px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.cta-text {\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 1.1rem;\r\n  margin-bottom: 25px;\r\n  font-weight: 500;\r\n}\r\n\r\n.btn-cta-white {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: white;\r\n  color: var(--primary-color);\r\n  padding: 16px 32px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.btn-cta-white:hover {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.btn-cta-white i {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-cta-white:hover i {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.bg-pattern {\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  z-index: 1;\r\n}\r\n\r\n.pattern-dot {\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n}\r\n\r\n.pattern-dot:nth-child(1) {\r\n  top: -150px;\r\n  right: -150px;\r\n  animation: float 8s ease-in-out infinite;\r\n}\r\n\r\n.pattern-dot:nth-child(2) {\r\n  bottom: -150px;\r\n  left: -150px;\r\n  animation: float 8s ease-in-out infinite reverse;\r\n}\r\n\r\n.pattern-dot:nth-child(3) {\r\n  top: 50%;\r\n  left: 10%;\r\n  animation: float 10s ease-in-out infinite;\r\n}\r\n\r\n.pattern-dot:nth-child(4) {\r\n  bottom: 20%;\r\n  right: 10%;\r\n  animation: float 12s ease-in-out infinite reverse;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n  .services-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title-white {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .service-card {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .services-cta {\r\n    padding: 30px 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title-white {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .service-card {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .service-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n  \r\n  .service-icon i {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-029850c e-grid e-con-boxed e-con e-parent\" data-id=\"029850c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d8e74a elementor-widget elementor-widget-video\" data-id=\"9d8e74a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/09\/downloadgram.org_AQOMM2SdevztJD5X4Q9TwpyuhO4ndkI2jZi85tELaRpuTr6C6LTubyray_AkWGdak0_VpELgZKab15TytCjQv1YUO-ML__3pHtBob40.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e69c2 elementor-widget elementor-widget-video\" data-id=\"f0e69c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/09\/downloadgram.org_AQPiP0GUqJW9zR3oFxbvJjaqYiUT5yBU345wX_5lci5KpmAXuitBPnI_0Oj0mnsCWgf3J6achGRt8E1Hq2umcpGVkE00n5Hqd7dqjV4.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-694d34d elementor-widget elementor-widget-video\" data-id=\"694d34d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/09\/downloadgram.org_AQMDDzfhI2pMP1TGRqDTWQbJBOUy6AhJMeM_AvLYZo7OLZCKUNnl3pmNdtmIqe7nqyVfpQColk8pjhjsGl9lopoxEod7x8WC-b2kjOM.mp4\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-457dd1b elementor-widget elementor-widget-video\" data-id=\"457dd1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/09\/downloadgram.org_AQNXzEVhh7YveTyxjQ813gfSiKvcwbQmPIhJCtNjiR_k9aI5Dl0ssSsw5T1IATISIrrPJQUcRP1ras5R-hyGO_blgbGUoMzJRSWk8SI-1.mp4\" loop=\"\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b46ed e-con-full e-flex e-con e-parent\" data-id=\"27b46ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f2a9f elementor-widget elementor-widget-html\" data-id=\"c2f2a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose BM Section -->\r\n<div class=\"why-choose-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-badge-white\">\r\n        <i class=\"fas fa-crown\"><\/i>\r\n        <span>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 BM<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title-white\">\u0646\u062c\u0627\u062d\u0643 \u0647\u0648 \u0623\u0648\u0644\u0648\u064a\u062a\u0646\u0627<\/h2>\r\n      <p class=\"section-subtitle-white\">\r\n        \u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u0646\u062a\u0627\u0626\u062c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062b\u0627\u0628\u062a \u0628\u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"features-grid\">\r\n      <!-- Feature 1 -->\r\n      <div class=\"feature-card fade-in\">\r\n        <div class=\"feature-icon-wrapper\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-map-marked-alt\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-bg\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\r\n        <p class=\"feature-description\">\r\n          \u0645\u0639\u0631\u0641\u0629 \u0639\u0645\u064a\u0642\u0629 \u0628\u0627\u0644\u0633\u0648\u0642 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a \u0648\u062f\u0628\u064a \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0646\u0627\u0634\u0626\u0629. \u0646\u062d\u0646 \u0646\u0639\u0631\u0641 \u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u062a\u064a \u064a\u0641\u0648\u062a\u0647\u0627 \u0627\u0644\u0622\u062e\u0631\u0648\u0646.\r\n        <\/p>\r\n        <div class=\"feature-highlights\">\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0623\u0643\u062b\u0631 \u0645\u0646 5 \u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 2 -->\r\n      <div class=\"feature-card fade-in\">\r\n        <div class=\"feature-icon-wrapper\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-cogs\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-bg\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h3>\r\n        <p class=\"feature-description\">\r\n          \u0645\u0646 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0623\u0648\u0644\u064a \u0625\u0644\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0641\u062a\u0627\u062d \u0648\u0645\u0627 \u0628\u0639\u062f\u0647. \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a - \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u0633\u0644\u0627\u0633\u0629.\r\n        <\/p>\r\n        <div class=\"feature-highlights\">\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0639\u0642\u0627\u0631 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 3 -->\r\n      <div class=\"feature-card fade-in\">\r\n        <div class=\"feature-icon-wrapper\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-bg\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">\u062a\u0642\u064a\u064a\u0645 \u0634\u0641\u0627\u0641<\/h3>\r\n        <p class=\"feature-description\">\r\n          \u0644\u0627 \u062a\u0643\u0627\u0644\u064a\u0641 \u062e\u0641\u064a\u0629 \u0623\u0648 \u0631\u0633\u0648\u0645 \u0645\u0641\u0627\u062c\u0626\u0629. \u062a\u062d\u0644\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0633\u0648\u0642\u060c \u0648\u0646\u0635\u064a\u062d\u0629 \u0635\u0627\u062f\u0642\u0629 \u0628\u0634\u0623\u0646 \u0627\u0644\u0623\u0633\u0639\u0627\u0631\u060c \u0648\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0636\u062d \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0645\u0646 \u062e\u0637\u0648\u0627\u062a \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n        <\/p>\r\n        <div class=\"feature-highlights\">\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u0627\u064b<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0635\u0627\u062f\u0642<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 4 -->\r\n      <div class=\"feature-card fade-in\">\r\n        <div class=\"feature-icon-wrapper\">\r\n          <div class=\"feature-icon\">\r\n            <i class=\"fas fa-network-wired\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-bg\"><\/div>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">\u0634\u0628\u0643\u0629 \u0642\u0648\u064a\u0629<\/h3>\r\n        <p class=\"feature-description\">\r\n          \u062a\u0636\u0645\u0646 \u0644\u0643 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0645\u0639 \u0643\u0628\u0627\u0631 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0648\u0623\u0633\u0631\u0639 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\r\n        <\/p>\r\n        <div class=\"feature-highlights\">\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0637\u0648\u0631 \u0627\u0644\u0645\u062a\u0645\u064a\u0632<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0634\u0628\u0643\u0629 \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  \r\n    <!-- Call to Action -->\r\n    <div class=\"cta-section fade-in\">\r\n      <div class=\"cta-content\">\r\n        <h3 class=\"cta-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u0641\u0631\u0642 BM Difference\u061f<\/h3>\r\n        <p class=\"cta-subtitle\">\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0631\u0627\u0636\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0648\u062b\u0642\u0648\u0627 \u0628\u0646\u0627 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0623\u062d\u0644\u0627\u0645\u0647\u0645 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/p>\r\n        <div class=\"cta-buttons\">\r\n          <a href=\"\/ar\/contact\/\" class=\"btn-cta-primary\">\r\n            <i class=\"fas fa-calendar-check\"><\/i>\r\n            \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/971543061313\" class=\"btn-cta-whatsapp\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n            \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0622\u0646\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Background Elements -->\r\n  <div class=\"bg-elements\">\r\n    <div class=\"bg-circle circle-1\"><\/div>\r\n    <div class=\"bg-circle circle-2\"><\/div>\r\n    <div class=\"bg-circle circle-3\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.why-choose-section {\r\n  padding: 100px 0;\r\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.why-choose-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=\"hexagons\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><polygon points=\"30,3 52,15 52,39 30,51 8,39 8,15\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"60\" height=\"60\" fill=\"url(%23hexagons)\"\/><\/svg>');\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.container {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-badge-white {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  color: white;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.section-title-white {\r\n  font-size: 3.2rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.section-subtitle-white {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 40px;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.feature-card {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  padding: 40px 30px;\r\n  border-radius: 25px;\r\n  text-align: center;\r\n  position: relative;\r\n  transition: all 0.4s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.feature-card:hover {\r\n  transform: translateY(-10px);\r\n  background: rgba(255, 255, 255, 0.15);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.feature-card::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: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);\r\n  border-radius: 25px;\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.feature-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.feature-icon-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.feature-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 2;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.feature-card:hover .feature-icon {\r\n  background: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.feature-icon i {\r\n  font-size: 32px;\r\n  color: white;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.feature-card:hover .feature-icon i {\r\n  color: var(--primary-color);\r\n}\r\n\r\n.icon-bg {\r\n  position: absolute;\r\n  top: -10px;\r\n  left: -10px;\r\n  width: 100px;\r\n  height: 100px;\r\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);\r\n  border-radius: 50%;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.feature-card:hover .icon-bg {\r\n  opacity: 1;\r\n  transform: scale(1.2);\r\n}\r\n\r\n.feature-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin-bottom: 15px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.feature-description {\r\n  color: rgba(255, 255, 255, 0.85);\r\n  line-height: 1.7;\r\n  margin-bottom: 25px;\r\n  font-size: 15px;\r\n}\r\n\r\n.feature-highlights {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.highlight-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.highlight-item i {\r\n  color: #28a745;\r\n  font-size: 16px;\r\n}\r\n\r\n\r\n.cta-section {\r\n  text-align: center;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: 25px;\r\n  padding: 50px 40px;\r\n}\r\n\r\n.cta-title {\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin-bottom: 15px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.cta-subtitle {\r\n  font-size: 1.1rem;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  margin-bottom: 30px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.cta-buttons {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-cta-primary,\r\n.btn-cta-whatsapp {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px 32px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.btn-cta-primary {\r\n  background: white;\r\n  color: var(--primary-color);\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.btn-cta-primary:hover {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.btn-cta-whatsapp {\r\n  background: #25d366;\r\n  color: white;\r\n  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);\r\n}\r\n\r\n.btn-cta-whatsapp:hover {\r\n  background: #128c7e;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.bg-elements {\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  z-index: 1;\r\n}\r\n\r\n.bg-circle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\r\n  animation: float 15s ease-in-out infinite;\r\n}\r\n\r\n.circle-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  top: -200px;\r\n  right: -200px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.circle-2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: -150px;\r\n  left: -150px;\r\n  animation-delay: -5s;\r\n}\r\n\r\n.circle-3 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 50%;\r\n  left: 10%;\r\n  animation-delay: -10s;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .features-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n  \r\n  .stats-container {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    text-align: center;\r\n  }\r\n  \r\n  .stat-divider {\r\n    width: 80%;\r\n    height: 2px;\r\n  }\r\n  \r\n  .stat-item {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .why-choose-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title-white {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .feature-card {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .stats-container {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .cta-section {\r\n    padding: 40px 25px;\r\n  }\r\n  \r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n  \r\n  .btn-cta-primary,\r\n  .btn-cta-whatsapp {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title-white {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .cta-title {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .feature-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n  \r\n  .feature-icon i {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .stat-number {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Counter Animation for Stats\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const statsSection = document.querySelector('.stats-section');\r\n    const statNumbers = document.querySelectorAll('.stat-number');\r\n    let isAnimated = false;\r\n\r\n    function animateCounters() {\r\n        if (isAnimated) return;\r\n        isAnimated = true;\r\n\r\n        statNumbers.forEach(stat => {\r\n            const target = parseInt(stat.dataset.target);\r\n            const duration = 2000;\r\n            const increment = target \/ (duration \/ 16);\r\n            let current = 0;\r\n\r\n            const timer = setInterval(() => {\r\n                current += increment;\r\n                if (current >= target) {\r\n                    stat.textContent = target;\r\n                    clearInterval(timer);\r\n                } else {\r\n                    stat.textContent = Math.floor(current);\r\n                }\r\n            }, 16);\r\n        });\r\n    }\r\n\r\n    \/\/ Intersection Observer for counter animation\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                animateCounters();\r\n            }\r\n        });\r\n    }, { threshold: 0.5 });\r\n\r\n    if (statsSection) {\r\n        observer.observe(statsSection);\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-36d9f78 e-con-full e-flex e-con e-parent\" data-id=\"36d9f78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1818ecb elementor-widget elementor-widget-html\" data-id=\"1818ecb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Properties Showcase Section -->\r\n<div class=\"properties-showcase-section\">\r\n  <div class=\"properties-container\">\r\n    <div class=\"properties-header fade-in\">\r\n      <div class=\"properties-badge\">\r\n        <i class=\"fas fa-gem\"><\/i>\r\n        <span>\u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062a\u0645\u064a\u0632\u0629<\/span>\r\n      <\/div>\r\n      <h2 class=\"properties-main-title\">\u0645\u062d\u0641\u0638\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u062d\u0635\u0631\u064a\u0629<\/h2>\r\n      <p class=\"properties-description\">\r\n        \u0639\u0642\u0627\u0631\u0627\u062a \u0645\u0646\u062a\u0642\u0627\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u062a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0641\u064a \u0623\u0631\u0642\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Properties Filter -->\r\n    <div class=\"properties-filter-bar fade-in\">\r\n      <div class=\"filter-buttons-group\">\r\n        <button class=\"property-filter-btn active\" data-filter=\"all\">\u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u0635\u0627\u0626\u0635<\/button>\r\n        <button class=\"property-filter-btn\" data-filter=\"ready\">\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u062d\u0631\u0643<\/button>\r\n        <button class=\"property-filter-btn\" data-filter=\"off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Properties Grid -->\r\n    <div class=\"properties-showcase-grid\">\r\n      \r\n      <!-- Property 1 - Saadiyat Lagoons Villa -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"off-plan\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/IMG-20250918-WA0008.jpg\" alt=\"Saadiyat Lagoons Villa\" \/>\r\n          <div class=\"property-showcase-status off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/div>\r\n          <div class=\"property-showcase-badge\">\r\n            <i class=\"fas fa-home\"><\/i>\r\n            <span>\u0641\u064a\u0644\u0627<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0641\u064a\u0644\u0627 \u0628\u062d\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a\u060c \u0623\u0628\u0648\u0638\u0628\u064a\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>5 \u063a\u0631\u0641 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>795 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-calendar\"><\/i>\r\n              <span>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 2026<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u0633\u062f\u0627\u062f 40\/60<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">7,471,012 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">11,000,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/saadiyat-lagoons\/\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property 2 - Grove Museum Views -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"ready\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-11.42.06_f1091501.jpg\" alt=\"Grove Museum Views Apartment\" \/>\r\n          <div class=\"property-showcase-status ready\">\u062c\u0627\u0647\u0632<\/div>\r\n          <div class=\"property-showcase-badge\">\r\n            <i class=\"fas fa-building\"><\/i>\r\n            <span>\u0627\u0644\u0634\u0642\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0625\u0637\u0644\u0627\u0644\u0627\u062a \u0639\u0644\u0649 \u0645\u062a\u062d\u0641 \u063a\u0631\u0648\u0641<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>2 \u063a\u0631\u0641\u0629 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>133 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-calendar\"><\/i>\r\n              <span>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 2025<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u062f\u0641\u0639 40\/50<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">2,527,941 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">4,300,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/grove-museum\/\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property 3 - BAYN Townhouse -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"ready\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-11.40.16_fcdb04a6.jpg\" alt=\"BAYN Lagoon Townhouse\" \/>\r\n          <div class=\"property-showcase-status ready\">\u062c\u0627\u0647\u0632<\/div>\r\n          <div class=\"property-showcase-badge\">\r\n            <i class=\"fas fa-home\"><\/i>\r\n            <span>\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0628\u0627\u064a\u0646 \u0645\u0646 \u0623\u0648\u0631\u0627 \u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a\u060c \u0623\u0628\u0648\u0638\u0628\u064a\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>3 \u063a\u0631\u0641 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>216 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-calendar\"><\/i>\r\n              <span>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 2025<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u0633\u062f\u0627\u062f 60\/40<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">3,613,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">4,300,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/bayn-by-ora\/\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property 4 - Reportage Tower -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"off-plan\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-11.41.40_bb9dfcbb.jpg\" alt=\"Reportage Tower Apartment\" \/>\r\n          <div class=\"property-showcase-status off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/div>\r\n          <div class=\"property-showcase-badge\">\r\n            <i class=\"fas fa-building\"><\/i>\r\n            <span>\u0627\u0644\u0634\u0642\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0628\u0631\u062c \u0631\u064a\u0628\u0648\u0631\u062a\u0627\u062c<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u062c\u0632\u064a\u0631\u0629 \u0645\u0627\u0631\u064a\u0647\u060c \u0623\u0628\u0648 \u0638\u0628\u064a\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>2 \u063a\u0631\u0641\u0629 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>1,040 \u0642\u062f\u0645 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-calendar\"><\/i>\r\n              <span>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 2028<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u0633\u062f\u0627\u062f 40\/60<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">1,850,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">2,200,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/reportage-tower\/\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property 5 - Ramhan Island Villa -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"off-plan\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-11.41.19_e6e4312f.jpg\" alt=\"Ramhan Island Villa\" \/>\r\n          <div class=\"property-showcase-status off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/div>\r\n          <div class=\"property-showcase-badge premium\">\r\n            <i class=\"fas fa-crown\"><\/i>\r\n            <span>\u0641\u064a\u0644\u0627 \u0628\u0631\u064a\u0645\u064a\u0648\u0645<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0641\u064a\u0644\u0627 \u062c\u0632\u064a\u0631\u0629 \u0631\u0645\u062d\u0627\u0646 \u0627\u0644\u0641\u0627\u062e\u0631\u0629<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u062c\u0632\u064a\u0631\u0629 \u0631\u0645\u062d\u0627\u0646\u060c \u0623\u0628\u0648 \u0638\u0628\u064a\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>4 \u063a\u0631\u0641 \u0646\u0648\u0645<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>500 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-water\"><\/i>\r\n              <span>\u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u062f\u0641\u0639 50\/50<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">16,870,870,888 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">24,000,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/ramhan-island\/\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-eye\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Property 6 - Fahid Beach Residences -->\r\n      <div class=\"property-showcase-card fade-in\" data-category=\"off-plan\">\r\n        <div class=\"property-showcase-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/bmltd.ae\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-09-18-at-11.40.41_489e9516.jpg\" alt=\"Fahid Beach Residences\" \/>\r\n          <div class=\"property-showcase-status off-plan\">\u062e\u0627\u0631\u062c \u0627\u0644\u062e\u0637\u0629<\/div>\r\n          <div class=\"property-showcase-badge\">\r\n            <i class=\"fas fa-building\"><\/i>\r\n            <span>\u0634\u0642\u0629 + \u062f\u0631\u0627\u0633\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"property-favorite-btn\">\r\n            <i class=\"far fa-heart\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"property-showcase-content\">\r\n          <h3 class=\"property-showcase-title\">\u0645\u0633\u0627\u0643\u0646 \u0634\u0627\u0637\u0626 \u0641\u0647\u064a\u062f \u0628\u064a\u062a\u0634 \u0631\u064a\u0632\u064a\u062f\u0646\u0633\u0632<\/h3>\r\n          <p class=\"property-showcase-location\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a\u060c \u0623\u0628\u0648\u0638\u0628\u064a\r\n          <\/p>\r\n          <div class=\"property-showcase-specs\">\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-bed\"><\/i>\r\n              <span>2 \u063a\u0631\u0641\u062a\u064a \u0646\u0648\u0645 + \u062f\u0631\u0627\u0633\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-expand\"><\/i>\r\n              <span>172 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-calendar\"><\/i>\r\n              <span>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 2029<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <i class=\"fas fa-credit-card\"><\/i>\r\n              <span>\u062e\u0637\u0629 \u0627\u0644\u0633\u062f\u0627\u062f 65\/35<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"property-pricing-section\">\r\n            <div class=\"pricing-row\">\r\n              <span class=\"pricing-label\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a:<\/span>\r\n              <span class=\"original-pricing\">6,972,378 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n            <div class=\"pricing-row main-price\">\r\n              <span class=\"pricing-label\">\u0633\u0639\u0631 \u0627\u0644\u0628\u064a\u0639:<\/span>\r\n              <span class=\"selling-pricing\">8,500,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/bmltd.ae\/ar\/fahid-beach-residence\/\" target=\"_blank\" class=\"property-view-btn\">\r\n            <i class=\"fas fa-cube\"><\/i>\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <!-- View All Properties CTA -->\r\n    <div class=\"view-all-properties-cta fade-in\">\r\n      <p class=\"cta-description\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629 \u0641\u064a \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/p>\r\n      <a href=\"\/ar\/projects\/\" class=\"view-all-properties-btn\">\r\n        <i class=\"fas fa-th-large\"><\/i>\r\n        <span>\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\r\n        <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Properties Showcase Section *\/\r\n.properties-showcase-section {\r\n  padding: 100px 0;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n  position: relative;\r\n}\r\n\r\n.properties-showcase-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 80 80\"><defs><pattern id=\"properties-pattern\" width=\"80\" height=\"80\" patternUnits=\"userSpaceOnUse\"><circle cx=\"40\" cy=\"40\" r=\"1\" fill=\"%23395a3f\" opacity=\"0.05\"\/><\/pattern><\/defs><rect width=\"80\" height=\"80\" fill=\"url(%23properties-pattern)\"\/><\/svg>');\r\n  z-index: 1;\r\n}\r\n\r\n.properties-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.properties-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.properties-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.properties-main-title {\r\n  font-size: 3rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.properties-description {\r\n  font-size: 1.2rem;\r\n  color: var(--text-light);\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.properties-filter-bar {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.filter-buttons-group {\r\n  display: flex;\r\n  background: white;\r\n  padding: 8px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n  border: 1px solid rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.property-filter-btn {\r\n  padding: 12px 30px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 20px;\r\n  color: var(--text-dark);\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.property-filter-btn.active {\r\n  background: var(--primary-color);\r\n  color: white;\r\n  box-shadow: 0 4px 15px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.property-filter-btn:hover {\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n}\r\n\r\n.property-filter-btn.active:hover {\r\n  background: var(--primary-color);\r\n  color: white;\r\n}\r\n\r\n.properties-showcase-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.property-showcase-card {\r\n  background: white;\r\n  border-radius: 25px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.4s ease;\r\n  cursor: pointer;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.property-showcase-card:hover {\r\n  transform: translateY(-15px);\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n  border-color: var(--primary-color);\r\n}\r\n\r\n.property-showcase-image {\r\n  position: relative;\r\n  height: 280px;\r\n  overflow: hidden;\r\n}\r\n\r\n.property-showcase-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.property-showcase-card:hover .property-showcase-image img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.property-showcase-status {\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.property-showcase-status.ready {\r\n  background: #28a745;\r\n  color: white;\r\n  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);\r\n}\r\n\r\n.property-showcase-status.off-plan {\r\n  background: #007bff;\r\n  color: white;\r\n  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);\r\n}\r\n\r\n.property-showcase-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  color: var(--primary-color);\r\n  padding: 10px 15px;\r\n  border-radius: 15px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.property-showcase-badge.premium {\r\n  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);\r\n  color: #8b7300;\r\n}\r\n\r\n.property-favorite-btn {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.property-favorite-btn:hover {\r\n  background: var(--primary-color);\r\n  transform: scale(1.1);\r\n}\r\n\r\n.property-favorite-btn i {\r\n  color: var(--primary-color);\r\n  font-size: 18px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.property-favorite-btn:hover i {\r\n  color: white;\r\n}\r\n\r\n.property-showcase-content {\r\n  padding: 30px;\r\n}\r\n\r\n.property-showcase-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.property-showcase-location {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--text-light);\r\n  font-size: 14px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.property-showcase-location i {\r\n  color: var(--primary-color);\r\n  font-size: 16px;\r\n}\r\n\r\n.property-showcase-specs {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.spec-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.spec-item i {\r\n  color: var(--primary-color);\r\n  font-size: 16px;\r\n  width: 18px;\r\n}\r\n\r\n.property-pricing-section {\r\n  background: rgba(57, 90, 63, 0.05);\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.pricing-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.pricing-row:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.pricing-row.main-price {\r\n  padding-top: 10px;\r\n  border-top: 1px solid rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.pricing-label {\r\n  font-size: 14px;\r\n  color: var(--text-light);\r\n  font-weight: 500;\r\n}\r\n\r\n.original-pricing {\r\n  font-size: 15px;\r\n  color: var(--text-light);\r\n  text-decoration: line-through;\r\n  font-weight: 500;\r\n}\r\n\r\n.selling-pricing {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n}\r\n\r\n.property-view-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  background: var(--primary-color);\r\n  color: white;\r\n  padding: 16px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.property-view-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n  transition: left 0.5s ease;\r\n}\r\n\r\n.property-view-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.property-view-btn:hover {\r\n  background: var(--dark-green);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.view-all-properties-cta {\r\n  text-align: center;\r\n  background: white;\r\n  padding: 50px 40px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n  border: 2px solid rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.cta-description {\r\n  font-size: 1.1rem;\r\n  color: var(--text-light);\r\n  margin-bottom: 30px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.view-all-properties-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\r\n  color: white;\r\n  padding: 18px 40px;\r\n  border-radius: 15px;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  transition: all 0.4s ease;\r\n  box-shadow: 0 8px 25px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.view-all-properties-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(57, 90, 63, 0.4);\r\n}\r\n\r\n.view-all-properties-btn i:last-child {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.view-all-properties-btn:hover i:last-child {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1200px) {\r\n  .properties-showcase-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .properties-showcase-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .properties-main-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .properties-showcase-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  \r\n  .property-showcase-specs {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n  \r\n  .property-showcase-content {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .view-all-properties-cta {\r\n    padding: 40px 25px;\r\n  }\r\n  \r\n  .filter-buttons-group {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n  \r\n  .property-filter-btn {\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .properties-container {\r\n    padding: 0 15px;\r\n  }\r\n  \r\n  .properties-main-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .property-showcase-image {\r\n    height: 220px;\r\n  }\r\n  \r\n  .property-showcase-content {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .view-all-properties-btn {\r\n    padding: 16px 30px;\r\n    font-size: 15px;\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\n\/\/ Properties Filter Functionality\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterBtns = document.querySelectorAll('.property-filter-btn');\r\n    const propertyCards = document.querySelectorAll('.property-showcase-card');\r\n\r\n    \/\/ Filter Button Functionality\r\n    filterBtns.forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            \/\/ Remove active class from all buttons\r\n            filterBtns.forEach(b => b.classList.remove('active'));\r\n            \/\/ Add active class to clicked button\r\n            this.classList.add('active');\r\n            \r\n            \/\/ Filter properties\r\n            filterProperties();\r\n        });\r\n    });\r\n\r\n    function filterProperties() {\r\n        const activeFilter = document.querySelector('.property-filter-btn.active').dataset.filter;\r\n\r\n        propertyCards.forEach(card => {\r\n            const category = card.dataset.category;\r\n            \r\n            if (activeFilter === 'all' || category === activeFilter) {\r\n                \/\/ Show card\r\n                card.style.display = 'block';\r\n                setTimeout(() => {\r\n                    card.style.opacity = '1';\r\n                    card.style.transform = 'translateY(0)';\r\n                }, 10);\r\n            } else {\r\n                \/\/ Hide card\r\n                card.style.opacity = '0';\r\n                card.style.transform = 'translateY(30px)';\r\n                setTimeout(() => {\r\n                    card.style.display = 'none';\r\n                }, 300);\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Favorite Button Functionality\r\n    const favoriteButtons = document.querySelectorAll('.property-favorite-btn');\r\n    favoriteButtons.forEach(btn => {\r\n        btn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            const icon = this.querySelector('i');\r\n            \r\n            if (icon.classList.contains('far')) {\r\n                icon.classList.remove('far');\r\n                icon.classList.add('fas');\r\n                this.style.background = 'var(--primary-color)';\r\n                icon.style.color = 'white';\r\n            } else {\r\n                icon.classList.remove('fas');\r\n                icon.classList.add('far');\r\n                this.style.background = 'rgba(255, 255, 255, 0.9)';\r\n                icon.style.color = 'var(--primary-color)';\r\n            }\r\n        });\r\n    });\r\n\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 * 100);\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    \/\/ Auto-load first elements\r\n    setTimeout(() => {\r\n        const headerElements = document.querySelectorAll('.properties-header .fade-in');\r\n        headerElements.forEach(el => el.classList.add('visible'));\r\n    }, 200);\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-68e4dd5 e-con-full e-flex e-con e-parent\" data-id=\"68e4dd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa3b22 elementor-widget elementor-widget-html\" data-id=\"bfa3b22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Process Section -->\r\n<div class=\"process-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-route\"><\/i>\r\n        <span>\u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u062a\u0628\u0639\u0647\u0627<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title\">\u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0646\u062d\u0648 \u0639\u0642\u0627\u0631 \u0623\u062d\u0644\u0627\u0645\u0643<\/h2>\r\n      <p class=\"section-subtitle\">\r\n        \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0648\u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u060c \u0646\u0648\u062c\u0647\u0643 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u062e\u0628\u0631\u0629\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"process-timeline\">\r\n      <!-- Step 1 -->\r\n      <div class=\"process-step fade-in\">\r\n        <div class=\"step-number\">01<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\">\r\n            <i class=\"fas fa-comments\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"step-title\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\r\n          <p class=\"step-description\">\r\n            \u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0648\u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u0632\u0645\u0646\u064a. \u064a\u0642\u0648\u0645 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u0628\u062a\u062d\u0644\u064a\u0644 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629.\r\n          <\/p>\r\n          <div class=\"step-features\">\r\n            <span class=\"feature\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642<\/span>\r\n            <span class=\"feature\">\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/span>\r\n            <span class=\"feature\">\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"step-connector\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"process-step fade-in\">\r\n        <div class=\"step-number\">02<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\">\r\n            <i class=\"fas fa-search\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"step-title\">\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0639\u0642\u0627\u0631<\/h3>\r\n          <p class=\"step-description\">\r\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u062d\u0635\u0631\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u062e\u0627\u0631\u062c \u0627\u0644\u0633\u0648\u0642. \u0646\u0642\u0648\u0645 \u0628\u0625\u0639\u062f\u0627\u062f \u0642\u0627\u0626\u0645\u0629 \u0645\u062e\u062a\u0635\u0631\u0629 \u0628\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0645\u0639\u0627\u064a\u064a\u0631\u0643 \u0648\u0646\u0631\u062a\u0628 \u0644\u0643 \u0645\u0648\u0627\u0639\u064a\u062f \u0644\u0644\u0645\u0634\u0627\u0647\u062f\u0629.\r\n          <\/p>\r\n          <div class=\"step-features\">\r\n            <span class=\"feature\">\u062f\u062e\u0648\u0644 \u062d\u0635\u0631\u064a<\/span>\r\n            <span class=\"feature\">\u062c\u0648\u0644\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629<\/span>\r\n            <span class=\"feature\">\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"step-connector\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"process-step fade-in\">\r\n        <div class=\"step-number\">03<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\">\r\n            <i class=\"fas fa-handshake\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"step-title\">\u0627\u0644\u062a\u0641\u0627\u0648\u0636 \u0648\u0627\u0644\u0635\u0641\u0642\u0627\u062a<\/h3>\r\n          <p class=\"step-description\">\r\n            \u062a\u0623\u0645\u064a\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0634\u0631\u0648\u0637 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0641\u0627\u0648\u0636\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0627\u0621. \u0646\u062a\u0648\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0648\u0631\u0642\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646.\r\n          <\/p>\r\n          <div class=\"step-features\">\r\n            <span class=\"feature\">\u0627\u0644\u062a\u0641\u0627\u0648\u0636 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/span>\r\n            <span class=\"feature\">\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/span>\r\n            <span class=\"feature\">\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"step-connector\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"process-step fade-in\">\r\n        <div class=\"step-number\">04<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\">\r\n            <i class=\"fas fa-file-signature\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"step-title\">\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/h3>\r\n          <p class=\"step-description\">\r\n            \u0627\u0633\u062a\u0643\u0645\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u0642\u0645 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631\u060c \u0648\u0642\u0645 \u0628\u0625\u062f\u0627\u0631\u0629 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0633\u062f\u0627\u062f. \u0646\u0636\u0645\u0646 \u0633\u0644\u0627\u0633\u0629 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u0648\u0627\u0644.\r\n          <\/p>\r\n          <div class=\"step-features\">\r\n            <span class=\"feature\">\u062f\u0639\u0645 \u0627\u0644\u0631\u0647\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/span>\r\n            <span class=\"feature\">\u062e\u0637\u0637 \u0627\u0644\u0633\u062f\u0627\u062f<\/span>\r\n            <span class=\"feature\">\u0628\u0631\u0627\u0621\u0629 \u0627\u0644\u0630\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"step-connector\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"process-step fade-in\">\r\n        <div class=\"step-number\">05<\/div>\r\n        <div class=\"step-content\">\r\n          <div class=\"step-icon\">\r\n            <i class=\"fas fa-key\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"step-title\">\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u062f\u0639\u0645<\/h3>\r\n          <p class=\"step-description\">\r\n            \u0627\u062d\u062a\u0641\u0644 \u0628\u0639\u0642\u0627\u0631\u0643 \u0627\u0644\u062c\u062f\u064a\u062f! \u0646\u062d\u0646 \u0646\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0648\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\r\n          <\/p>\r\n          <div class=\"step-features\">\r\n            <span class=\"feature\">\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0641\u062a\u0627\u062d<\/span>\r\n            <span class=\"feature\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629<\/span>\r\n            <span class=\"feature\">\u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- CTA -->\r\n    <div class=\"process-cta fade-in\">\r\n      <h3>\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0628\u062f\u0621 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u061f<\/h3>\r\n      <p>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u062f\u0639\u0646\u0627 \u0646\u0631\u0634\u062f\u0643 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/p>\r\n      <a href=\"\/ar\/contact\/\" class=\"btn-process-cta\">\r\n        <i class=\"fas fa-calendar-check\"><\/i>\r\n        \u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.process-section {\r\n  padding: 80px 0;\r\n  background: #f8f9fa;\r\n  position: relative;\r\n}\r\n\r\n.process-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: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.container {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-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: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.section-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--text-light);\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.process-timeline {\r\n  position: relative;\r\n  max-width: 900px;\r\n  margin: 0 auto 60px auto;\r\n}\r\n\r\n.process-timeline::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 3px;\r\n  background: linear-gradient(180deg, var(--primary-color) 0%, var(--light-green) 100%);\r\n  transform: translateX(-50%);\r\n  z-index: 1;\r\n}\r\n\r\n.process-step {\r\n  position: relative;\r\n  margin-bottom: 80px;\r\n  display: flex;\r\n  align-items: center;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s ease;\r\n}\r\n\r\n.process-step.fade-in.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.process-step:nth-child(even) {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.process-step:nth-child(even) .step-content {\r\n  text-align: right;\r\n  margin-right: 40px;\r\n  margin-left: 0;\r\n}\r\n\r\n.process-step:nth-child(even) .step-features {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.step-number {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 60px;\r\n  height: 60px;\r\n  background: var(--primary-color);\r\n  color: white;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  z-index: 2;\r\n  box-shadow: 0 4px 15px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.step-content {\r\n  width: 45%;\r\n  margin-left: 40px;\r\n  background: white;\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.step-content:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.step-content::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 30px;\r\n  width: 0;\r\n  height: 0;\r\n  border-style: solid;\r\n}\r\n\r\n.process-step:nth-child(odd) .step-content::before {\r\n  right: -15px;\r\n  border-width: 15px 0 15px 15px;\r\n  border-color: transparent transparent transparent white;\r\n}\r\n\r\n.process-step:nth-child(even) .step-content::before {\r\n  left: -15px;\r\n  border-width: 15px 15px 15px 0;\r\n  border-color: transparent white transparent transparent;\r\n}\r\n\r\n.step-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: linear-gradient(135deg, var(--light-green) 0%, rgba(57, 90, 63, 0.15) 100%);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.process-step:nth-child(even) .step-icon {\r\n  margin-left: auto;\r\n  margin-right: 0;\r\n}\r\n\r\n.step-content:hover .step-icon {\r\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\r\n}\r\n\r\n.step-icon i {\r\n  font-size: 28px;\r\n  color: var(--primary-color);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.step-content:hover .step-icon i {\r\n  color: white;\r\n}\r\n\r\n.step-title {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.step-description {\r\n  color: var(--text-light);\r\n  line-height: 1.7;\r\n  margin-bottom: 20px;\r\n  font-size: 15px;\r\n}\r\n\r\n.step-features {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.feature {\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  padding: 6px 12px;\r\n  border-radius: 15px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.step-connector {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -40px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: var(--light-green);\r\n  border: 3px solid var(--primary-color);\r\n  border-radius: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n}\r\n\r\n.process-step:last-child .step-connector {\r\n  display: none;\r\n}\r\n\r\n.process-cta {\r\n  text-align: center;\r\n  background: white;\r\n  padding: 40px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.process-cta h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.process-cta p {\r\n  color: var(--text-light);\r\n  margin-bottom: 25px;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.btn-process-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: var(--primary-color);\r\n  color: white;\r\n  padding: 16px 32px;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 15px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n.btn-process-cta:hover {\r\n  background: var(--dark-green);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 25px rgba(57, 90, 63, 0.4);\r\n}\r\n\r\n.btn-process-cta i {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-process-cta:hover i {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .process-timeline::before {\r\n    left: 30px;\r\n  }\r\n  \r\n  .process-step {\r\n    flex-direction: column !important;\r\n    align-items: flex-start;\r\n    margin-bottom: 60px;\r\n  }\r\n  \r\n  .step-number {\r\n    left: 30px;\r\n    transform: translateX(-50%);\r\n  }\r\n  \r\n  .step-content {\r\n    width: calc(100% - 80px);\r\n    margin-left: 80px !important;\r\n    margin-right: 0 !important;\r\n    text-align: left !important;\r\n  }\r\n  \r\n  .step-content::before {\r\n    left: -15px !important;\r\n    border-width: 15px 15px 15px 0 !important;\r\n    border-color: transparent white transparent transparent !important;\r\n  }\r\n  \r\n  .step-icon {\r\n    margin-left: 0 !important;\r\n    margin-right: auto !important;\r\n  }\r\n  \r\n  .step-features {\r\n    justify-content: flex-start !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .process-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .step-content {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .process-cta {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .process-cta h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .process-timeline::before {\r\n    left: 20px;\r\n  }\r\n  \r\n  .step-number {\r\n    left: 20px;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .step-content {\r\n    width: calc(100% - 60px);\r\n    margin-left: 60px !important;\r\n  }\r\n  \r\n  .step-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n  \r\n  .step-icon i {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const processSteps = document.querySelectorAll('.process-step');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('visible');\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    });\r\n\r\n    processSteps.forEach(step => {\r\n        observer.observe(step);\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-457f5d3 e-con-full e-flex e-con e-parent\" data-id=\"457f5d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09bc9ae elementor-widget elementor-widget-html\" data-id=\"09bc9ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FAQ Section -->\r\n<div class=\"faq-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-question-circle\"><\/i>\r\n        <span>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0623\u0633\u0626\u0644\u0629\u061f \u0644\u062f\u064a\u0646\u0627 \u0625\u062c\u0627\u0628\u0627\u062a<\/h2>\r\n      <p class=\"section-subtitle\">\r\n        \u0627\u0639\u062b\u0631 \u0639\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a \u0644\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u0627\u064b \u062d\u0648\u0644 \u0634\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0628\u064a\u0639\u0647\u0627 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a\u0647\u0627\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"faq-container\">\r\n      <div class=\"faq-content\">\r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0644\u0623\u062c\u0627\u0646\u0628 \u0634\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0623\u062c\u0627\u0646\u0628 \u0634\u0631\u0627\u0621 \u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0645\u0644\u0643 \u0627\u0644\u062d\u0631 \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u0645\u062d\u062f\u062f\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u0628\u0648\u0638\u0628\u064a \u0648\u062f\u0628\u064a. \u0641\u064a \u0623\u0628\u0648 \u0638\u0628\u064a\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0627\u0644\u0623\u062c\u0627\u0646\u0628 \u0634\u0631\u0627\u0621 \u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u0645\u062b\u0644 \u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a \u0648\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0631\u064a\u0645 \u0648\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0645\u0627\u0631\u064a\u0629. \u0633\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0633\u0646\u062f \u0645\u0644\u0643\u064a\u0629 \u064a\u0645\u0646\u062d \u062d\u0642\u0648\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0648\u0644\u0627 \u062a\u0648\u062c\u062f \u0642\u064a\u0648\u062f \u0639\u0644\u0649 \u0628\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631 \u0623\u0648 \u062a\u0623\u062c\u064a\u0631\u0647.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0645\u0627 \u0647\u064a \u062e\u0637\u0637 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629 \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u062a\u062e\u062a\u0644\u0641 \u062e\u0637\u0637 \u0627\u0644\u062f\u0641\u0639 \u062d\u0633\u0628 \u0627\u0644\u0645\u0637\u0648\u0631 \u0648\u0644\u0643\u0646\u0647\u0627 \u062a\u0634\u0645\u0644 \u0639\u0627\u062f\u0629\u064b<\/p>\r\n            <ul>\r\n              <li><strong>\u062e\u0637\u0629 50\/50<\/strong> 50% \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u060c 50% \u0639\u0646\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/li>\r\n              <li><strong>\u062e\u0637\u0629 40\/60:<\/strong> 40% \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u060c 60% \u0639\u0646\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0628\u0646\u0627\u0621<\/li>\r\n              <li><strong>\u062e\u0637\u0629 60\/40:<\/strong> 60% \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u060c 40% \u0639\u0646\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/li>\r\n              <li><strong>\u062e\u0637\u0637 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645:<\/strong> \u0628\u0639\u0636 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u064a\u0642\u062f\u0645\u0648\u0646 \u062e\u0637\u0637 \u0633\u062f\u0627\u062f \u0644\u0645\u062f\u0629 3-5 \u0633\u0646\u0648\u0627\u062a \u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/li>\r\n            <\/ul>\r\n            <p>\u062a\u064f\u0633\u0647\u0650\u0651\u0644 \u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u0631\u0646\u0629 \u0647\u0630\u0647 \u0625\u062f\u0627\u0631\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u062f\u0648\u0646 \u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0633\u0628\u0642\u0629 \u0643\u0628\u064a\u0631\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0645\u0627 \u0647\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u0648\u0642\u0639\u0647\u0627 \u0639\u0646\u062f \u0634\u0631\u0627\u0621 \u0639\u0642\u0627\u0631\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0633\u0639\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u060c \u0636\u0639 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0644\u0647\u0630\u0647 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629:<\/p>\r\n            <ul>\r\n              <li><strong>\u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0633\u062c\u064a\u0644:<\/strong> 2% \u0645\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0642\u0627\u0631 (\u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a)<\/li>\r\n              <li><strong>\u0639\u0645\u0648\u0644\u0629 \u0627\u0644\u0648\u0643\u064a\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a:<\/strong> \u0639\u0627\u062f\u0629\u064b 2% \u0645\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0642\u0627\u0631<\/li>\r\n              <li><strong>\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0631\u0647\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a:<\/strong> 1-2% \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/li>\r\n              <li><strong>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629:<\/strong> 5,000 - 15,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/li>\r\n              <li><strong>\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a:<\/strong> 2,500 - 5,000 \u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a<\/li>\r\n              <li><strong>\u0648\u062f\u064a\u0639\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646:<\/strong> 5-10% \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629<\/li>\r\n            <\/ul>\r\n            <p>\u0646\u0642\u062f\u0645 \u0644\u0643 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0644\u062a\u062c\u0646\u0628 \u0623\u064a \u0645\u0641\u0627\u062c\u0622\u062a.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644:<\/p>\r\n            <ul>\r\n              <li><strong>\u0639\u0642\u0627\u0631\u0627\u062a \u062c\u0627\u0647\u0632\u0629 (\u0646\u0642\u062f\u0627\u064b):<\/strong> 2-4 \u0623\u0633\u0627\u0628\u064a\u0639<\/li>\r\n              <li><strong>\u0639\u0642\u0627\u0631\u0627\u062a \u062c\u0627\u0647\u0632\u0629 (\u0631\u0647\u0646 \u0639\u0642\u0627\u0631\u064a):<\/strong> 6-8 \u0623\u0633\u0627\u0628\u064a\u0639<\/li>\r\n              <li><strong>\u062e\u0635\u0627\u0626\u0635 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u062e\u0637\u0637:<\/strong> \u0623\u0633\u0628\u0648\u0639 \u0625\u0644\u0649 \u0623\u0633\u0628\u0648\u0639\u064a\u0646 \u0623\u0648 \u0623\u0633\u0628\u0648\u0639\u064a\u0646 \u0644\u0644\u062d\u062c\u0632\u060c \u062b\u0645 \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0628\u0646\u0627\u0621<\/li>\r\n            <\/ul>\r\n            <p>\u064a\u0639\u0645\u0644 \u0641\u0631\u064a\u0642\u0646\u0627 \u0639\u0644\u0649 \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0648\u062b\u0627\u0626\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646\u060c \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u0628\u0646\u0648\u0643 \u0644\u0636\u0645\u0627\u0646 \u0625\u062a\u0645\u0627\u0645\u0647\u0627 \u0628\u0633\u0644\u0627\u0633\u0629 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 5 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0645\u0627 \u0647\u064a \u0639\u0627\u0626\u062f\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646\u0646\u064a \u062a\u0648\u0642\u0639\u0647\u0627 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u062a\u062e\u062a\u0644\u0641 \u0639\u0627\u0626\u062f\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a \u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631:<\/p>\r\n            <ul>\r\n              <li><strong>\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u062f\u064a\u0627\u062a:<\/strong> 5.5-5-6.5% \u0633\u0646\u0648\u064a\u0627\u064b<\/li>\r\n              <li><strong>\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0631\u064a\u0645<\/strong> 6-7% 6-7% \u0633\u0646\u0648\u064a\u0627\u064b<\/li>\r\n              <li><strong>\u062c\u0632\u064a\u0631\u0629 \u0627\u0644\u0645\u0627\u0631\u064a\u0647:<\/strong> 6.5-5-7.5% \u0633\u0646\u0648\u064a\u0627\u064b<\/li>\r\n              <li><strong>\u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u0623\u0628\u0648\u0638\u0628\u064a:<\/strong> 7-8% 7-8% \u0633\u0646\u0648\u064a\u0627\u064b<\/li>\r\n              <li><strong>\u0634\u0627\u0637\u0626 \u0627\u0644\u0631\u0627\u062d\u0629:<\/strong> 6-7% 6-7% \u0633\u0646\u0648\u064a\u0627\u064b<\/li>\r\n            <\/ul>\r\n            <p>\u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0647\u064a \u0645\u0646 \u0628\u064a\u0646 \u0623\u0639\u0644\u0649 \u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0623\u0628\u0648\u0638\u0628\u064a \u0648\u062c\u0647\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u062c\u0630\u0627\u0628\u0629. \u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u062a\u062d\u0644\u064a\u0644\u0627\u064b \u062a\u0641\u0635\u064a\u0644\u064a\u0627\u064b \u0644\u0625\u064a\u062c\u0627\u0631\u0627\u062a \u0643\u0644 \u0639\u0642\u0627\u0631 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 6 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u0646\u0639\u0645\u060c \u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643:<\/p>\r\n            <ul>\r\n              <li><strong>\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646<\/strong> \u062a\u0633\u0648\u064a\u0642 \u0648\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646 \u0627\u0644\u0645\u0624\u0647\u0644\u064a\u0646<\/li>\r\n              <li><strong>\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0625\u064a\u062c\u0627\u0631:<\/strong> \u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0622\u0644\u064a \u0644\u0644\u0625\u064a\u062c\u0627\u0631 \u0627\u0644\u0634\u0647\u0631\u064a<\/li>\r\n              <li><strong>\u0627\u0644\u0635\u064a\u0627\u0646\u0629:<\/strong> \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0627\u0644\u0637\u0627\u0631\u0626\u0629<\/li>\r\n              <li><strong>\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a:<\/strong> \u0625\u062f\u0627\u0631\u0629 \u0639\u0642\u0648\u062f \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0648\u062a\u062c\u062f\u064a\u062f\u0647\u0627<\/li>\r\n              <li><strong>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a\u0629:<\/strong> \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u062e\u0644 \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/li>\r\n              <li><strong>\u0641\u062d\u0635 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a:<\/strong> \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629<\/li>\r\n            <\/ul>\r\n            <p>\u0631\u0633\u0648\u0645 \u0625\u062f\u0627\u0631\u062a\u0646\u0627 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062d\u064a\u062b \u062a\u0628\u0644\u063a 5-8% \u0645\u0646 \u062f\u062e\u0644 \u0627\u0644\u0625\u064a\u062c\u0627\u0631\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0644\u0643 \u062a\u062d\u0642\u064a\u0642 \u0623\u0642\u0635\u0649 \u0639\u0627\u0626\u062f\u0627\u062a \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u064a\u0645\u0629 \u0639\u0642\u0627\u0631\u0643.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 7 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0647\u0644 \u0627\u0644\u0648\u0642\u062a \u0645\u0646\u0627\u0633\u0628 \u0627\u0644\u0622\u0646 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u064a\u064f\u0638\u0647\u0631 \u0633\u0648\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0623\u0633\u0633\u0627\u064b \u0642\u0648\u064a\u0629 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631:<\/p>\r\n            <ul>\r\n              <li><strong>\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a:<\/strong> \u0627\u0644\u062a\u0646\u0648\u064a\u0639 \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0627\u0644\u0646\u0641\u0637\u060c \u0648\u0646\u0645\u0648 \u0642\u0637\u0627\u0639\u064a \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/li>\r\n              <li><strong>\u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629:<\/strong> \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 \u064a\u062c\u0630\u0628 \u0627\u0644\u0645\u0642\u064a\u0645\u064a\u0646 \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644<\/li>\r\n              <li><strong>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629:<\/strong> \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u0631\u0649 \u0645\u062b\u0644 \u0625\u0631\u062b \u0625\u0643\u0633\u0628\u0648 2020 \u062f\u0628\u064a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/li>\r\n              <li><strong>\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0633\u0648\u0642:<\/strong> \u0627\u0633\u062a\u0642\u0631\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0635\u062d\u064a\u062d\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/li>\r\n              <li><strong>\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629:<\/strong> \u0639\u0648\u0627\u0626\u062f \u062c\u0630\u0627\u0628\u0629 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/li>\r\n            <\/ul>\r\n            <p>\u064a\u0642\u062f\u0645 \u0644\u0643 \u0645\u062d\u0644\u0644\u0648 \u0627\u0644\u0633\u0648\u0642 \u0644\u062f\u064a\u0646\u0627 \u0631\u0624\u0649 \u062d\u0627\u0644\u064a\u0629 \u0648\u064a\u0633\u0627\u0639\u062f\u0648\u0646\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0631\u0635 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0648\u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u0632\u0645\u0646\u064a.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 8 -->\r\n        <div class=\"faq-item fade-in\">\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <h3>\u0645\u0627 \u0647\u064a \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u064a \u0623\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0634\u0631\u0627\u0621 \u0639\u0642\u0627\u0631 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u061f<\/h3>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0645\u0627 \u064a\u0644\u064a:<\/p>\r\n            <ul>\r\n              <li><strong>\u0646\u0633\u062e\u0629 \u0645\u0646 \u062c\u0648\u0627\u0632 \u0627\u0644\u0633\u0641\u0631:<\/strong> \u062c\u0648\u0627\u0632 \u0633\u0641\u0631 \u0633\u0627\u0631\u064a \u0627\u0644\u0645\u0641\u0639\u0648\u0644 \u0648\u0639\u0644\u064a\u0647 \u062e\u062a\u0645 \u062f\u062e\u0648\u0644 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/li>\r\n              <li><strong>\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629:<\/strong> \u0644\u0644\u0645\u0642\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/li>\r\n              <li><strong>\u0646\u0633\u062e\u0629 \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0629:<\/strong> \u062a\u0623\u0634\u064a\u0631\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 (\u0644\u0644\u0645\u0642\u064a\u0645\u064a\u0646)<\/li>\r\n              <li><strong>\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0631\u0627\u062a\u0628:<\/strong> \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0647\u0646 \u0639\u0642\u0627\u0631\u064a<\/li>\r\n              <li><strong>\u0643\u0634\u0648\u0641 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u0641\u064a\u0629:<\/strong> \u0622\u062e\u0631 3-6 \u0623\u0634\u0647\u0631<\/li>\r\n              <li><strong>\u0634\u0647\u0627\u062f\u0629 \u0639\u062f\u0645 \u0645\u0645\u0627\u0646\u0639\u0629:<\/strong> \u0645\u0646 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 (\u0625\u0646 \u0623\u0645\u0643\u0646)<\/li>\r\n              <li><strong>\u0625\u0639\u0644\u0627\u0646 \u0645\u0635\u062f\u0631 \u0627\u0644\u062f\u062e\u0644:<\/strong> \u0644\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629<\/li>\r\n            <\/ul>\r\n            <p>\u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u0627\u062c\u0639\u0629 \u0643\u0627\u0645\u0644\u0629 \u0648\u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0645\u0639\u0627\u0644\u062c\u0629 \u0637\u0644\u0628\u0643 \u0628\u0633\u0644\u0627\u0633\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- FAQ Sidebar -->\r\n      <div class=\"faq-sidebar\">\r\n        <div class=\"faq-cta-card\">\r\n          <div class=\"cta-icon\">\r\n            <i class=\"fas fa-headset\"><\/i>\r\n          <\/div>\r\n          <h3>\u0647\u0644 \u0644\u0627 \u062a\u0632\u0627\u0644 \u0644\u062f\u064a\u0643 \u0623\u0633\u0626\u0644\u0629\u061f<\/h3>\r\n          <p>\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0644\u062f\u064a\u0646\u0627 \u0645\u0648\u062c\u0648\u062f\u0648\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0644\u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629.<\/p>\r\n          <a href=\"https:\/\/wa.me\/971543061313\" class=\"cta-whatsapp-btn\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n            \u0627\u0633\u0623\u0644 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628\r\n          <\/a>\r\n          <a href=\"\/ar\/contact\/\" class=\"cta-contact-btn\">\r\n            <i class=\"fas fa-calendar-check\"><\/i>\r\n            \u062d\u062c\u0632 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"faq-topics\">\r\n          <h4>\u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h4>\r\n          <div class=\"topic-links\">\r\n            <a href=\"#\" class=\"topic-link\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n              <span>\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"topic-link\">\r\n              <i class=\"fas fa-chart-line\"><\/i>\r\n              <span>\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"topic-link\">\r\n              <i class=\"fas fa-file-contract\"><\/i>\r\n              <span>\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"topic-link\">\r\n              <i class=\"fas fa-calculator\"><\/i>\r\n              <span>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"topic-link\">\r\n              <i class=\"fas fa-tools\"><\/i>\r\n              <span>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a<\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.faq-section {\r\n  padding: 80px 0;\r\n  background: #f8f9fa;\r\n  position: relative;\r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.section-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: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 2.8rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.section-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--text-light);\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.faq-container {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr;\r\n  gap: 40px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.faq-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.faq-item {\r\n  background: white;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.faq-question {\r\n  padding: 25px 30px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  transition: all 0.3s ease;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.faq-question:hover {\r\n  background: rgba(57, 90, 63, 0.02);\r\n}\r\n\r\n.faq-question h3 {\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: var(--primary-color);\r\n  margin: 0;\r\n  line-height: 1.4;\r\n  flex: 1;\r\n  padding-right: 20px;\r\n}\r\n\r\n.faq-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: var(--light-green);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.faq-icon i {\r\n  color: var(--primary-color);\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n  background: var(--primary-color);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.faq-item.active .faq-icon i {\r\n  color: white;\r\n}\r\n\r\n.faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n  padding: 0 30px;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  max-height: 1000px;\r\n  padding: 0 30px 30px 30px;\r\n}\r\n\r\n.faq-answer p {\r\n  color: var(--text-light);\r\n  line-height: 1.7;\r\n  margin-bottom: 15px;\r\n  font-size: 15px;\r\n}\r\n\r\n.faq-answer ul {\r\n  margin: 15px 0;\r\n  padding-left: 0;\r\n  list-style: none;\r\n}\r\n\r\n.faq-answer li {\r\n  color: var(--text-light);\r\n  line-height: 1.7;\r\n  margin-bottom: 8px;\r\n  padding-left: 20px;\r\n  position: relative;\r\n  font-size: 15px;\r\n}\r\n\r\n.faq-answer li::before {\r\n  content: '\u2022';\r\n  color: var(--primary-color);\r\n  font-weight: bold;\r\n  position: absolute;\r\n  left: 0;\r\n}\r\n\r\n.faq-answer strong {\r\n  color: var(--primary-color);\r\n  font-weight: 600;\r\n}\r\n\r\n.faq-sidebar {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.faq-cta-card {\r\n  background: white;\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n  border: 2px solid var(--light-green);\r\n}\r\n\r\n.cta-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-green) 100%);\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}\r\n\r\n.cta-icon i {\r\n  color: white;\r\n  font-size: 32px;\r\n}\r\n\r\n.faq-cta-card h3 {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.faq-cta-card p {\r\n  color: var(--text-light);\r\n  margin-bottom: 25px;\r\n  line-height: 1.6;\r\n  font-size: 15px;\r\n}\r\n\r\n.cta-whatsapp-btn,\r\n.cta-contact-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 12px 20px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  transition: all 0.3s ease;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.cta-whatsapp-btn {\r\n  background: #25d366;\r\n  color: white;\r\n}\r\n\r\n.cta-whatsapp-btn:hover {\r\n  background: #128c7e;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cta-contact-btn {\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  border: 2px solid var(--primary-color);\r\n}\r\n\r\n.cta-contact-btn:hover {\r\n  background: var(--primary-color);\r\n  color: white;\r\n}\r\n\r\n.faq-topics {\r\n  background: white;\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.faq-topics h4 {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.topic-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.topic-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px 15px;\r\n  background: rgba(57, 90, 63, 0.05);\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.topic-link:hover {\r\n  background: var(--primary-color);\r\n  transform: translateX(5px);\r\n}\r\n\r\n.topic-link i {\r\n  color: var(--primary-color);\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.topic-link:hover i {\r\n  color: white;\r\n}\r\n\r\n.topic-link span {\r\n  color: var(--text-dark);\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.topic-link:hover span {\r\n  color: white;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .faq-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n  \r\n  .faq-sidebar {\r\n    order: -1;\r\n  }\r\n  \r\n  .faq-cta-card {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .topic-links {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    display: grid;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .faq-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .faq-question {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .faq-question h3 {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .faq-answer {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .faq-item.active .faq-answer {\r\n    padding: 0 20px 25px 20px;\r\n  }\r\n  \r\n  .faq-topics {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .topic-links {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .faq-question {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .faq-question h3 {\r\n    font-size: 0.95rem;\r\n    padding-right: 10px;\r\n  }\r\n  \r\n  .faq-icon {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n  \r\n  .faq-icon i {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .cta-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n  \r\n  .cta-icon i {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction toggleFAQ(element) {\r\n    const faqItem = element.parentElement;\r\n    const isActive = faqItem.classList.contains('active');\r\n    \r\n    \/\/ Close all FAQ items\r\n    const allFAQItems = document.querySelectorAll('.faq-item');\r\n    allFAQItems.forEach(item => {\r\n        item.classList.remove('active');\r\n    });\r\n    \r\n    \/\/ Open clicked item if it wasn't active\r\n    if (!isActive) {\r\n        faqItem.classList.add('active');\r\n    }\r\n}\r\n\r\n\/\/ Initialize FAQ Section\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Add animation on scroll\r\n    const faqItems = document.querySelectorAll('.faq-item');\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 * 100);\r\n            }\r\n        });\r\n    }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    });\r\n\r\n    faqItems.forEach(item => {\r\n        observer.observe(item);\r\n    });\r\n    \r\n    \/\/ Open first FAQ by default\r\n    if (faqItems.length > 0) {\r\n        faqItems[0].classList.add('active');\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-70538d9 e-con-full e-flex e-con e-parent\" data-id=\"70538d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c9cc81 elementor-widget elementor-widget-html\" data-id=\"1c9cc81\" 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>\u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062a\u0645\u064a\u0632\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 [...].<\/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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":109,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":439,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/28\/revisions\/439"}],"wp:attachment":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}