"<div class=\"about-desc \">\n        <h5>\u0644\u063a\u0627\u062a \u0627\u0644\u062a\u062d\u062f\u062b<\/h5>\n        <div class=\"spoken-lang\">\n                                                <span>\n                     <p>Akan<\/p>\n              <\/span>\n                                    <\/div>\n    <\/div>\n<div class=\"about-desc area-map \">\n    <h5>\u0627\u0644\u0623\u0645\u0627\u0643\u0646(1)<\/h5>\n    <div id=\"google-map\" style=\"border: 0; height: 300px; width: 100%;\"><\/div>\n<\/div>\n\n<script>\n    function initMap() {\n        var map = new google.maps.Map(document.getElementById('google-map'), {\n            center: {lat: 24.387440014496764, lng: 54.58312511444091},\n            zoom: 10\n        });\n        var locations = [\n                            {\n                lat: 25.126330281704, lng: 55.128234475851},\n                    ];\n        locations.forEach(function (location) {\n            var marker = new google.maps.Marker({\n                position: location,\n                map: map\n            });\n        });\n\n    }\n\n    \/\/ for load more description\n    var fullDescription = $(\"#description\").text();\n    var shortDescription = fullDescription.substring(0, 100);\n    $(\"#description\").text(shortDescription);\n\n    $(\".agent-read-more\").click(function () {\n        var $this = $(this);\n        var isExpanded = $this.data('expanded') || false;\n\n        if (!isExpanded) {\n            $(\"#description\").text(fullDescription);\n            $this.text(\"Read Less\");\n        } else {\n            $(\"#description\").text(shortDescription);\n            $this.text(\"Read More\");\n        }\n\n        $this.data('expanded', !isExpanded);\n    });\n    \/\/\/end load more description\n<\/script>\n<script async defer\n        src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCemgDo_VgmEafCNhDyDzzaGcV8-wMv018&callback=initMap&libraries=places&v=3.49\"><\/script>\n"