{"id":241,"date":"2016-11-28T13:07:34","date_gmt":"2016-11-28T13:07:34","guid":{"rendered":"https:\/\/dev.dankov-themes.com\/universal\/?page_id=241"},"modified":"2025-10-30T08:45:18","modified_gmt":"2025-10-30T08:45:18","slug":"about-us","status":"publish","type":"page","link":"https:\/\/toplandgd.com\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"241\" class=\"elementor elementor-241\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf9694 e-flex e-con-boxed e-con e-parent\" data-id=\"daf9694\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a838b72 elementor-widget elementor-widget-html\" data-id=\"a838b72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Font Awesome & AOS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n\r\n<!-- Section Title and Stats Cards -->\r\n<section style=\"text-align: center; padding: 60px 20px; font-family: 'Poppins', sans-serif;\">\r\n  <h2 style=\"font-size: 28px; font-weight: 700; color: #0e1a2b; margin-bottom: 40px;\" data-aos=\"fade-up\">\r\n    Driving Value on A Global Stage\r\n  <\/h2>\r\n\r\n  <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;\">\r\n    <!-- Card 1 -->\r\n    <div class=\"stat-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n      <div class=\"icon gradient-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n      <h3><span class=\"counter\" data-target=\"60\">0<\/span><\/h3>\r\n      <p>Years Experience<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"stat-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n      <div class=\"icon gradient-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n      <h3><span class=\"counter\" data-target=\"5000000\">0<\/span><\/h3>\r\n      <p>SQFT Developed<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"stat-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n      <div class=\"icon gradient-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n      <h3><span class=\"counter\" data-target=\"1000\">0<\/span><\/h3>\r\n      <p>Satisfied Clients<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"stat-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n      <div class=\"icon gradient-icon\"><i class=\"fas fa-medal\"><\/i><\/div>\r\n      <h3><span class=\"counter\" data-target=\"25\">0<\/span><\/h3>\r\n      <p>Awards Won<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Styles -->\r\n<style>\r\n  .stat-card {\r\n    padding: 40px 30px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);\r\n    width: 220px;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    cursor: pointer;\r\n    background-color: #fff;\r\n  }\r\n\r\n  .stat-card:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .stat-card .icon {\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n    transition: transform 0.4s ease;\r\n    display: inline-block;\r\n  }\r\n\r\n  .stat-card:hover .icon {\r\n    transform: rotate(5deg) scale(1.2);\r\n  }\r\n\r\n  .gradient-icon i {\r\n    background: linear-gradient(135deg, #1a1241, #8e44ec, #6025b0);\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    color: transparent;\r\n    -webkit-text-fill-color: transparent;\r\n    display: inline-block;\r\n  }\r\n\r\n  .stat-card h3 {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #0e1a2b;\r\n    margin-bottom: 10px;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n\r\n  .stat-card p {\r\n    color: #4e5d78;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .counter .unit {\r\n    font-size: 0.85em;\r\n    color: #000;\r\n    font-weight: bold;\r\n    margin-top: 2px;\r\n    margin-left: 0px !important;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .stat-card {\r\n      width: calc(50% - 15px);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Counter Animation + AOS Init -->\r\n<script>\r\n  function formatNumberShort(n) {\r\n    if (n >= 1000000) {\r\n      return '+' + (n \/ 1000000).toFixed(1).replace(\/\\.0$\/, '') + '<span class=\"unit\">M<\/span>';\r\n    }\r\n    if (n >= 1000) {\r\n      return '+' + (n \/ 1000).toFixed(1).replace(\/\\.0$\/, '') + '<span class=\"unit\">K<\/span>';\r\n    }\r\n    return '+' + n;\r\n  }\r\n\r\n  function animateCounter(counter) {\r\n    const target = +counter.getAttribute('data-target');\r\n    const speed = 200;\r\n    const increment = Math.ceil(target \/ speed);\r\n    let current = 0;\r\n\r\n    const update = () => {\r\n      current += increment;\r\n      if (current >= target) {\r\n        counter.innerHTML = formatNumberShort(target);\r\n      } else {\r\n        counter.innerHTML = formatNumberShort(current);\r\n        requestAnimationFrame(update);\r\n      }\r\n    };\r\n\r\n    update();\r\n  }\r\n\r\n  function handleScrollCounters() {\r\n    const counters = document.querySelectorAll('.counter');\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting && !entry.target.classList.contains('counted')) {\r\n          animateCounter(entry.target);\r\n          entry.target.classList.add('counted');\r\n        }\r\n      });\r\n    }, { threshold: 0.6 });\r\n\r\n    counters.forEach(counter => {\r\n      observer.observe(counter);\r\n    });\r\n  }\r\n\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    AOS.init({ duration: 800, once: true });\r\n    handleScrollCounters();\r\n  });\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c75368 e-flex e-con-boxed e-con e-parent\" data-id=\"7c75368\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa6f0a elementor-widget elementor-widget-html\" data-id=\"bfa6f0a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Font Awesome & AOS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n\r\n<section class=\"topland-sectors\">\r\n  <div class=\"container\">\r\n    <h2 class=\"section-title\">TopLand Management Team<\/h2>\r\n    <p class=\"section-subtitle\">\r\n      Driving Value-Added Real Estate Across Markets\r\n    <\/p>\r\n\r\n    <p class=\"intro-subtitle\">\r\n      The TopLand management team has been actively shaping value-added real estate sectors across the Middle East and global markets. \r\n      With a strong track record and diversified expertise, our involvement spans multiple key sectors, including:\r\n    <\/p>\r\n\r\n    <div class=\"sectors-grid\">\r\n      <div class=\"sector\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n        <div class=\"sector-icon gradient-icon\"><i class=\"fas fa-house\"><\/i><\/div>\r\n        <h3>Residential<\/h3>\r\n        <ul>\r\n          <li>Master-planned communities<\/li>\r\n          <li>Grade A residential developments<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"sector\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"sector-icon gradient-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n        <h3>Commercial<\/h3>\r\n        <ul>\r\n          <li>Grade A office spaces<\/li>\r\n          <li>Healthcare facilities<\/li>\r\n          <li>Educational institutions<\/li>\r\n          <li>Retail destinations<\/li>\r\n          <li>Logistics and warehousing hubs<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"sector\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"sector-icon gradient-icon\"><i class=\"fas fa-hotel\"><\/i><\/div>\r\n        <h3>Hospitality<\/h3>\r\n        <ul>\r\n          <li>Hotels &amp; resorts<\/li>\r\n          <li>Serviced apartments<\/li>\r\n          <li>Food &amp; Beverage destination<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"sector\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n        <div class=\"sector-icon gradient-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n        <h4>Economic Clusters &amp; OFC's<\/h4>\r\n        <ul>\r\n          <li>International business zones & economic clusters such as DMCC, DMC, etc.<\/li>\r\n          <li>Offshore Financial Centers (OFCs) such as DIFC etc.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Styles (\u0646\u0641\u0633\u0647\u0627 \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0645\u0646 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629) -->\r\n<style>\r\n  .topland-sectors {\r\n    padding: 60px 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .section-title {\r\n    text-align: center;\r\n  }\r\n\r\n  .section-subtitle {\r\n    text-align: center;\r\n  }\r\n\r\n  .intro-subtitle {\r\n    text-align: center;\r\n  }\r\n\r\n  .sectors-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 30px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .sector {\r\n    text-align: center;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .sector:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .sector-icon {\r\n    font-size: 36px;\r\n    margin-bottom: 16px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .gradient-icon i {\r\n  background: linear-gradient(135deg, #2a4d4d, #1a5a5a, #1a9086);\r\n  background-clip: text !important;\r\n  -webkit-background-clip: text !important;\r\n  color: transparent !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n  display: inline-block !important;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n\r\n  .sector:hover .gradient-icon i {\r\n    transform: scale(1.2) rotate(4deg);\r\n  }\r\n\r\n  .sector h3,\r\n  .sector h4 {\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    color: #2a4d4d !important;\r\n  }\r\n\r\n  .sector h4 {\r\n    border-bottom: 2px solid #eee;\r\n    padding-bottom: 5px;\r\n    width: 100%;\r\n  }\r\n\r\n  .sector ul {\r\n    padding-left: 0;\r\n    list-style: none;\r\n    text-align: left;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .sector ul li {\r\n      text-align: left;\r\n    position: relative;\r\n    padding-left: 16px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .sector ul li::before {\r\n    content: \"\u2022\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: #8e44ec;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sector ul {\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- AOS Init -->\r\n<script>\r\n  AOS.init({\r\n    duration: 800,\r\n    once: true\r\n  });\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5686cc7 e-flex e-con-boxed e-con e-parent\" data-id=\"5686cc7\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ce05fd elementor-widget elementor-widget-html\" data-id=\"6ce05fd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"about-desktop\">\r\n  <h2 class=\"about-title\">A Global Real Estate Development Firm<\/h2>\r\n\r\n  <div class=\"about-row\">\r\n    <div class=\"about-text\">\r\n      <p>\r\n        Topland Global Developments is a distinguished International real estate, boasting decades of expertise in the residential, commercial, and hospitality sectors, Based on Mauritius with significant operations in Dubai, serving the middle east as well as the international markets.\r\n      <\/p>\r\n      <p>\r\n        Our developments don't just fit into the urban fabric\u2014they elevate it. Whether it's a luxury residential enclave, a high-performing commercial hub, or an integrated mixed-use community, every TopLand project reflects a commitment to quality, sustainability, and innovation.\r\n      <\/p>\r\n      <a href=\"#\" class=\"learn-more-btn\">Learn More \u2192<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"about-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/photo-1486406146926-c627a92ad1ab.avif\" alt=\"TopLand Real Estate\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"about-mobile\">\r\n  <h2 class=\"about-title\">An International Real Estate Developer<\/h2>\r\n\r\n<center>\r\n      <div class=\"about-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/photo-1486406146926-c627a92ad1ab.avif\" alt=\"TopLand Real Estate\">\r\n  <\/div>\r\n\r\n<\/center>\r\n  <div class=\"about-text\">\r\n    <p>\r\n      TopLand Development LLC is a distinguished real estate development company boasting over decades of expertise in the residential, commercial, and hospitality sectors. Headquartered in Dubai, with significant operations across the Middle East and international markets.\r\n    <\/p>\r\n    <p>\r\n      Our developments don't just fit into the urban fabric\u2014they elevate it. Whether it's a luxury residential enclave, a high-performing commercial hub, or an integrated mixed-use community, every TopLand project reflects a commitment to quality, sustainability, and innovation.\r\n    <\/p>\r\n    <a href=\"#\" class=\"learn-more-btn\">Learn More \u2192<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .about-title {\r\n  font-size: 32px;\r\n  color: #0e1a2b;\r\n  text-align: center;\r\n  font-family: 'Poppins', sans-serif;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.about-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 40px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.about-text {\r\n  flex: 0 0 60%;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.about-text p {\r\ntext-align: left;\r\n  color: #4e5d78;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.learn-more-btn {\r\n  display: inline-block;\r\n  background-color: #1a9086;\r\n  color: white;\r\n  padding: 12px 24px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.learn-more-btn:hover {\r\n  background-color: #2a4d4d;\r\n  color: white;\r\n}\r\n\r\n.about-image {\r\n  flex: 0 0 70%;\r\n  max-width: 500px;\r\n}\r\n\r\n.about-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* \u2705 \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0646\u0633\u062e \u062d\u0633\u0628 \u0627\u0644\u062c\u0647\u0627\u0632 *\/\r\n.about-desktop {\r\n  display: block;\r\n}\r\n.about-mobile {\r\n  display: none;\r\n}\r\n\r\n\/* \u2705 \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 768px) {\r\n  .about-desktop {\r\n    display: none;\r\n  }\r\n\r\n  .about-mobile {\r\n    display: block;\r\n    padding: 0 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .about-mobile .about-title {\r\n    font-size: 26px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .about-mobile .about-text {\r\n    text-align: center;\r\n  }\r\n\r\n  .about-mobile .about-text p {\r\n    font-size: 15px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .about-mobile .learn-more-btn {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .about-mobile .about-image img {\r\n    margin-bottom: 10px;\r\n    width: 100%;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n\r\n.about-image {\r\n  position: relative;\r\n  overflow: hidden;\r\n  flex: 0 0 40%;\r\n  max-width: 500px;\r\n}\r\n\r\n.about-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  display: block;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n\/* \u0644\u0645\u0639\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n.about-image::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -75%;\r\n  width: 50%;\r\n  height: 100%;\r\n  transform: skewX(-25deg);\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n\/* \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\r\n.about-image:hover::before {\r\n  left: 130%;\r\n}\r\n\r\n\/* \u0645\u0645\u0643\u0646 \u0646\u0636\u064a\u0641 Zoom \u0628\u0633\u064a\u0637 \u0643\u0645\u0627\u0646 *\/\r\n.about-image:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf7c703 e-flex e-con-boxed e-con e-parent\" data-id=\"cf7c703\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90e005c elementor-widget elementor-widget-html\" data-id=\"90e005c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"expertise-section\">\r\n  <h2>Our Expertise<\/h2>\r\n  <p>TopLand Development LTD provides full-spectrum real estate development services<br> that span the entire project lifecycle.<\/p>\r\n\r\n  <div class=\"expertise-grid\">\r\n    <!-- Card 1 -->\r\n    <div class=\"expertise-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/04.jpg\" alt=\"Residential Developments\">\r\n      <h3>Residential Developments<\/h3>\r\n      <p>\r\n        We build homes that blend modern aesthetics with functional living. From high-end villas and townhouses to smart living communities and luxury apartment complexes.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"expertise-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/03.avif\" alt=\"Commercial Properties\">\r\n      <h3>Commercial Properties<\/h3>\r\n      <p>\r\n        We develop office towers, business parks, and retail centers that combine strategic location, architectural excellence, and infrastructure efficiency.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"expertise-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/02.avif\" alt=\"Mixed-Use Projects\">\r\n      <h3>Mixed-Use Projects<\/h3>\r\n      <p>\r\n        Integrated developments that combine residential, commercial, and recreational elements into one seamless environment.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"expertise-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/01.avif\" alt=\"Strategic Land Use\">\r\n      <h3>Strategic Land Use<\/h3>\r\n      <p>\r\n        Master-planned sites engineered for growth\u2014optimizing land potential, zoning efficiency, and long-term investment value.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .expertise-section {\r\n    text-align: center;\r\n    padding: 100px 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .expertise-section h2 {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    color: #0e1a2b;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .expertise-section p {\r\n    color: #4e5d78;\r\n    font-size: 18px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .expertise-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .expertise-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n\r\n  .expertise-card {\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.06);\r\n    overflow: hidden;\r\n    transition: transform 0.3s ease;\r\n    text-align: left;\r\n  }\r\n\r\n  .expertise-card:hover {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .expertise-card img {\r\n    width: 100%;\r\n    height: 200px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .expertise-card h3 {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    padding: 16px 16px 0 16px;\r\n    color: #0e1a2b;\r\n  }\r\n\r\n  .expertise-card p {\r\n    font-size: 14px;\r\n    color: #4e5d78;\r\n    padding: 8px 16px 16px 16px;\r\n  }\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db426fc e-con-full e-flex e-con e-parent\" data-id=\"db426fc\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05a806e elementor-widget elementor-widget-html\" data-id=\"05a806e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Global Presence Section with Tooltips, Draggable SVG Map, Zoom Controls, and Smooth Boundaries -->\n<section class=\"topland-geographies\">\n  <div class=\"geo-wrapper\">\n    <div class=\"geo-header\">\n      <h2 class=\"geo-title\">Global Presence<\/h2>\n      <p class=\"geo-subtitle\">Our Strategic Global Footprint<\/p>\n    <\/div>\n    <div class=\"geo-columns\">\n      <div class=\"geo-left\">\n        <div class=\"geo-grid\">\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\"> Dubai<\/h3><p>United Arab Emirates<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\"> Riyadh<\/h3><p>Kingdom of Saudi Arabia<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\"> Jeddah<\/h3><p>Kingdom of Saudi Arabia<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/il.png\"> Tel Aviv<\/h3><p>Israel<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/dj.png\"> Djibouti<\/h3><p>Africa<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/za.png\"> Johannesburg<\/h3><p>South Africa<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/mt.png\"> Malta<\/h3><p>Europe<\/p><\/div>\n          <div class=\"geo-card\"><h3><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"> New York<\/h3><p>United States of America<\/p><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"geo-right\">\n        <div class=\"world-map-container\">\n          <div class=\"map-controls\">\n            <button class=\"map-btn\" id=\"zoom-in\">+<\/button>\n            <button class=\"map-btn\" id=\"zoom-out\">-<\/button>\n            <button class=\"map-btn\" id=\"reset\">\u27f3<\/button>\n          <\/div>\n          <div id=\"map-wrapper\">\n            <svg id=\"map-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2000 1001\">\n  <image href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/06\/world-1.svg\" width=\"2000\" height=\"1001\" \/>\n  <g class=\"points\">\n    \n    <!-- Dubai -->\n    <g class=\"location-group\" transform=\"translate(1295,405)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/ae.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" \/>\n          <div><strong>Dubai<\/strong><p>Main Office, Downtown Blvd<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1295\" y=\"421\" text-anchor=\"middle\" class=\"label\">Dubai<\/text>\n\n    <!-- Riyadh -->\n    <g class=\"location-group\" transform=\"translate(1250,395)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/sa.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" \/>\n          <div><strong>Riyadh<\/strong><p>Regional Branch - Financial District<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1250\" y=\"414\" text-anchor=\"middle\" class=\"label\">Riyadh<\/text>\n\n    <!-- Jeddah -->\n    <g class=\"location-group\" transform=\"translate(1209,430)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/sa.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" \/>\n          <div><strong>Jeddah<\/strong><p>West Coast Sales Hub<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1209\" y=\"445\" text-anchor=\"middle\" class=\"label\">Jeddah<\/text>\n\n    <!-- Tel Aviv -->\n    <g class=\"location-group\" transform=\"translate(1175,345)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/il.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/il.png\" \/>\n          <div><strong>Tel Aviv<\/strong><p>Innovation Lab<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1175\" y=\"360\" text-anchor=\"middle\" class=\"label\">Tel Aviv<\/text>\n\n    <!-- Djibouti -->\n    <g class=\"location-group\" transform=\"translate(1225,500)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/dj.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/dj.png\" \/>\n          <div><strong>Djibouti<\/strong><p>East Africa Logistics Hub<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1225\" y=\"510\" text-anchor=\"middle\" class=\"label\">Djibouti<\/text>\n\n    <!-- Johannesburg -->\n    <g class=\"location-group\" transform=\"translate(1125,790)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/za.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/za.png\" \/>\n          <div><strong>Johannesburg<\/strong><p>South Africa HQ<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1125\" y=\"805\" text-anchor=\"middle\" class=\"label\">Johannesburg<\/text>\n\n    <!-- Malta -->\n    <g class=\"location-group\" transform=\"translate(1080,310)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/mt.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/mt.png\" \/>\n          <div><strong>Malta<\/strong><p>EU Regulatory Desk<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"1080\" y=\"330\" text-anchor=\"middle\" class=\"label\">Malta<\/text>\n\n    <!-- New York -->\n    <g class=\"location-group\" transform=\"translate(590,310)\">\n      <image class=\"location-icon\" href=\"https:\/\/toplandgd.com\/wp-content\/uploads\/2025\/09\/Marker.png\" x=\"-15\" y=\"-25\" width=\"30\" height=\"30\"\/>\n      <image class=\"flag-icon\" href=\"https:\/\/flagcdn.com\/w40\/us.png\" x=\"-20\" y=\"-53\" width=\"40\" height=\"25\" \/>\n      <foreignObject class=\"tooltip\" x=\"-70\" y=\"-120\" width=\"160\" height=\"60\">\n        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"tooltip-content\">\n          <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\" \/>\n          <div><strong>New York<\/strong><p>North America HQ<\/p><\/div>\n        <\/div>\n      <\/foreignObject>\n    <\/g>\n    <text x=\"590\" y=\"329\" text-anchor=\"middle\" class=\"label\">New York<\/text>\n\n  <\/g>\n<\/svg>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.topland-geographies { padding-top: 10px !important; }\n.geo-wrapper { max-width: 1400px; margin: auto; padding: 60px 20px; }\n.geo-header { text-align: center; margin-bottom: 50px; }\n.geo-title { font-size: 32px; margin-bottom: 10px; }\n.geo-subtitle { font-size: 18px; color: #666; }\n.geo-columns { display: grid; grid-template-columns: 40% 60%; gap: 40px; align-items: center; }\n.geo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.geo-card { background: #f7f7f7; padding: 20px; border-radius: 8px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.07); transition: 0.3s; }\n.geo-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); \n  background-color: #accdcd;\n  color:#1a9086;\n}\n.geo-card h3 { font-size: 16px; margin: 10px 0 5px; display: flex; justify-content: center; align-items: center; gap: 8px; }\n.geo-card img { width: 22px; height: 14px; border-radius: 4px; }\n.geo-card p { font-size: 13px; color: #666; margin: 0; }\n.world-map-container { width: 100%; height: 100%; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.07); overflow: hidden; touch-action: none; position: relative; }\n#map-wrapper { transform: scale(1.6); transform-origin: center; cursor: grab; position: relative; transition: transform 0.3s ease-in-out; }\n#map-wrapper.dragging { cursor: grabbing; }\n.location-group image { animation: bounce 1.8s infinite ease-in-out; }\n@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n.label { fill: #333; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; pointer-events: none; }\n.map-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 6px; z-index: 10; }\n.map-btn { background-color: #1a9086; color: white; border: none; width: 32px; height: 32px; font-size: 16px; border-radius: 6px; cursor: pointer; transition: background 0.3s; }\n.map-btn:hover { background-color: #1a9086; }\n.tooltip { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }\n.location-group:hover .tooltip { opacity: 1; }\n.tooltip-content {\n  display: flex;\n  align-items: center;\n  background: rgba(20, 20, 20, 0.9);\n  color: white;\n  border-radius: 6px;\n  padding: 6px 10px;\n  font-size: 12px;\n  font-family: 'Arial', sans-serif;\n  gap: 8px;\n  position: relative;\n  z-index: 9999;\n}\n\n.tooltip-content img { width: 24px; height: 16px; border-radius: 2px; }\n.tooltip-content p { margin: 0; font-size: 11px; color: #ccc; }\n@media (max-width: 767px) {\n  .geo-columns { grid-template-columns: 1fr; }\n  .geo-grid { grid-template-columns: 1fr; }\n  .map-btn { width: 24px; height: 24px; font-size: 12px; }\n}\n<\/style>\n\n<script>\nconst mapWrapper = document.getElementById('map-wrapper');\nlet isDragging = false;\nlet startX, startY, currentX = 0, currentY = 0;\nlet scale = 1.6;\nconst bounds = 300;\n\nmapWrapper.addEventListener('pointerdown', (e) => {\n  isDragging = true;\n  startX = e.clientX - currentX;\n  startY = e.clientY - currentY;\n  mapWrapper.classList.add('dragging');\n});\n\nwindow.addEventListener('pointermove', (e) => {\n  if (!isDragging) return;\n  currentX = e.clientX - startX;\n  currentY = e.clientY - startY;\n  limitBounds();\n  updateTransform();\n});\n\nwindow.addEventListener('pointerup', () => {\n  isDragging = false;\n  mapWrapper.classList.remove('dragging');\n});\n\nfunction limitBounds() {\n  currentX = Math.max(-bounds, Math.min(bounds, currentX));\n  currentY = Math.max(-bounds, Math.min(bounds, currentY));\n}\n\nfunction updateTransform() {\n  mapWrapper.style.transform = `scale(${scale}) translate(${currentX}px, ${currentY}px)`;\n}\n\nconst zoomInBtn = document.getElementById('zoom-in');\nconst zoomOutBtn = document.getElementById('zoom-out');\nconst resetBtn = document.getElementById('reset');\n\nzoomInBtn.addEventListener('click', () => {\n  scale = Math.min(3, scale + 0.1);\n  updateTransform();\n});\nzoomOutBtn.addEventListener('click', () => {\n  scale = Math.max(1, scale - 0.1);\n  updateTransform();\n});\nresetBtn.addEventListener('click', () => {\n  scale = 1.6;\n  currentX = 0;\n  currentY = 0;\n  updateTransform();\n});\n\nmapWrapper.addEventListener('wheel', (e) => {\n  e.preventDefault();\n  const delta = e.deltaY > 0 ? -0.1 : 0.1;\n  scale = Math.min(3, Math.max(1, scale + delta));\n  updateTransform();\n}, { passive: false });\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Driving Value on A Global Stage 0 Years Experience 0 SQFT Developed 0 Satisfied Clients 0 Awards Won TopLand Management Team Driving Value-Added Real Estate Across Markets The TopLand management team has been actively shaping value-added real estate sectors across the Middle East and global markets. With a strong track record and diversified expertise, our&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3771,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-241","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":39,"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":3826,"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/pages\/241\/revisions\/3826"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/media\/3771"}],"wp:attachment":[{"href":"https:\/\/toplandgd.com\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}