{"id":13,"date":"2026-06-04T19:18:20","date_gmt":"2026-06-04T19:18:20","guid":{"rendered":"https:\/\/shccgroup.org\/?page_id=13"},"modified":"2026-06-04T19:19:31","modified_gmt":"2026-06-04T19:19:31","slug":"home-2","status":"publish","type":"page","link":"https:\/\/shccgroup.org\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-859b963 e-con e-atomic-element e-flexbox-base e-8ab1d1e \" data-id=\"859b963\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"859b963\" data-e-type=\"e-flexbox\" data-id=\"859b963\">\n    \t\t<div class=\"elementor-element elementor-element-99f30f4 elementor-widget elementor-widget-html\" data-id=\"99f30f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sylhet Healthcare City | Investor & Ecosystem Platform<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Google Fonts: Playfair Display for Serifs, Inter for Sans -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Chart.js for beautiful charts -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            deep: '#073B3A',   \/* Premium Deep Teal *\/\r\n                            emerald: '#0B665A',\/* Medical Emerald *\/\r\n                            gold: '#D4AF37',   \/* Champagne Gold Accent *\/\r\n                            bronze: '#C5A059', \/* Soft Gold Accent *\/\r\n                            lightBg: '#F4F7F6',\/* Crisp Soft Green-Gray *\/\r\n                            dark: '#0B1C1A'    \/* Dark Slate Slate *\/\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        serif: ['Playfair Display', 'serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .gradient-overlay {\r\n            background: linear-gradient(180deg, rgba(7, 59, 58, 0.95) 0%, rgba(11, 28, 26, 0.85) 100%);\r\n        }\r\n        .gold-border-glow:hover {\r\n            border-color: #D4AF37;\r\n            box-shadow: 0 0 15px rgba(212, 175, 55, 0.35);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"font-sans bg-brand-lightBg text-slate-800 selection:bg-brand-gold selection:text-brand-deep\">\r\n\r\n    <header class=\"sticky top-0 z-50 bg-brand-deep\/95 backdrop-blur-md border-b border-brand-emerald\/30 transition-all duration-300\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center justify-between h-20\">\r\n                <!-- Logo -->\r\n                <a href=\"#\" class=\"flex items-center space-x-3 group\">\r\n                    <div class=\"w-12 h-12 bg-gradient-to-tr from-brand-gold to-brand-emerald rounded-xl flex items-center justify-center shadow-lg transform group-hover:rotate-6 transition-all\">\r\n                        <i class=\"fa-solid fa-hotel text-white text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"block text-white font-serif font-bold text-xl tracking-wide group-hover:text-brand-gold transition-colors\">SHCC GROUP<\/span>\r\n                        <span class=\"block text-[10px] text-brand-gold tracking-widest uppercase font-semibold\">Sylhet Healthcare City<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- Desktop Navigation -->\r\n                <nav class=\"hidden md:flex items-center space-x-8 text-sm font-medium\">\r\n                    <a href=\"#opportunity\" class=\"text-gray-300 hover:text-brand-gold transition-colors py-2\">The Opportunity<\/a>\r\n                    <a href=\"#vision\" class=\"text-gray-300 hover:text-brand-gold transition-colors py-2\">The Ecosystem<\/a>\r\n                    <a href=\"#moat\" class=\"text-gray-300 hover:text-brand-gold transition-colors py-2\">Strategic Moat<\/a>\r\n                    <a href=\"#roadmap\" class=\"text-gray-300 hover:text-brand-gold transition-colors py-2\">Financial Hub<\/a>\r\n                    <a href=\"#revenue\" class=\"text-gray-300 hover:text-brand-gold transition-colors py-2\">Revenue Streams<\/a>\r\n                <\/nav>\r\n\r\n                <!-- Header CTA Button -->\r\n                <div class=\"hidden lg:flex items-center space-x-4\">\r\n                    <button onclick=\"openInvestorPortal('General Prospectus')\" class=\"bg-gradient-to-r from-brand-gold to-brand-bronze hover:from-white hover:to-white hover:text-brand-deep text-brand-deep px-5 py-2.5 rounded-lg text-xs font-bold uppercase tracking-wider shadow-lg transform hover:-translate-y-0.5 transition-all\">\r\n                        <i class=\"fa-solid fa-file-invoice-dollar mr-2\"><\/i>Investor Portal\r\n                    <\/button>\r\n                    <button onclick=\"openEnquiryModal()\" class=\"border border-brand-gold text-brand-gold hover:bg-brand-gold hover:text-brand-deep px-5 py-2.5 rounded-lg text-xs font-bold uppercase tracking-wider transition-all\">\r\n                        Enquire Now\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Mobile Menu Button -->\r\n                <div class=\"md:hidden\">\r\n                    <button onclick=\"toggleMobileMenu()\" class=\"text-white hover:text-brand-gold focus:outline-none\" aria-label=\"Toggle Menu\">\r\n                        <i id=\"menu-icon\" class=\"fa-solid fa-bars text-2xl\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile Menu Container -->\r\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-brand-dark border-t border-brand-emerald\/30 animate-fade-in-down\">\r\n            <div class=\"px-2 pt-2 pb-4 space-y-1 sm:px-3 text-center\">\r\n                <a href=\"#opportunity\" onclick=\"toggleMobileMenu()\" class=\"block text-gray-300 hover:text-brand-gold py-3 border-b border-brand-deep\/50 font-medium\">The Opportunity<\/a>\r\n                <a href=\"#vision\" onclick=\"toggleMobileMenu()\" class=\"block text-gray-300 hover:text-brand-gold py-3 border-b border-brand-deep\/50 font-medium\">The Ecosystem<\/a>\r\n                <a href=\"#moat\" onclick=\"toggleMobileMenu()\" class=\"block text-gray-300 hover:text-brand-gold py-3 border-b border-brand-deep\/50 font-medium\">Strategic Moat<\/a>\r\n                <a href=\"#roadmap\" onclick=\"toggleMobileMenu()\" class=\"block text-gray-300 hover:text-brand-gold py-3 border-b border-brand-deep\/50 font-medium\">Financial Hub<\/a>\r\n                <a href=\"#revenue\" onclick=\"toggleMobileMenu()\" class=\"block text-gray-300 hover:text-brand-gold py-3 border-b border-brand-deep\/50 font-medium\">Revenue Streams<\/a>\r\n                <div class=\"pt-4 pb-2 flex flex-col items-center space-y-3 px-4\">\r\n                    <button onclick=\"openInvestorPortal('General Prospectus'); toggleMobileMenu();\" class=\"w-full bg-gradient-to-r from-brand-gold to-brand-bronze text-brand-deep px-5 py-3 rounded-lg text-xs font-bold uppercase tracking-wider\">\r\n                        <i class=\"fa-solid fa-file-invoice-dollar mr-2\"><\/i>Investor Portal\r\n                    <\/button>\r\n                    <button onclick=\"openEnquiryModal(); toggleMobileMenu();\" class=\"w-full border border-brand-gold text-brand-gold hover:bg-brand-gold hover:text-brand-deep px-5 py-3 rounded-lg text-xs font-bold uppercase tracking-wider\">\r\n                        Enquire Now\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"relative bg-brand-dark overflow-hidden min-h-[90vh] flex items-center\">\r\n        <!-- Ambiance Sunset\/Sunrise Sky Overlays simulating premium DHCC layout -->\r\n        <div class=\"absolute inset-0 z-0 bg-[url('https:\/\/images.unsplash.com\/photo-1586773860418-d3b3de97e99f?auto=format&fit=crop&w=1920&q=80')] bg-cover bg-center\"><\/div>\r\n        <div class=\"absolute inset-0 z-10 gradient-overlay mix-blend-multiply\"><\/div>\r\n        <div class=\"absolute inset-0 z-10 bg-gradient-to-t from-brand-dark via-transparent to-brand-deep\/40\"><\/div>\r\n\r\n        <div class=\"relative z-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                \r\n                <!-- Hero Core Pitch -->\r\n                <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\r\n                    <div class=\"inline-flex items-center space-x-2 bg-brand-emerald\/40 border border-brand-gold\/30 rounded-full py-1.5 px-4 text-brand-gold\">\r\n                        <span class=\"w-2.5 h-2.5 bg-brand-gold rounded-full animate-ping\"><\/span>\r\n                        <span class=\"text-xs font-bold uppercase tracking-widest\">Sylhet-Habiganj Investment Flagship<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-serif font-bold text-white leading-tight\">\r\n                        Sylhet Healthcare City\r\n                    <\/h1>\r\n                    \r\n                    <p class=\"text-lg sm:text-xl text-gray-300 font-light max-w-2xl mx-auto lg:mx-0\">\r\n                        A state-of-the-art <span class=\"text-brand-gold font-semibold\">150-Bigha Healthcare Ecosystem<\/span> strategically positioned to bridge the massive critical care gap in Eastern Bangladesh.\r\n                    <\/p>\r\n\r\n                    <div class=\"flex flex-col sm:flex-row justify-center lg:justify-start items-center gap-4 pt-4\">\r\n                        <a href=\"#opportunity\" class=\"w-full sm:w-auto bg-brand-gold hover:bg-white text-brand-deep font-bold px-8 py-4 rounded-xl text-sm uppercase tracking-wide text-center transition-all shadow-xl hover:-translate-y-1\">\r\n                            Explore Opportunity\r\n                        <\/a>\r\n                        <button onclick=\"openInvestorPortal('Full Masterplan PPM')\" class=\"w-full sm:w-auto bg-white\/10 hover:bg-white\/20 border border-white\/20 text-white font-bold px-8 py-4 rounded-xl text-sm uppercase tracking-wide text-center transition-all backdrop-blur-sm\">\r\n                            <i class=\"fa-solid fa-download mr-2\"><\/i>Download Prospectus\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hero Interactive Mini-Card Grid -->\r\n                <div class=\"lg:col-span-5 grid grid-cols-2 gap-4\">\r\n                    <div class=\"bg-brand-deep\/80 border border-brand-emerald\/40 p-6 rounded-2xl backdrop-blur-sm text-center transform hover:scale-105 transition-all\">\r\n                        <div class=\"text-brand-gold text-3xl font-bold mb-1\">150+<\/div>\r\n                        <div class=\"text-xs text-white uppercase tracking-wider font-semibold\">Bigha Land<\/div>\r\n                        <div class=\"text-[10px] text-gray-400 mt-2\">Master-Planned Site<\/div>\r\n                    <\/div>\r\n                    <div class=\"bg-brand-deep\/80 border border-brand-emerald\/40 p-6 rounded-2xl backdrop-blur-sm text-center transform hover:scale-105 transition-all\">\r\n                        <div class=\"text-brand-gold text-3xl font-bold mb-1\">BDT 1500+Cr<\/div>\r\n                        <div class=\"text-xs text-white uppercase tracking-wider font-semibold\">Project Valuation<\/div>\r\n                        <div class=\"text-[10px] text-gray-400 mt-2\">Asset-Backed Model<\/div>\r\n                    <\/div>\r\n                    <div class=\"bg-brand-deep\/80 border border-brand-emerald\/40 p-6 rounded-2xl backdrop-blur-sm text-center transform hover:scale-105 transition-all\">\r\n                        <div class=\"text-brand-gold text-3xl font-bold mb-1\">18-25%<\/div>\r\n                        <div class=\"text-xs text-white uppercase tracking-wider font-semibold\">Target IRR<\/div>\r\n                        <div class=\"text-[10px] text-gray-400 mt-2\">High-Margin Focus<\/div>\r\n                    <\/div>\r\n                    <div class=\"bg-brand-deep\/80 border border-brand-emerald\/40 p-6 rounded-2xl backdrop-blur-sm text-center transform hover:scale-105 transition-all\">\r\n                        <div class=\"text-brand-gold text-3xl font-bold mb-1\">399+<\/div>\r\n                        <div class=\"text-xs text-white uppercase tracking-wider font-semibold\">Beds (Phase 1)<\/div>\r\n                        <div class=\"text-[10px] text-gray-400 mt-2\">Expanding to 600+<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"opportunity\" class=\"py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-brand-emerald font-bold text-xs uppercase tracking-widest block mb-2\">The Catalyst<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-brand-dark mb-4\">A Massive Regional Gap & Economic Leakage<\/h2>\r\n                <p class=\"text-gray-600\">\r\n                    The Sylhet-Habiganj region suffers from a severe shortage of tertiary and specialized medical services. SHCC is strategically positioned to capture this massive outbound healthcare migration.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Migration & Regional Capture Visualization -->\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"bg-red-50 border-l-4 border-red-500 p-6 rounded-r-xl\">\r\n                        <h3 class=\"font-serif font-bold text-red-950 text-lg mb-2\">The Current Status Quo (The Gap)<\/h3>\r\n                        <p class=\"text-red-900 text-sm\">\r\n                            High-value patients in Northeast Bangladesh must migrate to Dhaka or travel abroad (India, Thailand, Singapore) for critical cardiology, oncology, and emergency diagnostics. This drains the regional economy.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"bg-emerald-50 border-l-4 border-brand-emerald p-6 rounded-r-xl\">\r\n                        <h3 class=\"font-serif font-bold text-brand-emerald text-lg mb-2\">SHCC's Strategic Resolution<\/h3>\r\n                        <p class=\"text-emerald-900 text-sm\">\r\n                            By establishing a 600+ bed integrated ecosystem right on the Sylhet-Habiganj highway, we lock in regional patients with top-tier international standard healthcare closer to home.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Migration Stats Progress Bars -->\r\n                    <div class=\"space-y-4 pt-4\">\r\n                        <div>\r\n                            <div class=\"flex justify-between text-xs font-semibold uppercase text-slate-500 mb-1\">\r\n                                <span>Regional Critical Care Emigration<\/span>\r\n                                <span class=\"text-red-600\">85% Outflow<\/span>\r\n                            <\/div>\r\n                            <div class=\"w-full bg-slate-100 rounded-full h-2\">\r\n                                <div class=\"bg-red-500 h-2 rounded-full\" style=\"width: 85%\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <div class=\"flex justify-between text-xs font-semibold uppercase text-slate-500 mb-1\">\r\n                                <span>Projected Capture Rate (Year 3)<\/span>\r\n                                <span class=\"text-brand-emerald\">65% Captured<\/span>\r\n                            <\/div>\r\n                            <div class=\"w-full bg-slate-100 rounded-full h-2\">\r\n                                <div class=\"bg-brand-emerald h-2 rounded-full\" style=\"width: 65%\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Rich Graphical Dashboard Mock -->\r\n                <div class=\"bg-brand-deep rounded-3xl p-8 text-white relative overflow-hidden shadow-2xl\">\r\n                    <div class=\"absolute -right-16 -top-16 w-48 h-48 bg-brand-emerald\/20 rounded-full filter blur-xl\"><\/div>\r\n                    <div class=\"relative z-10\">\r\n                        <span class=\"text-brand-gold text-xs uppercase tracking-wider font-bold block mb-4\">Strategic Proximity Edge<\/span>\r\n                        <h4 class=\"font-serif text-2xl font-bold mb-4\">Unlocking Medical Tourism<\/h4>\r\n                        <p class=\"text-gray-300 text-sm leading-relaxed mb-6\">\r\n                            Not only does SHCC serve the affluent Sylhet diaspora, but its strategic location along the Northeast India transit corridor positions it to capture high-volume patient inflows from the Indian states of Assam, Tripura, and Meghalaya.\r\n                        <\/p>\r\n\r\n                        <div class=\"grid grid-cols-2 gap-4 border-t border-brand-emerald\/40 pt-6\">\r\n                            <div>\r\n                                <span class=\"block text-brand-gold text-2xl font-bold font-serif\">20M+<\/span>\r\n                                <span class=\"text-[10px] text-gray-400 uppercase tracking-widest font-semibold\">Immediate Catchment Pop.<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <span class=\"block text-brand-gold text-2xl font-bold font-serif\">High<\/span>\r\n                                <span class=\"text-[10px] text-gray-400 uppercase tracking-widest font-semibold\">Foreign Remittance Inflows<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"vision\" class=\"py-20 bg-brand-lightBg\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-brand-emerald font-bold text-xs uppercase tracking-widest block mb-2 font-serif\">The Masterplan Vision<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-brand-dark mb-4\">Not Just a Hospital, but an Ecosystem<\/h2>\r\n                <p class=\"text-gray-600\">\r\n                    A comprehensive, master-planned healthcare city optimized for treatment, specialized interventions, medical education, and industry leading ESG metrics.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Ecosystem Tabs Navigation -->\r\n            <div class=\"flex flex-wrap justify-center gap-2 sm:gap-4 mb-10 max-w-4xl mx-auto\">\r\n                <button onclick=\"switchTab('clinical')\" id=\"tab-clinical\" class=\"tab-btn px-6 py-3 rounded-xl text-sm font-semibold transition-all duration-300 bg-brand-deep text-white shadow-lg shadow-brand-deep\/30\">\r\n                    <i class=\"fa-solid fa-hospital-user mr-2 text-brand-gold\"><\/i>Hospital\r\n                <\/button>\r\n                <button onclick=\"switchTab('education')\" id=\"tab-education\" class=\"tab-btn px-6 py-3 rounded-xl text-sm font-semibold transition-all duration-300 bg-white text-slate-700 hover:bg-gray-100 border border-gray-200\">\r\n                    <i class=\"fa-solid fa-user-graduate mr-2 text-brand-emerald\"><\/i>Education Institute\r\n                <\/button>\r\n                <button onclick=\"switchTab('specialization')\" id=\"tab-specialization\" class=\"tab-btn px-6 py-3 rounded-xl text-sm font-semibold transition-all duration-300 bg-white text-slate-700 hover:bg-gray-100 border border-gray-200\">\r\n                    <i class=\"fa-solid fa-heart-pulse mr-2 text-brand-emerald\"><\/i>Specialized Centers\r\n                <\/button>\r\n                <button onclick=\"switchTab('sustainability')\" id=\"tab-sustainability\" class=\"tab-btn px-6 py-3 rounded-xl text-sm font-semibold transition-all duration-300 bg-white text-slate-700 hover:bg-gray-100 border border-gray-200\">\r\n                    <i class=\"fa-solid fa-leaf mr-2 text-brand-emerald\"><\/i>ESG Sustainability\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Ecosystem Content Area -->\r\n            <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-slate-100 p-8 sm:p-12\">\r\n                <!-- Clinical Content -->\r\n                <div id=\"content-clinical\" class=\"tab-content animate-fade-in\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n                        <div class=\"lg:col-span-7 space-y-6\">\r\n                            <div class=\"inline-block bg-brand-emerald\/10 text-brand-emerald text-xs font-bold uppercase tracking-widest px-3 py-1 rounded-full\">Phase 1 Foundations<\/div>\r\n                            <h3 class=\"text-3xl font-serif font-bold text-brand-dark\">399-Bed Tertiary Hospital<\/h3>\r\n                            <p class=\"text-gray-600 leading-relaxed\">\r\n                                Our flagship Hospital includes high-volume diagnostic centers, multi-disciplinary emergency wards, smart operating theaters, and complex Critical Care networks. Built for maximum patient traffic and immediate revenue capture, with a structured roadmap scaling to 800+ beds in subsequent phases.\r\n                            <\/p>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-emerald\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">399 Beds<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Initial Phase<\/span>\r\n                                <\/div>\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-emerald\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">800+ Beds<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Expansion Blueprint<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:col-span-5\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=800&q=80\" alt=\"SHCC Clinical Excellence\" class=\"w-full h-80 object-cover rounded-2xl shadow-md\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0f5a54\/ffffff?text=Clinical+Hospital'\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Education Content -->\r\n                <div id=\"content-education\" class=\"tab-content hidden animate-fade-in\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n                        <div class=\"lg:col-span-7 space-y-6\">\r\n                            <div class=\"inline-block bg-brand-emerald\/10 text-brand-emerald text-xs font-bold uppercase tracking-widest px-3 py-1 rounded-full\">Talent Self-Sufficiency<\/div>\r\n                            <h3 class=\"text-3xl font-serif font-bold text-brand-dark\">Integrated Medical College, Nursing Institute & Allied Health Care<\/h3>\r\n                            <p class=\"text-gray-600 leading-relaxed\">\r\n                                Establishing an on-site educational pipeline that guarantees SHCC a stable supply of world-class, internally trained nurses, specialists, and junior clinical staff. Tuition and hostel operations drive stable clinical diversification.\r\n                            <\/p>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-gold\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">Direct Pipeline<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Zero staffing bottlenecks<\/span>\r\n                                <\/div>\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-gold\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">Multi-Stream Rev<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Tuitions and residency dues<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:col-span-5\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=800&q=80\" alt=\"Medical College Campus\" class=\"w-full h-80 object-cover rounded-2xl shadow-md\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0f5a54\/ffffff?text=Medical+Education'\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Specialization Content -->\r\n                <div id=\"content-specialization\" class=\"tab-content hidden animate-fade-in\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n                        <div class=\"lg:col-span-7 space-y-6\">\r\n                            <div class=\"inline-block bg-brand-emerald\/10 text-brand-emerald text-xs font-bold uppercase tracking-widest px-3 py-1 rounded-full\">High Margin Specialty Care<\/div>\r\n                            <h3 class=\"text-3xl font-serif font-bold text-brand-dark\">Cardiology, Oncology & Orthopedic Centers<\/h3>\r\n                            <p class=\"text-gray-600 leading-relaxed\">\r\n                                High-complexity medical fields represent our highest margin segments. Under SHCC, we establish premier dedicated centers for Cancer Treatments (Surgery,Radiotherapy & Chemotherapy), Cardiac Interventions (Cath Labs, CABG, Congenital Cardiac Disease Treatment), Fertility Centers, Orthopedic and Trauma Center.\r\n                            <\/p>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-emerald\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">High Margins<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Tier-1 complex treatments<\/span>\r\n                                <\/div>\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-emerald\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">First Class Labs<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">State of the art technology<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:col-span-5\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631217314731-e139c467fa1a?auto=format&fit=crop&w=800&q=80\" alt=\"Specialized Oncology Medical Laboratory\" class=\"w-full h-80 object-cover rounded-2xl shadow-md\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=800&q=80'\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Sustainability Content -->\r\n                <div id=\"content-sustainability\" class=\"tab-content hidden animate-fade-in\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\r\n                        <div class=\"lg:col-span-7 space-y-6\">\r\n                            <div class=\"inline-block bg-brand-emerald\/10 text-brand-emerald text-xs font-bold uppercase tracking-widest px-3 py-1 rounded-full\">Future-Proof ESG Green Model<\/div>\r\n                            <h3 class=\"text-3xl font-serif font-bold text-brand-dark\">Solar Power, Circular Water & Carbon Capital<\/h3>\r\n                            <p class=\"text-gray-600 leading-relaxed\">\r\n                                SHCC integrates ESG directly into operational models. Features include comprehensive rooftop solar, full water recycling networks, and strategic planning to monetize carbon credits based on green construction and clean energy generation.\r\n                            <\/p>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-gold\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">Eco Friendly<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Lower utility dependency<\/span>\r\n                                <\/div>\r\n                                <div class=\"bg-brand-lightBg p-4 rounded-xl border-l-4 border-brand-gold\">\r\n                                    <span class=\"block font-serif text-lg font-bold text-brand-dark\">Carbon Credit<\/span>\r\n                                    <span class=\"text-xs text-gray-500\">Direct green monetization<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:col-span-5\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=800&q=80\" alt=\"Green Energy Solar\" class=\"w-full h-80 object-cover rounded-2xl shadow-md\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0f5a54\/ffffff?text=Green+Campus'\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"moat\" class=\"py-20 bg-brand-dark text-white relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1920&q=80')] opacity-10 bg-cover bg-center\"><\/div>\r\n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-brand-gold font-bold text-xs uppercase tracking-widest block mb-2 font-serif\">Defensible Architecture<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-white mb-4\">Strategic Competitive Moat<\/h2>\r\n                <p class=\"text-gray-400\">\r\n                    SHCC is protected by complex regulatory, geographical, and operational entry barriers that secure institutional-grade longevity and asset backing.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                <!-- Moat 1 -->\r\n                <div class=\"bg-brand-deep\/60 border border-brand-emerald\/40 p-8 rounded-2xl hover:border-brand-gold\/60 transition-all group\">\r\n                    <div class=\"w-12 h-12 bg-brand-gold\/10 text-brand-gold rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-trophy text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif font-bold text-xl mb-3 text-white\">First-Mover Edge<\/h3>\r\n                    <p class=\"text-sm text-gray-300 leading-relaxed\">\r\n                        The first integrated healthcare city of this scale in Eastern Bangladesh, defining quality medical infrastructure benchmarks region-wide.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Moat 2 -->\r\n                <div class=\"bg-brand-deep\/60 border border-brand-emerald\/40 p-8 rounded-2xl hover:border-brand-gold\/60 transition-all group\">\r\n                    <div class=\"w-12 h-12 bg-brand-gold\/10 text-brand-gold rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-scale-balanced text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif font-bold text-xl mb-3 text-white\">Hybrid Pricing<\/h3>\r\n                    <p class=\"text-sm text-gray-300 leading-relaxed\">\r\n                        Dual business operations: mass market volume-based segments blended with highly profitable exclusive executive clinical wards.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Moat 3 -->\r\n                <div class=\"bg-brand-deep\/60 border border-brand-emerald\/40 p-8 rounded-2xl hover:border-brand-gold\/60 transition-all group\">\r\n                    <div class=\"w-12 h-12 bg-brand-gold\/10 text-brand-gold rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-microchip text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif font-bold text-xl mb-3 text-white\">Tech Driven<\/h3>\r\n                    <p class=\"text-sm text-gray-300 leading-relaxed\">\r\n                        Equipped with AI diagnostics pipelines, dedicated telemedicine networks, and integrated Smart Critical Care automation platforms.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Moat 4 -->\r\n                <div class=\"bg-brand-deep\/60 border border-brand-emerald\/40 p-8 rounded-2xl hover:border-brand-gold\/60 transition-all group\">\r\n                    <div class=\"w-12 h-12 bg-brand-gold\/10 text-brand-gold rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fa-solid fa-map-location-dot text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif font-bold text-xl mb-3 text-white\">Asset-Backed<\/h3>\r\n                    <p class=\"text-sm text-gray-300 leading-relaxed\">\r\n                        Underpinned by extensive high-value land holdings on major transit axes and state-approved institutional infrastructure.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"roadmap\" class=\"py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-brand-emerald font-bold text-xs uppercase tracking-widest block mb-2 font-serif\">Robust Capital Allocation<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-brand-dark mb-4\">Phased Financial Roadmap<\/h2>\r\n                <p class=\"text-gray-600\">\r\n                    A secure phased rollout strategy minimizes capital risks while providing scalable expansions linked directly to cash-flow stabilization.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                <!-- Financial Stats Interactive Simulator -->\r\n                <div class=\"lg:col-span-6 bg-brand-lightBg p-8 rounded-3xl border border-slate-100 shadow-xl space-y-6\">\r\n                    <h3 class=\"font-serif font-bold text-2xl text-brand-deep\">Investor Projection Simulator<\/h3>\r\n                    <p class=\"text-sm text-slate-600\">\r\n                        Adjust the slider below to explore potential investments and see estimated impact projections within our <strong>BDT 150-200 Crore Phase 1 Investment<\/strong> bracket.\r\n                    <\/p>\r\n\r\n                    <!-- Investment Slider -->\r\n                    <div class=\"space-y-4 pt-4\">\r\n                        <div class=\"flex justify-between text-sm font-semibold\">\r\n                            <span class=\"text-brand-deep\">Your Placement:<\/span>\r\n                            <span class=\"text-brand-emerald font-bold text-lg\" id=\"investment-value\">BDT 10 Crore<\/span>\r\n                        <\/div>\r\n                        <input type=\"range\" id=\"investment-slider\" min=\"5\" max=\"50\" value=\"10\" step=\"2.5\" oninput=\"updateInvestmentCalculator(this.value)\" class=\"w-full accent-brand-emerald h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer\">\r\n                        <div class=\"flex justify-between text-xs text-slate-500\">\r\n                            <span>Min Participation: BDT 5 Cr<\/span>\r\n                            <span>Institutional Block: BDT 50 Cr+<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Computed Outputs -->\r\n                    <div class=\"grid grid-cols-2 gap-4 pt-4\">\r\n                        <div class=\"bg-white p-4 rounded-xl border border-slate-200 shadow-sm\">\r\n                            <span class=\"text-[10px] uppercase font-bold text-slate-400 block mb-1\">Target IRR Yield<\/span>\r\n                            <span class=\"text-brand-emerald font-bold font-serif text-xl\">18% - 25%<\/span>\r\n                        <\/div>\r\n                        <div class=\"bg-white p-4 rounded-xl border border-slate-200 shadow-sm\">\r\n                            <span class=\"text-[10px] uppercase font-bold text-slate-400 block mb-1\">Equity Proportion Est.<\/span>\r\n                            <span class=\"text-brand-deep font-bold font-serif text-xl\" id=\"calc-equity\">5.00%<\/span>\r\n                        <\/div>\r\n                        <div class=\"bg-white p-4 rounded-xl border border-slate-200 shadow-sm\">\r\n                            <span class=\"text-[10px] uppercase font-bold text-slate-400 block mb-1\">Project Valuation Base<\/span>\r\n                            <span class=\"text-slate-700 font-semibold text-sm\">BDT 800 - 1000 Cr<\/span>\r\n                        <\/div>\r\n                        <div class=\"bg-white p-4 rounded-xl border border-slate-200 shadow-sm\">\r\n                            <span class=\"text-[10px] uppercase font-bold text-slate-400 block mb-1\">EBITDA Post-Stabilization<\/span>\r\n                            <span class=\"text-slate-700 font-semibold text-sm\">20% - 30%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button onclick=\"requestDetailedProjections()\" class=\"w-full bg-brand-deep hover:bg-brand-emerald text-white font-bold py-3 px-6 rounded-xl text-sm tracking-wider uppercase transition-all shadow-md\">\r\n                        Request Formal Term Sheet\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Hardcoded Core Financial Timeline Cards -->\r\n                <div class=\"lg:col-span-6 space-y-6\">\r\n                    <!-- Step 1 -->\r\n                    <div class=\"flex items-start space-x-4 p-6 bg-white border border-slate-100 rounded-2xl shadow-sm hover:shadow-md transition-all\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-brand-emerald\/10 text-brand-emerald rounded-full flex items-center justify-center font-bold text-lg font-serif\">1<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-serif font-bold text-brand-dark text-lg mb-1\">Phase 1 Capex Formulation<\/h4>\r\n                            <p class=\"text-sm text-slate-600\">\r\n                                Deploy BDT 150-200 Crore to finalize first-wave land infrastructure, primary utility grids, and the initial 399-Bed tertiary hospital structure.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 2 -->\r\n                    <div class=\"flex items-start space-x-4 p-6 bg-white border border-slate-100 rounded-2xl shadow-sm hover:shadow-md transition-all\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-brand-gold\/10 text-brand-gold rounded-full flex items-center justify-center font-bold text-lg font-serif\">2<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-serif font-bold text-brand-dark text-lg mb-1\">Break-Even Velocity<\/h4>\r\n                            <p class=\"text-sm text-slate-600\">\r\n                                Achieve cash-flow and operational break-even within 3-5 years from launch, driven by high outpatient diagnostic volumes and premium cardiac inpatient care.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 3 -->\r\n                    <div class=\"flex items-start space-x-4 p-6 bg-white border border-slate-100 rounded-2xl shadow-sm hover:shadow-md transition-all\">\r\n                        <div class=\"flex-shrink-0 w-12 h-12 bg-brand-emerald\/10 text-brand-emerald rounded-full flex items-center justify-center font-bold text-lg font-serif\">3<\/div>\r\n                        <div>\r\n                            <h4 class=\"font-serif font-bold text-brand-dark text-lg mb-1\">Full Stabilization & Expansion<\/h4>\r\n                            <p class=\"text-sm text-slate-600\">\r\n                                Expand capacity to 800+ beds, open specialized medical campuses, launch carbon credit capture systems, and project solid EBITDA margins of 20%-30%.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"revenue\" class=\"py-20 bg-brand-lightBg\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-brand-emerald font-bold text-xs uppercase tracking-widest block mb-2 font-serif font-semibold\">Risk Mitigation via Multiple Streams<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-brand-dark mb-4\">Strategic Revenue Diversification<\/h2>\r\n                <p class=\"text-gray-600\">\r\n                    Unlike traditional clinics, SHCC draws robust cash inflows from clinical, specialized diagnostics, academic tuition, corporate networks, and sustainable green credit markets.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                \r\n                <!-- Dynamic Interactive Chart Area -->\r\n                <div class=\"lg:col-span-5 bg-white p-8 rounded-3xl shadow-xl border border-slate-100\">\r\n                    <div class=\"relative max-w-[300px] mx-auto\">\r\n                        <canvas id=\"revenuePieChart\"><\/canvas>\r\n                    <\/div>\r\n                    <div class=\"text-center mt-6\">\r\n                        <span class=\"text-xs text-slate-400 uppercase tracking-widest font-bold\">Interactive Dynamic Model<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Text descriptions for the segments -->\r\n                <div class=\"lg:col-span-7 space-y-6\">\r\n                    <h3 class=\"font-serif font-bold text-2xl text-brand-deep\">Dynamic Revenue Breakdown<\/h3>\r\n                    \r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                        <!-- Revenue Point 1 -->\r\n                        <div class=\"p-5 bg-white rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-all\">\r\n                            <div class=\"flex items-center space-x-3 mb-3\">\r\n                                <span class=\"w-3.5 h-3.5 rounded-full\" style=\"background-color: #073B3A\"><\/span>\r\n                                <h4 class=\"font-serif font-bold text-brand-dark text-md\">Inpatient & Critical Care Core<\/h4>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-slate-600\">\r\n                                Dedicated high-margin operating procedures, cardiac interventions, and complex emergency surgeries.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Revenue Point 2 -->\r\n                        <div class=\"p-5 bg-white rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-all\">\r\n                            <div class=\"flex items-center space-x-3 mb-3\">\r\n                                <span class=\"w-3.5 h-3.5 rounded-full\" style=\"background-color: #0B665A\"><\/span>\r\n                                <h4 class=\"font-serif font-bold text-brand-dark text-md\">High-End Diagnostics<\/h4>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-slate-600\">\r\n                                MRI, CT scans, smart genetic profiling, and high-frequency screening labs for surrounding districts.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Revenue Point 3 -->\r\n                        <div class=\"p-5 bg-white rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-all\">\r\n                            <div class=\"flex items-center space-x-3 mb-3\">\r\n                                <span class=\"w-3.5 h-3.5 rounded-full\" style=\"background-color: #D4AF37\"><\/span>\r\n                                <h4 class=\"font-serif font-bold text-brand-dark text-md\">Academic College Fees<\/h4>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-slate-600\">\r\n                                Structured nursing and medical training college admissions, tuition packets, and on-campus residency services.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Revenue Point 4 -->\r\n                        <div class=\"p-5 bg-white rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-all\">\r\n                            <div class=\"flex items-center space-x-3 mb-3\">\r\n                                <span class=\"w-3.5 h-3.5 rounded-full\" style=\"background-color: #3B82F6\"><\/span>\r\n                                <h4 class=\"font-serif font-bold text-brand-dark text-md\">Corporate & B2B Contracts<\/h4>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-slate-600\">\r\n                                Pre-negotiated corporate industrial care contracts with manufacturing plants and tea production hubs in Habiganj.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Revenue Point 5 -->\r\n                        <div class=\"p-5 bg-white rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-all col-span-1 md:col-span-2\">\r\n                            <div class=\"flex items-center space-x-3 mb-3\">\r\n                                <span class=\"w-3.5 h-3.5 rounded-full\" style=\"background-color: #10B981\"><\/span>\r\n                                <h4 class=\"font-serif font-bold text-brand-dark text-md\">Carbon Credits & ESG Savings<\/h4>\r\n                            <\/div>\r\n                            <p class=\"text-xs text-slate-600\">\r\n                                Systematic monetization of solar grids, water recyclers, and overall reduced carbon footprints mapped to state carbon structures.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-20 bg-brand-dark text-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div>\r\n                    <span class=\"text-brand-gold font-bold text-xs uppercase tracking-widest block mb-2 font-serif\">The Corridor Edge<\/span>\r\n                    <h2 class=\"text-3xl sm:text-4xl font-serif font-bold text-white mb-6\">The \"Silent\" Strategic Edge<\/h2>\r\n                    <p class=\"text-gray-300 leading-relaxed mb-6\">\r\n                        Positioned dynamically in the prominent Sylhet-Habiganj transit corridor, our campus stands at the epicenter of unparalleled financial and demographic indicators:\r\n                    <\/p>\r\n\r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"flex items-start space-x-3\">\r\n                            <div class=\"w-6 h-6 bg-brand-emerald rounded-full flex items-center justify-center text-xs text-brand-gold font-bold flex-shrink-0 mt-0.5\">\r\n                                <i class=\"fa-solid fa-check\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-white\">Extremely High Remittance Flow<\/h4>\r\n                                <p class=\"text-xs text-gray-400\">Supported by strong expats from UK, US, and EU returning to secure local premium clinical solutions.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start space-x-3\">\r\n                            <div class=\"w-6 h-6 bg-brand-emerald rounded-full flex items-center justify-center text-xs text-brand-gold font-bold flex-shrink-0 mt-0.5\">\r\n                                <i class=\"fa-solid fa-check\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-white\">Rapidly Growing Industrial Base<\/h4>\r\n                                <p class=\"text-xs text-gray-400\">Directly adjacent to fast-expanding manufacturing clusters requiring immediate premium clinical tie-ups.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start space-x-3\">\r\n                            <div class=\"w-6 h-6 bg-brand-emerald rounded-full flex items-center justify-center text-xs text-brand-gold font-bold flex-shrink-0 mt-0.5\">\r\n                                <i class=\"fa-solid fa-check\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-white\">Northeast India Cross-Border Travel<\/h4>\r\n                                <p class=\"text-xs text-gray-400\">Strategic point-of-transit access for high-volume cross-border medical tourism opportunities.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Styled Graphic Mocking a Map Context -->\r\n                <div class=\"bg-brand-deep rounded-3xl p-8 border border-brand-emerald\/40 relative overflow-hidden h-[400px] flex flex-col justify-between shadow-2xl\">\r\n                    <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-brand-emerald\/25 via-brand-dark\/80 to-brand-dark z-0\"><\/div>\r\n                    \r\n                    <!-- Stylized Dot Map Elements representing transit -->\r\n                    <div class=\"relative z-10\">\r\n                        <div class=\"flex items-center justify-between\">\r\n                            <span class=\"text-xs bg-brand-gold\/20 text-brand-gold px-3 py-1 rounded-full font-bold uppercase tracking-wider\">Geographical Core Map<\/span>\r\n                            <span class=\"text-xs text-gray-400\"><i class=\"fa-solid fa-earth-asia mr-2\"><\/i>Northeast Bangladesh Hub<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"mt-8 space-y-4\">\r\n                            <div class=\"flex items-center justify-between text-xs border-b border-white\/10 pb-2\">\r\n                                <span class=\"text-gray-400\">Sylhet HQ Core<\/span>\r\n                                <span class=\"font-bold text-white\">Immediate Reach<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center justify-between text-xs border-b border-white\/10 pb-2\">\r\n                                <span class=\"text-gray-400\">Habiganj Industrial Ring<\/span>\r\n                                <span class=\"font-bold text-white\">Direct Transit Axis<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center justify-between text-xs border-b border-white\/10 pb-2\">\r\n                                <span class=\"text-gray-400\">Northeast India Border<\/span>\r\n                                <span class=\"font-bold text-brand-gold\">Adjacent Transit Corridor<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Location Marker Pin Callout -->\r\n                    <div class=\"relative z-10 flex items-center bg-brand-dark\/90 p-4 rounded-2xl border border-brand-gold\/30\">\r\n                        <div class=\"w-10 h-10 bg-brand-gold rounded-full flex items-center justify-center text-brand-deep mr-4\">\r\n                            <i class=\"fa-solid fa-map-pin text-lg\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"block text-white font-bold text-sm font-serif\">Sylhet-Habiganj Highway Axis<\/span>\r\n                            <span class=\"block text-[10px] text-brand-gold uppercase tracking-widest font-semibold\">150-Bigha Master Site Campus<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-20 bg-white relative overflow-hidden\">\r\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n            <h2 class=\"text-3xl sm:text-5xl font-serif font-bold text-brand-dark mb-6\">Position Yourself with Sylhet's Healthcare Future<\/h2>\r\n            <p class=\"text-lg text-slate-600 max-w-2xl mx-auto mb-10 leading-relaxed\">\r\n                Sylhet Healthcare City represents a rare convergence of strong regional market demand, land scalability, and a resilient, multi-layered revenue architecture. Join our next funding cycle.\r\n            <\/p>\r\n\r\n            <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4\">\r\n                <button onclick=\"openInvestorPortal('Prospectus')\" class=\"w-full sm:w-auto bg-brand-deep hover:bg-brand-emerald text-white font-bold px-8 py-4 rounded-xl text-sm uppercase tracking-wide transition-all shadow-xl\">\r\n                    <i class=\"fa-solid fa-arrow-right-to-bracket mr-2\"><\/i>Access Private Placement Portal\r\n                <\/button>\r\n                <button onclick=\"openEnquiryModal()\" class=\"w-full sm:w-auto border-2 border-brand-deep hover:bg-brand-deep hover:text-white text-brand-deep font-bold px-8 py-4 rounded-xl text-sm uppercase tracking-wide transition-all\">\r\n                    Request Call from Director\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"bg-brand-dark text-white pt-16 pb-8 border-t border-brand-emerald\/30\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-12 border-b border-brand-emerald\/20 pb-12\">\r\n                \r\n                <!-- Footer col 1 - Brand pitch -->\r\n                <div>\r\n                    <div class=\"flex items-center space-x-3 mb-6\">\r\n                        <div class=\"w-10 h-10 bg-brand-gold rounded-xl flex items-center justify-center\">\r\n                            <i class=\"fa-solid fa-hotel text-brand-deep text-lg\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"font-serif font-bold text-lg text-white\">SHCC Group<\/span>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-gray-400 leading-relaxed mb-6\">\r\n                        A long-term institutional platform designed for asset security, stability, regional dominance, and high-value investor returns.\r\n                    <\/p>\r\n                    <div class=\"flex space-x-4\">\r\n                        <a href=\"#\" class=\"w-8 h-8 rounded-full bg-brand-deep flex items-center justify-center text-gray-400 hover:text-brand-gold hover:bg-brand-emerald transition-all\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"w-8 h-8 rounded-full bg-brand-deep flex items-center justify-center text-gray-400 hover:text-brand-gold hover:bg-brand-emerald transition-all\"><i class=\"fa-brands fa-twitter\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"w-8 h-8 rounded-full bg-brand-deep flex items-center justify-center text-gray-400 hover:text-brand-gold hover:bg-brand-emerald transition-all\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Footer col 2 - Fast links -->\r\n                <div>\r\n                    <h4 class=\"font-serif font-bold text-md mb-6 text-brand-gold\">Investor Access<\/h4>\r\n                    <ul class=\"space-y-3 text-xs text-gray-400\">\r\n                        <li><a href=\"#opportunity\" class=\"hover:text-brand-gold transition-colors\">The Regional Opportunity<\/a><\/li>\r\n                        <li><a href=\"#vision\" class=\"hover:text-brand-gold transition-colors\">Masterplan & Ecosystem<\/a><\/li>\r\n                        <li><a href=\"#moat\" class=\"hover:text-brand-gold transition-colors\">Strategic Defensibility Moat<\/a><\/li>\r\n                        <li><a href=\"#roadmap\" class=\"hover:text-brand-gold transition-colors\">Financial Roadmaps & ROI<\/a><\/li>\r\n                        <li><a href=\"#revenue\" class=\"hover:text-brand-gold transition-colors\">Multiple Streams Diversification<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Footer col 3 - Corporate Contacts -->\r\n                <div>\r\n                    <h4 class=\"font-serif font-bold text-md mb-6 text-brand-gold\">HQ Offices<\/h4>\r\n                    <ul class=\"space-y-3 text-xs text-gray-400\">\r\n                        <li>\r\n                            <strong class=\"text-white block mb-0.5\">Sylhet Headquarters:<\/strong>\r\n                            Axis Campus, Sylhet-Habiganj Highway Corridor, Sylhet, Bangladesh\r\n                        <\/li>\r\n                        <li>\r\n                            <strong class=\"text-white block mb-0.5\">Global Investor Relations:<\/strong>\r\n                            <a href=\"mailto:ir@shccgroup.org\" class=\"hover:text-brand-gold\">ir@shccgroup.org<\/a>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Footer col 4 - Legal \/ Regulatory -->\r\n                <div>\r\n                    <h4 class=\"font-serif font-bold text-md mb-6 text-brand-gold\">Compliance Vault<\/h4>\r\n                    <p class=\"text-xs text-gray-400 leading-relaxed mb-4\">\r\n                        All materials listed are confidential private placement memorandums. Access is strictly audited.\r\n                    <\/p>\r\n                    <button onclick=\"openInvestorPortal('Governance Policy')\" class=\"text-xs font-bold text-brand-gold hover:underline\">\r\n                        <i class=\"fa-solid fa-shield-halved mr-2\"><\/i>SEC Regulatory Filings\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Footer bottom -->\r\n            <div class=\"flex flex-col sm:flex-row items-center justify-between text-xs text-gray-500\">\r\n                <p>&copy; 2026 Sylhet Healthcare City Corporation (SHCC Group). All Rights Reserved.<\/p>\r\n                <div class=\"flex space-x-6 mt-4 sm:mt-0\">\r\n                    <a href=\"#\" class=\"hover:text-brand-gold\">Terms of Use<\/a>\r\n                    <a href=\"#\" class=\"hover:text-brand-gold\">Privacy Policy<\/a>\r\n                    <a href=\"#\" class=\"hover:text-brand-gold\">Institutional Disclaimer<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    \r\n    <!-- Investor Download Portal Modal -->\r\n    <div id=\"investor-portal-modal\" class=\"fixed inset-0 z-50 overflow-y-auto hidden bg-brand-dark\/80 backdrop-blur-md flex items-center justify-center p-4\">\r\n        <div class=\"relative bg-white rounded-3xl max-w-lg w-full p-8 shadow-2xl border border-slate-100 transform scale-95 transition-transform duration-300\">\r\n            <button onclick=\"closeInvestorPortal()\" class=\"absolute top-6 right-6 text-slate-400 hover:text-slate-600 transition-colors\">\r\n                <i class=\"fa-solid fa-xmark text-2xl\"><\/i>\r\n            <\/button>\r\n            \r\n            <div class=\"text-center mb-6\">\r\n                <div class=\"w-16 h-16 bg-brand-gold\/10 text-brand-gold rounded-2xl flex items-center justify-center mx-auto mb-4\">\r\n                    <i class=\"fa-solid fa-vault text-3xl\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-serif font-bold text-2xl text-brand-dark\">Secure Secure Investor Access<\/h3>\r\n                <p class=\"text-xs text-slate-500 mt-1\">Downloading document: <strong id=\"portal-document-name\" class=\"text-brand-emerald\">PPM Masterplan Brochure<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <!-- Form -->\r\n            <form id=\"portal-form\" onsubmit=\"handlePortalSubmit(event)\" class=\"space-y-4\">\r\n                <div>\r\n                    <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Full Legal Name<\/label>\r\n                    <input type=\"text\" required placeholder=\"John Doe\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                <\/div>\r\n                <div>\r\n                    <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Institutional Email<\/label>\r\n                    <input type=\"email\" required placeholder=\"john@corporation.com\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                <\/div>\r\n                <div>\r\n                    <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Estimated Placement Band<\/label>\r\n                    <select class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                        <option>BDT 5Cr - BDT 10Cr<\/option>\r\n                        <option>BDT 10Cr - BDT 25Cr<\/option>\r\n                        <option>BDT 25Cr - BDT 50Cr<\/option>\r\n                        <option>BDT 50Cr+ Institutional Block<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"flex items-start space-x-2 pt-2\">\r\n                    <input type=\"checkbox\" required class=\"mt-1 accent-brand-emerald\">\r\n                    <p class=\"text-[10px] text-slate-400 leading-normal\">\r\n                        I confirm that I am an accredited institutional\/HNW investor under appropriate regulatory guidelines and agree to the non-disclosure of provided corporate data.\r\n                    <\/p>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"w-full bg-brand-emerald hover:bg-brand-deep text-white font-bold py-3 rounded-xl text-sm uppercase tracking-wide transition-all shadow-md mt-4\">\r\n                    Download Secure Materials\r\n                <\/button>\r\n            <\/form>\r\n\r\n            <!-- Download Success Screen -->\r\n            <div id=\"portal-success\" class=\"hidden text-center py-6 space-y-4\">\r\n                <div class=\"w-12 h-12 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto\">\r\n                    <i class=\"fa-solid fa-check text-xl\"><\/i>\r\n                <\/div>\r\n                <h4 class=\"font-serif font-bold text-xl text-brand-dark\">Access Authorized<\/h4>\r\n                <p class=\"text-xs text-slate-500 max-w-sm mx-auto\">\r\n                    An encrypted temporary download link has been sent to your institutional inbox. Our Investment Relations desk will be in touch shortly.\r\n                <\/p>\r\n                <button onclick=\"closeInvestorPortal()\" class=\"bg-brand-deep hover:bg-brand-emerald text-white font-bold px-6 py-2.5 rounded-lg text-xs uppercase tracking-wide transition-colors\">\r\n                    Close Window\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- General Contact Enquiry Modal -->\r\n    <div id=\"enquiry-modal\" class=\"fixed inset-0 z-50 overflow-y-auto hidden bg-brand-dark\/80 backdrop-blur-md flex items-center justify-center p-4\">\r\n        <div class=\"relative bg-white rounded-3xl max-w-lg w-full p-8 shadow-2xl border border-slate-100 transform scale-95 transition-transform duration-300\">\r\n            <button onclick=\"closeEnquiryModal()\" class=\"absolute top-6 right-6 text-slate-400 hover:text-slate-600 transition-colors\">\r\n                <i class=\"fa-solid fa-xmark text-2xl\"><\/i>\r\n            <\/button>\r\n            \r\n            <div class=\"text-center mb-6\">\r\n                <div class=\"w-16 h-16 bg-brand-gold\/10 text-brand-gold rounded-2xl flex items-center justify-center mx-auto mb-4\">\r\n                    <i class=\"fa-solid fa-envelope-open-text text-3xl\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"font-serif font-bold text-2xl text-brand-dark\">Investor Enquiry Protocol<\/h3>\r\n                <p class=\"text-xs text-slate-500 mt-1\">Connect with SHCC's Strategic Leadership and Board of Directors.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Form -->\r\n            <form id=\"enquiry-form\" onsubmit=\"handleEnquirySubmit(event)\" class=\"space-y-4\">\r\n                <div class=\"grid grid-cols-2 gap-4\">\r\n                    <div>\r\n                        <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Your Name<\/label>\r\n                        <input type=\"text\" required placeholder=\"Alice Vance\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Company\/Entity<\/label>\r\n                        <input type=\"text\" required placeholder=\"Vance Capital\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Direct Contact Phone<\/label>\r\n                    <input type=\"tel\" required placeholder=\"+880 1712-XXXXXX\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\">\r\n                <\/div>\r\n                <div>\r\n                    <label class=\"block text-xs font-semibold text-slate-500 uppercase mb-1\">Nature of Inquiry<\/label>\r\n                    <textarea rows=\"3\" placeholder=\"Please specify your capital allocation preferences, timeline, or requested documents...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-brand-emerald\"><\/textarea>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"w-full bg-brand-emerald hover:bg-brand-deep text-white font-bold py-3 rounded-xl text-sm uppercase tracking-wide transition-all shadow-md mt-4\">\r\n                    Initiate Connection\r\n                <\/button>\r\n            <\/form>\r\n\r\n            <!-- Success Screen -->\r\n            <div id=\"enquiry-success\" class=\"hidden text-center py-6 space-y-4\">\r\n                <div class=\"w-12 h-12 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto\">\r\n                    <i class=\"fa-solid fa-check text-xl\"><\/i>\r\n                <\/div>\r\n                <h4 class=\"font-serif font-bold text-xl text-brand-dark\">Request Registered<\/h4>\r\n                <p class=\"text-xs text-slate-500 max-w-sm mx-auto\">\r\n                    Thank you. A representative of the Board Secretariat will establish secure communications over encrypted voice or secure physical brief within 24 business hours.\r\n                <\/p>\r\n                <button onclick=\"closeEnquiryModal()\" class=\"bg-brand-deep hover:bg-brand-emerald text-white font-bold px-6 py-2.5 rounded-lg text-xs uppercase tracking-wide transition-colors\">\r\n                    Close Window\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n        \/\/ Tab system manager\r\n        function switchTab(tabId) {\r\n            \/\/ Hide all tab contents\r\n            const contents = document.querySelectorAll('.tab-content');\r\n            contents.forEach(content => content.classList.add('hidden'));\r\n\r\n            \/\/ Remove active classes from all tab buttons\r\n            const buttons = document.querySelectorAll('.tab-btn');\r\n            buttons.forEach(btn => {\r\n                btn.classList.remove('bg-brand-deep', 'text-white', 'shadow-lg', 'shadow-brand-deep\/30');\r\n                btn.classList.add('bg-white', 'text-slate-700', 'hover:bg-gray-100', 'border', 'border-gray-200');\r\n                \r\n                \/\/ Swap icon colors\r\n                const icon = btn.querySelector('i');\r\n                if (icon) {\r\n                    icon.classList.remove('text-brand-gold');\r\n                    icon.classList.add('text-brand-emerald');\r\n                }\r\n            });\r\n\r\n            \/\/ Show active tab content\r\n            document.getElementById(`content-${tabId}`).classList.remove('hidden');\r\n\r\n            \/\/ Set active class to selected tab button\r\n            const activeBtn = document.getElementById(`tab-${tabId}`);\r\n            activeBtn.classList.add('bg-brand-deep', 'text-white', 'shadow-lg', 'shadow-brand-deep\/30');\r\n            activeBtn.classList.remove('bg-white', 'text-slate-700', 'hover:bg-gray-100', 'border', 'border-gray-200');\r\n            \r\n            \/\/ Highlight icon\r\n            const activeIcon = activeBtn.querySelector('i');\r\n            if (activeIcon) {\r\n                activeIcon.classList.remove('text-brand-emerald');\r\n                activeIcon.classList.add('text-brand-gold');\r\n            }\r\n        }\r\n\r\n        \/\/ Mobile Menu toggle\r\n        function toggleMobileMenu() {\r\n            const menu = document.getElementById('mobile-menu');\r\n            const icon = document.getElementById('menu-icon');\r\n            if (menu.classList.contains('hidden')) {\r\n                menu.classList.remove('hidden');\r\n                icon.classList.remove('fa-bars');\r\n                icon.classList.add('fa-xmark');\r\n            } else {\r\n                menu.classList.add('hidden');\r\n                icon.classList.remove('fa-xmark');\r\n                icon.classList.add('fa-bars');\r\n            }\r\n        }\r\n\r\n        \/\/ Dynamic Investor Projection Simulator values\r\n        function updateInvestmentCalculator(value) {\r\n            const display = document.getElementById('investment-value');\r\n            const equityDisplay = document.getElementById('calc-equity');\r\n            \r\n            display.innerText = `BDT ${value} Crore`;\r\n            \r\n            \/\/ Base calculation formulation: percentage of total target Phase 1 (e.g. 200 Crore total valuation block)\r\n            const percentage = ((value \/ 200) * 100).toFixed(2);\r\n            equityDisplay.innerText = `${percentage}%`;\r\n        }\r\n\r\n        \/\/ Modal triggers\r\n        function openInvestorPortal(documentName) {\r\n            document.getElementById('portal-document-name').innerText = documentName;\r\n            document.getElementById('portal-form').classList.remove('hidden');\r\n            document.getElementById('portal-success').classList.add('hidden');\r\n            document.getElementById('investor-portal-modal').classList.remove('hidden');\r\n        }\r\n\r\n        function closeInvestorPortal() {\r\n            document.getElementById('investor-portal-modal').classList.add('hidden');\r\n        }\r\n\r\n        function handlePortalSubmit(e) {\r\n            e.preventDefault();\r\n            document.getElementById('portal-form').classList.add('hidden');\r\n            document.getElementById('portal-success').classList.remove('hidden');\r\n        }\r\n\r\n        function openEnquiryModal() {\r\n            document.getElementById('enquiry-form').classList.remove('hidden');\r\n            document.getElementById('enquiry-success').classList.add('hidden');\r\n            document.getElementById('enquiry-modal').classList.remove('hidden');\r\n        }\r\n\r\n        function closeEnquiryModal() {\r\n            document.getElementById('enquiry-modal').classList.add('hidden');\r\n        }\r\n\r\n        function handleEnquirySubmit(e) {\r\n            e.preventDefault();\r\n            document.getElementById('enquiry-form').classList.add('hidden');\r\n            document.getElementById('enquiry-success').classList.remove('hidden');\r\n        }\r\n\r\n        function requestDetailedProjections() {\r\n            openInvestorPortal('Customized Core Projections Term Sheet');\r\n        }\r\n\r\n        \/\/ Initialization of ChartJS Segment on load\r\n        window.onload = function() {\r\n            const ctx = document.getElementById('revenuePieChart').getContext('2d');\r\n            \r\n            new Chart(ctx, {\r\n                type: 'doughnut',\r\n                data: {\r\n                    labels: ['Inpatient Care', 'Diagnostics', 'Education\/Tuition', 'B2B\/Corporate Contracts', 'ESG Solar\/Carbon Credits'],\r\n                    datasets: [{\r\n                        data: [35, 25, 20, 12, 8],\r\n                        backgroundColor: [\r\n                            '#073B3A', \/\/ Deep Teal\r\n                            '#0B665A', \/\/ Emerald\r\n                            '#D4AF37', \/\/ Gold\r\n                            '#3B82F6', \/\/ Blue\r\n                            '#10B981'  \/\/ Green (ESG)\r\n                        ],\r\n                        borderWidth: 0,\r\n                        hoverOffset: 12\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: true,\r\n                    plugins: {\r\n                        legend: {\r\n                            display: false \/\/ Represent manually in detailed list next to chart\r\n                        },\r\n                        tooltip: {\r\n                            callbacks: {\r\n                                label: function(context) {\r\n                                    return ` ${context.label}: ${context.raw}%`;\r\n                                }\r\n                            }\r\n                        }\r\n                    },\r\n                    cutout: '70%'\r\n                }\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sylhet Healthcare City | Investor &#038; Ecosystem Platform SHCC GROUP Sylhet Healthcare City The Opportunity The Ecosystem Strategic Moat Financial Hub Revenue Streams Investor Portal Enquire Now The Opportunity The Ecosystem Strategic Moat Financial Hub Revenue Streams Investor Portal Enquire Now Sylhet-Habiganj Investment Flagship Sylhet Healthcare City A state-of-the-art 150-Bigha Healthcare Ecosystem strategically positioned to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shccgroup.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":7,"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/shccgroup.org\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/shccgroup.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}