{"id":584,"date":"2026-09-14T11:16:28","date_gmt":"2026-09-14T11:16:28","guid":{"rendered":"https:\/\/clickeldigital.com\/comfortgroup\/?page_id=584"},"modified":"2026-09-29T09:28:20","modified_gmt":"2026-09-29T09:28:20","slug":"the-indie-room-page","status":"publish","type":"page","link":"https:\/\/clickeldigital.com\/comfortgroup\/the-indie-room-page\/","title":{"rendered":"The Indie Room Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"584\" class=\"elementor elementor-584\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-001970d e-flex e-con-boxed e-con e-parent\" data-id=\"001970d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0368280 elementor-widget elementor-widget-html\" data-id=\"0368280\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 1: HERO BANNER (FIXED IMAGE URL) -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-hero-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 0 !important; min-height: 88vh; display: flex; align-items: center; background: linear-gradient(135deg, rgba(7, 25, 47, 0.94) 0%, rgba(11, 37, 69, 0.90) 100%), url('\/wp-content\/uploads\/IMG20220910193605.jpg') center\/cover no-repeat; color: #FFFFFF; padding: 110px 20px 90px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  \r\n  <div style=\"max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box;\">\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left Content Column -->\r\n      <div style=\"text-align: left;\">\r\n        \r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 22px;\">\r\n          Co-Working & Workspaces\r\n        <\/div>\r\n\r\n        <h1 style=\"font-size: clamp(36px, 5vw, 54px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.5px;\">\r\n          The Indie Room\r\n        <\/h1>\r\n\r\n        <h2 style=\"font-size: clamp(20px, 3vw, 26px); color: #60a5fa; font-weight: 700; margin: 0 0 22px 0; line-height: 1.3;\">\r\n          Where Independence Works\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: clamp(15px, 2vw, 16.5px); color: #e2e8f0; line-height: 1.7; margin: 0 0 18px 0; max-width: 580px;\">\r\n          Located in the heart of <strong>Panthapath, Dhaka<\/strong>, The Indie Room is a community-driven co-working space and professional workspace designed for freelancers, entrepreneurs, startups, growing companies, and independent professionals.\r\n        <\/p>\r\n\r\n        <p style=\"font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0 0 32px 0; max-width: 560px;\">\r\n          The Indie Room was created around a simple observation: the way people work is changing. As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space.\r\n        <\/p>\r\n\r\n        <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n          <a href=\"#booking-inquiry\" style=\"background: #0066cc; color: #FFFFFF; padding: 13px 32px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block;\">\r\n            Book a Tour\r\n          <\/a>\r\n          <a href=\"#space-amenities\" style=\"border: 1px solid rgba(255,255,255,0.4); color: #FFFFFF; padding: 13px 28px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-block;\">\r\n            Explore Facilities\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Visual Column -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"background: rgba(15, 36, 62, 0.7); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 12px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\">\r\n          \r\n          <!-- IMAGE WITH AUTO-FIND JAVASCRIPT -->\r\n          <img decoding=\"async\" id=\"tir-feature-img\" src=\"\/wp-content\/uploads\/IMG20220226153754.jpg\" alt=\"The Indie Room Panthapath\" style=\"width: 100%; height: 380px; object-fit: cover; border-radius: 12px; display: block; background: #0f243e;\" \/>\r\n          \r\n          <div style=\"padding: 16px 14px 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 800; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Central Hub<\/div>\r\n              <div style=\"font-size: 15px; font-weight: 700; color: #FFFFFF;\">Panthapath, Dhaka<\/div>\r\n            <\/div>\r\n            <div style=\"background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.4); border-radius: 6px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: #e2e8f0;\">\r\n              Active Workspace\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- AUTO-FIX IMAGE PATH & FULL-WIDTH SCRIPT -->\r\n<script>\r\n(function() {\r\n  document.documentElement.style.overflowX = 'hidden';\r\n  document.body.style.overflowX = 'hidden';\r\n\r\n  \/\/ Fix full width\r\n  var hero = document.getElementById('tir-hero-section');\r\n  if (hero) {\r\n    var parent = hero.parentElement;\r\n    while (parent && parent !== document.body) {\r\n      parent.style.padding = '0px';\r\n      parent.style.margin = '0px';\r\n      parent.style.maxWidth = '100%';\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n\r\n  \/\/ Fallback to show clean placeholder if URL not updated\r\n  var img = document.getElementById('tir-feature-img');\r\n  if (img) {\r\n    img.onerror = function() {\r\n      this.src = 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80';\r\n    };\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ffac04 elementor-widget elementor-widget-html\" data-id=\"6ffac04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 2: CORE CONCEPT & ENVIRONMENT     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-concept-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 90px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: Philosophy & Story -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; margin-bottom: 70px;\">\r\n      \r\n      <!-- Left: Client Narrative -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          The Core Concept\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          The Way People Work Is Changing\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space. People needed a professional environment where they could work comfortably, meet the right people, collaborate on ideas, and build something of their own.\r\n        <\/p>\r\n        <p style=\"font-size: 15.5px; color: #0b2545; font-weight: 600; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          That is where The Indie Room comes in.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Our years in business taught us an important lesson: talent needs the right environment to thrive. We created a well-maintained, professional workspace where ambitious minds can focus, collaborate, and scale up without the friction of conventional leases.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Relaxation & Chess Zone Photo -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220226153754.jpg\" data-src=\"IMG20220226153754.jpg\" alt=\"Relaxation and Creative Zone - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Community Zone<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Casual break-out lounge, chess corner & skyline view<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Grid: Active Workspace Showcase -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left: Active Work Floor Photo -->\r\n      <div style=\"order: 2; position: relative;\" class=\"tir-order-shift\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220910193605.jpg\" data-src=\"IMG20220910193605.jpg\" alt=\"Collaborative Work Floor - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Open Desks<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Fully serviced shared workstations & creative floor<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Mission Details -->\r\n      <div style=\"order: 1;\">\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Productive Ambience\r\n        <\/div>\r\n        <h3 style=\"font-size: clamp(24px, 3.5vw, 32px); font-weight: 800; color: #0b2545; line-height: 1.3; margin: 0 0 18px 0;\">\r\n          Room to Think, People to Meet, Ideas to Grow\r\n        <\/h3>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          We believe a great workspace should do more than give you a place to sit. It should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 24px 0;\">\r\n          Whether it is an individual freelancer looking for a productive desk, a startup building its first core team, or an international company establishing an official liaison presence, The Indie Room provides the turn-key space, infrastructure, and network to make it happen.\r\n        <\/p>\r\n\r\n        <!-- 3 Highlight Bullets -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 12px;\">\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Turnkey Infrastructure:<\/strong> High-speed internet, power backup, and modern desks.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Zero Overhead:<\/strong> Eliminate traditional long-term utility deposits and maintenance hassle.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Dynamic Community:<\/strong> Daily interaction among creatives, engineers, and founders.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER FOR WORDPRESS -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-concept-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    \/\/ Check if relative path fails and try common WP uploads structure\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        \/\/ Fallback demo image if WP path is not yet live\r\n        this.src = rawName.indexOf('153754') !== -1 \r\n          ? 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80'\r\n          : 'https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43dcb69 elementor-widget elementor-widget-html\" data-id=\"43dcb69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 3: MORE THAN A WORKSPACE (GRID)  -->\r\n<!-- ========================================================= -->\r\n<section id=\"space-amenities\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #f8fafc; padding: 90px 20px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 780px; margin: 0 auto 55px;\">\r\n      <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px;\">\r\n        Workplace Infrastructure\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; margin: 0 0 16px 0; line-height: 1.25;\">\r\n        More Than a Workspace\r\n      <\/h2>\r\n      <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0;\">\r\n        We provide fully equipped workspaces, meeting and conference facilities, high-speed connectivity, and the essential amenities needed to operate professionally\u2014without the cost and commitment of maintaining a traditional office.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4-Card Capabilities Grid -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Card 1: Workstations -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          01\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Fully Equipped Desks\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Dedicated and flexible desk arrangements built with ergonomic seating, charging stations, and distraction-free layouts designed for individual focus.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Conference & Meeting -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          02\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Meeting & Conferences\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Private boardrooms equipped for client presentations, executive team discussions, video conferencing, and closed strategic sessions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: High-Speed Connectivity -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          03\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          High-Speed Connectivity\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Uninterrupted business-grade internet, dual-ISP routing, and seamless full-facility generator power backup to keep teams operating 24\/7.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Flexible Events -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          04\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Events & Workshops\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          A customizable floor setup that effortlessly adapts from day-to-day shared workstations to community gatherings, creative events, and masterclasses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Conference Room Feature Strip with Photo -->\r\n    <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(11, 37, 69, 0.06); display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); align-items: center;\">\r\n      \r\n      <!-- Left Photo: Conference Room in Session -->\r\n      <div style=\"height: 100%; min-height: 320px;\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20240604165321.jpg\" data-src=\"IMG20240604165321.jpg\" alt=\"Conference and Team Meeting Facility - The Indie Room\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\r\n      <\/div>\r\n\r\n      <!-- Right Description -->\r\n      <div style=\"padding: 40px 36px;\">\r\n        <span style=\"display: inline-block; background: #eef5fc; color: #0066cc; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px;\">Turn-Key Solution<\/span>\r\n        <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 14px 0;\">\r\n          Professional Infrastructure Without Traditional Leases\r\n        <\/h3>\r\n        <p style=\"font-size: 14.5px; color: #475569; line-height: 1.7; margin: 0 0 20px 0;\">\r\n          From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n        <\/p>\r\n        <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Zero Utility Hassles<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Dedicated Support Team<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Full Facility Power Backup<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#space-amenities .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1517502884422-41eaead166d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26d3bb7 elementor-widget elementor-widget-html\" data-id=\"26d3bb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 4: COMMUNITY & EVENTS            -->\r\n<!-- ========================================================= -->\r\n<section id=\"community-culture\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #07192f; color: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 820px; margin: 0 auto 55px;\">\r\n      <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 18px;\">\r\n        Culture & Community\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.2;\">\r\n        We Build Community\r\n      <\/h2>\r\n      <p style=\"font-size: 16px; color: #cbd5e1; line-height: 1.7; margin: 0 0 12px 0;\">\r\n        But our work goes beyond providing desks and meeting rooms. We believe a great workspace should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n      <\/p>\r\n      <p style=\"font-size: 14.5px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n        From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3-Image Showcase Grid (Live Music & Acoustic Gatherings) -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Image Card 1: Acoustic Night Atmosphere -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185411.jpg\" data-src=\"IMG20230223185411.jpg\" alt=\"Acoustic Jam Session - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Acoustic Sessions<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Live Indie Music & Open Mic Nights<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 2: Intimate Performance -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185406.jpg\" data-src=\"IMG20230223185406.jpg\" alt=\"Creative Gathering - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Creative Gatherings<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Community Discussions & Showcases<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 3: Studio & Production Session -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220304213955.jpg\" data-src=\"IMG20220304213955.jpg\" alt=\"Live Studio Setup - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Studio & Production<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Media Shoots & Broadcast Space<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Summary Box -->\r\n    <div style=\"background: linear-gradient(135deg, rgba(11, 37, 69, 0.8) 0%, rgba(7, 25, 47, 0.9) 100%); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 12px; padding: 28px 32px; text-align: center; max-width: 960px; margin: 0 auto;\">\r\n      <p style=\"font-size: 16px; color: #e2e8f0; line-height: 1.7; margin: 0;\">\r\n        \"After five years of operating, The Indie Room has become more than a business within Comfort Group of Companies. It has become a home for independent work, collaboration, and entrepreneurship in Dhaka.\"\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#community-culture .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6550087 elementor-widget elementor-widget-html\" data-id=\"6550087\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 5: 5 YEARS & NOTABLE CLIENTS     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-clients-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: 5-Year Milestone & Proof Photos -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; margin-bottom: 60px;\">\r\n      \r\n      <!-- Left: Exact Text from Client Document -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Five Years of Growth\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          5 Years of Building Community\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Over the past five years, The Indie Room has been home to professionals and organizations across a wide range of industries\u2014from technology and agriculture to marketing, healthcare, media, and international businesses.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Our community has included organizations such as LifeSpring, Corteva Agriscience, Startocore, Markedium, Sonnet Wilson Gomes, and H.M. Cole LLC, among others.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Serving both local businesses and international organizations has given us a unique understanding of what modern professionals and companies need from a workspace.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Client Proof Photos (Corteva Agriscience Meeting & Celebration) -->\r\n      <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n        \r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718120502.jpg\" data-src=\"IMG20220718120502.jpg\" alt=\"Corteva Agriscience Meeting - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Corteva Agriscience Session\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718122833.jpg\" data-src=\"IMG20220718122833.jpg\" alt=\"Client Celebration - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Team Celebration & Event\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Notable Clients Table Header -->\r\n    <div style=\"text-align: center; margin-bottom: 30px;\">\r\n      <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 8px 0;\">\r\n        Some of our notable clients\r\n      <\/h3>\r\n      <p style=\"font-size: 14.5px; color: #64748b; margin: 0;\">\r\n        A diverse network of global enterprises, innovative startups, and independent leaders.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Client Data Table -->\r\n    <div style=\"overflow-x: auto; background: #FFFFFF; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 6px 20px rgba(11, 37, 69, 0.05);\">\r\n      <table style=\"width: 100%; border-collapse: collapse; text-align: left; font-size: 14.5px;\">\r\n        <thead>\r\n          <tr style=\"background: #0b2545; color: #FFFFFF;\">\r\n            <th style=\"padding: 16px 20px; font-weight: 700; width: 60px;\">NO<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">CLIENT<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">TYPE<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">MNC or Local<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          \r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">1.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Life Spring<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Mental Healtchare<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">2.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Corteva Agriscience<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Agriculture - Tech, Innovation and Seeds.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">3.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Startocore<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">French Tech Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liason office.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">4.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Markedium<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Marketing News & Media Company.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">5.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Sonnet Wilson Gomes<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Top SEO Expert of Bangladesh.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local and foreign offices in Singapore.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">6.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">H.M COLE LLC<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Bespoke Suit company from Utah, America.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liaison offices.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">7.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Rose Tech<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Prominent Software Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-clients-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2de06ff elementor-widget elementor-widget-html\" data-id=\"2de06ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 6: BOOKING & CONTACT CTA STRIP   -->\r\n<!-- ========================================================= -->\r\n<section id=\"booking-inquiry\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07192f 0%, #0b2545 100%); color: #FFFFFF; padding: 85px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\r\n  <div style=\"max-width: 1100px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px; align-items: center;\">\r\n      \r\n      <!-- Left: Contact Information & Location Details -->\r\n      <div>\r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 5px 16px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 16px;\">\r\n          Get In Touch\r\n        <\/div>\r\n\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.25;\">\r\n          Find Your Space at The Indie Room\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.7; margin: 0 0 28px 0;\">\r\n          Whether you need a single flexible desk, a fully equipped private team room, or a dedicated setup for a corporate conference or creative workshop, schedule a visit or talk with our workspace team today.\r\n        <\/p>\r\n\r\n        <!-- Direct Contact Points -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\r\n          \r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83d\udccd\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Location<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Panthapath, Dhaka, Bangladesh<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83c\udfe2\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Group Umbrella<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">A Concern of Comfort Group of Companies<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \u23f0\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Operating Hours<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Saturday \u2013 Thursday: 9:00 AM \u2013 9:00 PM<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Direct Booking \/ Inquiry Card -->\r\n      <div style=\"background: rgba(15, 36, 62, 0.75); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 34px 30px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); backdrop-filter: blur(10px);\">\r\n        \r\n        <h3 style=\"font-size: 20px; font-weight: 800; color: #FFFFFF; margin: 0 0 8px 0;\">\r\n          Schedule a Tour or Reserve\r\n        <\/h3>\r\n        <p style=\"font-size: 13.5px; color: #94a3b8; margin: 0 0 22px 0;\">\r\n          Leave your details and our team will get in touch within 24 business hours.\r\n        <\/p>\r\n\r\n        <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('Thank you for reaching out! We will contact you shortly.');\">\r\n          \r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Your Name<\/label>\r\n            <input type=\"text\" placeholder=\"e.g. Tanvir Ahmed\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Contact Number \/ Email<\/label>\r\n            <input type=\"text\" placeholder=\"Phone or Email\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 20px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Space Requirement<\/label>\r\n            <select style=\"width: 100%; padding: 11px 14px; background: #07192f; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\">\r\n              <option value=\"hotdesk\">Hotdesk \/ Dedicated Desk<\/option>\r\n              <option value=\"private-room\">Private Team Cabin<\/option>\r\n              <option value=\"conference\">Conference \/ Meeting Room<\/option>\r\n              <option value=\"event\">Workshop \/ Creative Event Space<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" style=\"width: 100%; background: #0066cc; color: #FFFFFF; padding: 13px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.2s;\" onmouseover=\"this.style.background='#0052a3'\" onmouseout=\"this.style.background='#0066cc'\">\r\n            Submit Inquiry\r\n          <\/button>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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-2671dd06 e-flex e-con-boxed e-con e-parent\" data-id=\"2671dd06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10e3a0c8 elementor-widget elementor-widget-html\" data-id=\"10e3a0c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 1: HERO BANNER (FIXED IMAGE URL) -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-hero-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 0 !important; min-height: 88vh; display: flex; align-items: center; background: linear-gradient(135deg, rgba(7, 25, 47, 0.94) 0%, rgba(11, 37, 69, 0.90) 100%), url('\/wp-content\/uploads\/IMG20220910193605.jpg') center\/cover no-repeat; color: #FFFFFF; padding: 110px 20px 90px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  \r\n  <div style=\"max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box;\">\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left Content Column -->\r\n      <div style=\"text-align: left;\">\r\n        \r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 22px;\">\r\n          Co-Working & Workspaces\r\n        <\/div>\r\n\r\n        <h1 style=\"font-size: clamp(36px, 5vw, 54px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.5px;\">\r\n          The Indie Room\r\n        <\/h1>\r\n\r\n        <h2 style=\"font-size: clamp(20px, 3vw, 26px); color: #60a5fa; font-weight: 700; margin: 0 0 22px 0; line-height: 1.3;\">\r\n          Where Independence Works\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: clamp(15px, 2vw, 16.5px); color: #e2e8f0; line-height: 1.7; margin: 0 0 18px 0; max-width: 580px;\">\r\n          Located in the heart of <strong>Panthapath, Dhaka<\/strong>, The Indie Room is a community-driven co-working space and professional workspace designed for freelancers, entrepreneurs, startups, growing companies, and independent professionals.\r\n        <\/p>\r\n\r\n        <p style=\"font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0 0 32px 0; max-width: 560px;\">\r\n          The Indie Room was created around a simple observation: the way people work is changing. As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space.\r\n        <\/p>\r\n\r\n        <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n          <a href=\"#booking-inquiry\" style=\"background: #0066cc; color: #FFFFFF; padding: 13px 32px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block;\">\r\n            Book a Tour\r\n          <\/a>\r\n          <a href=\"#space-amenities\" style=\"border: 1px solid rgba(255,255,255,0.4); color: #FFFFFF; padding: 13px 28px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-block;\">\r\n            Explore Facilities\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Visual Column -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"background: rgba(15, 36, 62, 0.7); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 12px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\">\r\n          \r\n          <!-- IMAGE WITH AUTO-FIND JAVASCRIPT -->\r\n          <img decoding=\"async\" id=\"tir-feature-img\" src=\"\/wp-content\/uploads\/IMG20220226153754.jpg\" alt=\"The Indie Room Panthapath\" style=\"width: 100%; height: 380px; object-fit: cover; border-radius: 12px; display: block; background: #0f243e;\" \/>\r\n          \r\n          <div style=\"padding: 16px 14px 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 800; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Central Hub<\/div>\r\n              <div style=\"font-size: 15px; font-weight: 700; color: #FFFFFF;\">Panthapath, Dhaka<\/div>\r\n            <\/div>\r\n            <div style=\"background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.4); border-radius: 6px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: #e2e8f0;\">\r\n              Active Workspace\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- AUTO-FIX IMAGE PATH & FULL-WIDTH SCRIPT -->\r\n<script>\r\n(function() {\r\n  document.documentElement.style.overflowX = 'hidden';\r\n  document.body.style.overflowX = 'hidden';\r\n\r\n  \/\/ Fix full width\r\n  var hero = document.getElementById('tir-hero-section');\r\n  if (hero) {\r\n    var parent = hero.parentElement;\r\n    while (parent && parent !== document.body) {\r\n      parent.style.padding = '0px';\r\n      parent.style.margin = '0px';\r\n      parent.style.maxWidth = '100%';\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n\r\n  \/\/ Fallback to show clean placeholder if URL not updated\r\n  var img = document.getElementById('tir-feature-img');\r\n  if (img) {\r\n    img.onerror = function() {\r\n      this.src = 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80';\r\n    };\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23e719b1 elementor-widget elementor-widget-html\" data-id=\"23e719b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 2: CORE CONCEPT & ENVIRONMENT     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-concept-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 90px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: Philosophy & Story -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; margin-bottom: 70px;\">\r\n      \r\n      <!-- Left: Client Narrative -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          The Core Concept\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          The Way People Work Is Changing\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space. People needed a professional environment where they could work comfortably, meet the right people, collaborate on ideas, and build something of their own.\r\n        <\/p>\r\n        <p style=\"font-size: 15.5px; color: #0b2545; font-weight: 600; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          That is where The Indie Room comes in.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Our years in business taught us an important lesson: talent needs the right environment to thrive. We created a well-maintained, professional workspace where ambitious minds can focus, collaborate, and scale up without the friction of conventional leases.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Relaxation & Chess Zone Photo -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220226153754.jpg\" data-src=\"IMG20220226153754.jpg\" alt=\"Relaxation and Creative Zone - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Community Zone<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Casual break-out lounge, chess corner & skyline view<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Grid: Active Workspace Showcase -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left: Active Work Floor Photo -->\r\n      <div style=\"order: 2; position: relative;\" class=\"tir-order-shift\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220910193605.jpg\" data-src=\"IMG20220910193605.jpg\" alt=\"Collaborative Work Floor - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Open Desks<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Fully serviced shared workstations & creative floor<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Mission Details -->\r\n      <div style=\"order: 1;\">\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Productive Ambience\r\n        <\/div>\r\n        <h3 style=\"font-size: clamp(24px, 3.5vw, 32px); font-weight: 800; color: #0b2545; line-height: 1.3; margin: 0 0 18px 0;\">\r\n          Room to Think, People to Meet, Ideas to Grow\r\n        <\/h3>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          We believe a great workspace should do more than give you a place to sit. It should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 24px 0;\">\r\n          Whether it is an individual freelancer looking for a productive desk, a startup building its first core team, or an international company establishing an official liaison presence, The Indie Room provides the turn-key space, infrastructure, and network to make it happen.\r\n        <\/p>\r\n\r\n        <!-- 3 Highlight Bullets -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 12px;\">\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Turnkey Infrastructure:<\/strong> High-speed internet, power backup, and modern desks.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Zero Overhead:<\/strong> Eliminate traditional long-term utility deposits and maintenance hassle.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Dynamic Community:<\/strong> Daily interaction among creatives, engineers, and founders.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER FOR WORDPRESS -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-concept-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    \/\/ Check if relative path fails and try common WP uploads structure\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        \/\/ Fallback demo image if WP path is not yet live\r\n        this.src = rawName.indexOf('153754') !== -1 \r\n          ? 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80'\r\n          : 'https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-745f7711 elementor-widget elementor-widget-html\" data-id=\"745f7711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 3: MORE THAN A WORKSPACE (GRID)  -->\r\n<!-- ========================================================= -->\r\n<section id=\"space-amenities\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #f8fafc; padding: 90px 20px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 780px; margin: 0 auto 55px;\">\r\n      <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px;\">\r\n        Workplace Infrastructure\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; margin: 0 0 16px 0; line-height: 1.25;\">\r\n        More Than a Workspace\r\n      <\/h2>\r\n      <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0;\">\r\n        We provide fully equipped workspaces, meeting and conference facilities, high-speed connectivity, and the essential amenities needed to operate professionally\u2014without the cost and commitment of maintaining a traditional office.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4-Card Capabilities Grid -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Card 1: Workstations -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          01\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Fully Equipped Desks\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Dedicated and flexible desk arrangements built with ergonomic seating, charging stations, and distraction-free layouts designed for individual focus.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Conference & Meeting -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          02\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Meeting & Conferences\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Private boardrooms equipped for client presentations, executive team discussions, video conferencing, and closed strategic sessions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: High-Speed Connectivity -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          03\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          High-Speed Connectivity\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Uninterrupted business-grade internet, dual-ISP routing, and seamless full-facility generator power backup to keep teams operating 24\/7.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Flexible Events -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          04\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Events & Workshops\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          A customizable floor setup that effortlessly adapts from day-to-day shared workstations to community gatherings, creative events, and masterclasses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Conference Room Feature Strip with Photo -->\r\n    <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(11, 37, 69, 0.06); display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); align-items: center;\">\r\n      \r\n      <!-- Left Photo: Conference Room in Session -->\r\n      <div style=\"height: 100%; min-height: 320px;\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20240604165321.jpg\" data-src=\"IMG20240604165321.jpg\" alt=\"Conference and Team Meeting Facility - The Indie Room\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\r\n      <\/div>\r\n\r\n      <!-- Right Description -->\r\n      <div style=\"padding: 40px 36px;\">\r\n        <span style=\"display: inline-block; background: #eef5fc; color: #0066cc; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px;\">Turn-Key Solution<\/span>\r\n        <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 14px 0;\">\r\n          Professional Infrastructure Without Traditional Leases\r\n        <\/h3>\r\n        <p style=\"font-size: 14.5px; color: #475569; line-height: 1.7; margin: 0 0 20px 0;\">\r\n          From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n        <\/p>\r\n        <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Zero Utility Hassles<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Dedicated Support Team<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Full Facility Power Backup<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#space-amenities .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1517502884422-41eaead166d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68e75b45 elementor-widget elementor-widget-html\" data-id=\"68e75b45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 4: COMMUNITY & EVENTS            -->\r\n<!-- ========================================================= -->\r\n<section id=\"community-culture\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #07192f; color: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 820px; margin: 0 auto 55px;\">\r\n      <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 18px;\">\r\n        Culture & Community\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.2;\">\r\n        We Build Community\r\n      <\/h2>\r\n      <p style=\"font-size: 16px; color: #cbd5e1; line-height: 1.7; margin: 0 0 12px 0;\">\r\n        But our work goes beyond providing desks and meeting rooms. We believe a great workspace should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n      <\/p>\r\n      <p style=\"font-size: 14.5px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n        From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3-Image Showcase Grid (Live Music & Acoustic Gatherings) -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Image Card 1: Acoustic Night Atmosphere -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185411.jpg\" data-src=\"IMG20230223185411.jpg\" alt=\"Acoustic Jam Session - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Acoustic Sessions<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Live Indie Music & Open Mic Nights<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 2: Intimate Performance -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185406.jpg\" data-src=\"IMG20230223185406.jpg\" alt=\"Creative Gathering - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Creative Gatherings<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Community Discussions & Showcases<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 3: Studio & Production Session -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220304213955.jpg\" data-src=\"IMG20220304213955.jpg\" alt=\"Live Studio Setup - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Studio & Production<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Media Shoots & Broadcast Space<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Summary Box -->\r\n    <div style=\"background: linear-gradient(135deg, rgba(11, 37, 69, 0.8) 0%, rgba(7, 25, 47, 0.9) 100%); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 12px; padding: 28px 32px; text-align: center; max-width: 960px; margin: 0 auto;\">\r\n      <p style=\"font-size: 16px; color: #e2e8f0; line-height: 1.7; margin: 0;\">\r\n        \"After five years of operating, The Indie Room has become more than a business within Comfort Group of Companies. It has become a home for independent work, collaboration, and entrepreneurship in Dhaka.\"\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#community-culture .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bcece4f elementor-widget elementor-widget-html\" data-id=\"3bcece4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 5: 5 YEARS & NOTABLE CLIENTS     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-clients-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: 5-Year Milestone & Proof Photos -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; margin-bottom: 60px;\">\r\n      \r\n      <!-- Left: Exact Text from Client Document -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Five Years of Growth\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          5 Years of Building Community\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Over the past five years, The Indie Room has been home to professionals and organizations across a wide range of industries\u2014from technology and agriculture to marketing, healthcare, media, and international businesses.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Our community has included organizations such as LifeSpring, Corteva Agriscience, Startocore, Markedium, Sonnet Wilson Gomes, and H.M. Cole LLC, among others.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Serving both local businesses and international organizations has given us a unique understanding of what modern professionals and companies need from a workspace.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Client Proof Photos (Corteva Agriscience Meeting & Celebration) -->\r\n      <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n        \r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718120502.jpg\" data-src=\"IMG20220718120502.jpg\" alt=\"Corteva Agriscience Meeting - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Corteva Agriscience Session\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718122833.jpg\" data-src=\"IMG20220718122833.jpg\" alt=\"Client Celebration - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Team Celebration & Event\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Notable Clients Table Header -->\r\n    <div style=\"text-align: center; margin-bottom: 30px;\">\r\n      <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 8px 0;\">\r\n        Some of our notable clients\r\n      <\/h3>\r\n      <p style=\"font-size: 14.5px; color: #64748b; margin: 0;\">\r\n        A diverse network of global enterprises, innovative startups, and independent leaders.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Client Data Table -->\r\n    <div style=\"overflow-x: auto; background: #FFFFFF; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 6px 20px rgba(11, 37, 69, 0.05);\">\r\n      <table style=\"width: 100%; border-collapse: collapse; text-align: left; font-size: 14.5px;\">\r\n        <thead>\r\n          <tr style=\"background: #0b2545; color: #FFFFFF;\">\r\n            <th style=\"padding: 16px 20px; font-weight: 700; width: 60px;\">NO<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">CLIENT<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">TYPE<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">MNC or Local<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          \r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">1.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Life Spring<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Mental Healtchare<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">2.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Corteva Agriscience<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Agriculture - Tech, Innovation and Seeds.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">3.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Startocore<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">French Tech Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liason office.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">4.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Markedium<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Marketing News & Media Company.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">5.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Sonnet Wilson Gomes<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Top SEO Expert of Bangladesh.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local and foreign offices in Singapore.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">6.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">H.M COLE LLC<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Bespoke Suit company from Utah, America.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liaison offices.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">7.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Rose Tech<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Prominent Software Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-clients-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1407f6e2 elementor-widget elementor-widget-html\" data-id=\"1407f6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 6: BOOKING & CONTACT CTA STRIP   -->\r\n<!-- ========================================================= -->\r\n<section id=\"booking-inquiry\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07192f 0%, #0b2545 100%); color: #FFFFFF; padding: 85px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\r\n  <div style=\"max-width: 1100px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px; align-items: center;\">\r\n      \r\n      <!-- Left: Contact Information & Location Details -->\r\n      <div>\r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 5px 16px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 16px;\">\r\n          Get In Touch\r\n        <\/div>\r\n\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.25;\">\r\n          Find Your Space at The Indie Room\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.7; margin: 0 0 28px 0;\">\r\n          Whether you need a single flexible desk, a fully equipped private team room, or a dedicated setup for a corporate conference or creative workshop, schedule a visit or talk with our workspace team today.\r\n        <\/p>\r\n\r\n        <!-- Direct Contact Points -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\r\n          \r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83d\udccd\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Location<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Panthapath, Dhaka, Bangladesh<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83c\udfe2\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Group Umbrella<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">A Concern of Comfort Group of Companies<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \u23f0\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Operating Hours<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Saturday \u2013 Thursday: 9:00 AM \u2013 9:00 PM<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Direct Booking \/ Inquiry Card -->\r\n      <div style=\"background: rgba(15, 36, 62, 0.75); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 34px 30px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); backdrop-filter: blur(10px);\">\r\n        \r\n        <h3 style=\"font-size: 20px; font-weight: 800; color: #FFFFFF; margin: 0 0 8px 0;\">\r\n          Schedule a Tour or Reserve\r\n        <\/h3>\r\n        <p style=\"font-size: 13.5px; color: #94a3b8; margin: 0 0 22px 0;\">\r\n          Leave your details and our team will get in touch within 24 business hours.\r\n        <\/p>\r\n\r\n        <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('Thank you for reaching out! We will contact you shortly.');\">\r\n          \r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Your Name<\/label>\r\n            <input type=\"text\" placeholder=\"e.g. Tanvir Ahmed\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Contact Number \/ Email<\/label>\r\n            <input type=\"text\" placeholder=\"Phone or Email\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 20px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Space Requirement<\/label>\r\n            <select style=\"width: 100%; padding: 11px 14px; background: #07192f; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\">\r\n              <option value=\"hotdesk\">Hotdesk \/ Dedicated Desk<\/option>\r\n              <option value=\"private-room\">Private Team Cabin<\/option>\r\n              <option value=\"conference\">Conference \/ Meeting Room<\/option>\r\n              <option value=\"event\">Workshop \/ Creative Event Space<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" style=\"width: 100%; background: #0066cc; color: #FFFFFF; padding: 13px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.2s;\" onmouseover=\"this.style.background='#0052a3'\" onmouseout=\"this.style.background='#0066cc'\">\r\n            Submit Inquiry\r\n          <\/button>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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-7ff61fed e-flex e-con-boxed e-con e-parent\" data-id=\"7ff61fed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63a2788e elementor-widget elementor-widget-html\" data-id=\"63a2788e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 1: HERO BANNER (FIXED IMAGE URL) -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-hero-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 0 !important; min-height: 88vh; display: flex; align-items: center; background: linear-gradient(135deg, rgba(7, 25, 47, 0.94) 0%, rgba(11, 37, 69, 0.90) 100%), url('\/wp-content\/uploads\/IMG20220910193605.jpg') center\/cover no-repeat; color: #FFFFFF; padding: 110px 20px 90px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  \r\n  <div style=\"max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box;\">\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left Content Column -->\r\n      <div style=\"text-align: left;\">\r\n        \r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 22px;\">\r\n          Co-Working & Workspaces\r\n        <\/div>\r\n\r\n        <h1 style=\"font-size: clamp(36px, 5vw, 54px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.5px;\">\r\n          The Indie Room\r\n        <\/h1>\r\n\r\n        <h2 style=\"font-size: clamp(20px, 3vw, 26px); color: #60a5fa; font-weight: 700; margin: 0 0 22px 0; line-height: 1.3;\">\r\n          Where Independence Works\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: clamp(15px, 2vw, 16.5px); color: #e2e8f0; line-height: 1.7; margin: 0 0 18px 0; max-width: 580px;\">\r\n          Located in the heart of <strong>Panthapath, Dhaka<\/strong>, The Indie Room is a community-driven co-working space and professional workspace designed for freelancers, entrepreneurs, startups, growing companies, and independent professionals.\r\n        <\/p>\r\n\r\n        <p style=\"font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0 0 32px 0; max-width: 560px;\">\r\n          The Indie Room was created around a simple observation: the way people work is changing. As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space.\r\n        <\/p>\r\n\r\n        <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n          <a href=\"#booking-inquiry\" style=\"background: #0066cc; color: #FFFFFF; padding: 13px 32px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block;\">\r\n            Book a Tour\r\n          <\/a>\r\n          <a href=\"#space-amenities\" style=\"border: 1px solid rgba(255,255,255,0.4); color: #FFFFFF; padding: 13px 28px; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-block;\">\r\n            Explore Facilities\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Visual Column -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"background: rgba(15, 36, 62, 0.7); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 12px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\">\r\n          \r\n          <!-- IMAGE WITH AUTO-FIND JAVASCRIPT -->\r\n          <img decoding=\"async\" id=\"tir-feature-img\" src=\"\/wp-content\/uploads\/IMG20220226153754.jpg\" alt=\"The Indie Room Panthapath\" style=\"width: 100%; height: 380px; object-fit: cover; border-radius: 12px; display: block; background: #0f243e;\" \/>\r\n          \r\n          <div style=\"padding: 16px 14px 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\">\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 800; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Central Hub<\/div>\r\n              <div style=\"font-size: 15px; font-weight: 700; color: #FFFFFF;\">Panthapath, Dhaka<\/div>\r\n            <\/div>\r\n            <div style=\"background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.4); border-radius: 6px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: #e2e8f0;\">\r\n              Active Workspace\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- AUTO-FIX IMAGE PATH & FULL-WIDTH SCRIPT -->\r\n<script>\r\n(function() {\r\n  document.documentElement.style.overflowX = 'hidden';\r\n  document.body.style.overflowX = 'hidden';\r\n\r\n  \/\/ Fix full width\r\n  var hero = document.getElementById('tir-hero-section');\r\n  if (hero) {\r\n    var parent = hero.parentElement;\r\n    while (parent && parent !== document.body) {\r\n      parent.style.padding = '0px';\r\n      parent.style.margin = '0px';\r\n      parent.style.maxWidth = '100%';\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n\r\n  \/\/ Fallback to show clean placeholder if URL not updated\r\n  var img = document.getElementById('tir-feature-img');\r\n  if (img) {\r\n    img.onerror = function() {\r\n      this.src = 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80';\r\n    };\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46b2db4e elementor-widget elementor-widget-html\" data-id=\"46b2db4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 2: CORE CONCEPT & ENVIRONMENT     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-concept-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 90px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: Philosophy & Story -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center; margin-bottom: 70px;\">\r\n      \r\n      <!-- Left: Client Narrative -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          The Core Concept\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          The Way People Work Is Changing\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          As Bangladesh's startup, freelancing, entrepreneurial, and creative communities continue to grow, we saw a need for more than just office space. People needed a professional environment where they could work comfortably, meet the right people, collaborate on ideas, and build something of their own.\r\n        <\/p>\r\n        <p style=\"font-size: 15.5px; color: #0b2545; font-weight: 600; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          That is where The Indie Room comes in.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Our years in business taught us an important lesson: talent needs the right environment to thrive. We created a well-maintained, professional workspace where ambitious minds can focus, collaborate, and scale up without the friction of conventional leases.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Relaxation & Chess Zone Photo -->\r\n      <div style=\"position: relative;\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220226153754.jpg\" data-src=\"IMG20220226153754.jpg\" alt=\"Relaxation and Creative Zone - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Community Zone<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Casual break-out lounge, chess corner & skyline view<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Grid: Active Workspace Showcase -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; align-items: center;\">\r\n      \r\n      <!-- Left: Active Work Floor Photo -->\r\n      <div style=\"order: 2; position: relative;\" class=\"tir-order-shift\">\r\n        <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 16px 36px rgba(11, 37, 69, 0.12); border: 1px solid #e2e8f0; background: #f8fafc;\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220910193605.jpg\" data-src=\"IMG20220910193605.jpg\" alt=\"Collaborative Work Floor - The Indie Room\" style=\"width: 100%; height: 380px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 16px 20px; background: #FFFFFF; border-top: 1px solid #e2e8f0;\">\r\n            <span style=\"font-size: 12px; font-weight: 700; color: #0066cc; text-transform: uppercase;\">Open Desks<\/span>\r\n            <div style=\"font-size: 14.5px; font-weight: 600; color: #0b2545; margin-top: 2px;\">Fully serviced shared workstations & creative floor<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Mission Details -->\r\n      <div style=\"order: 1;\">\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Productive Ambience\r\n        <\/div>\r\n        <h3 style=\"font-size: clamp(24px, 3.5vw, 32px); font-weight: 800; color: #0b2545; line-height: 1.3; margin: 0 0 18px 0;\">\r\n          Room to Think, People to Meet, Ideas to Grow\r\n        <\/h3>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          We believe a great workspace should do more than give you a place to sit. It should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 24px 0;\">\r\n          Whether it is an individual freelancer looking for a productive desk, a startup building its first core team, or an international company establishing an official liaison presence, The Indie Room provides the turn-key space, infrastructure, and network to make it happen.\r\n        <\/p>\r\n\r\n        <!-- 3 Highlight Bullets -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 12px;\">\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Turnkey Infrastructure:<\/strong> High-speed internet, power backup, and modern desks.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Zero Overhead:<\/strong> Eliminate traditional long-term utility deposits and maintenance hassle.<\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: flex-start; gap: 12px;\">\r\n            <div style=\"min-width: 22px; height: 22px; border-radius: 50%; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;\">\u2713<\/div>\r\n            <div style=\"font-size: 14.5px; color: #1e293b;\"><strong>Dynamic Community:<\/strong> Daily interaction among creatives, engineers, and founders.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER FOR WORDPRESS -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-concept-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    \/\/ Check if relative path fails and try common WP uploads structure\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        \/\/ Fallback demo image if WP path is not yet live\r\n        this.src = rawName.indexOf('153754') !== -1 \r\n          ? 'https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=800&q=80'\r\n          : 'https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14dfe85a elementor-widget elementor-widget-html\" data-id=\"14dfe85a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 3: MORE THAN A WORKSPACE (GRID)  -->\r\n<!-- ========================================================= -->\r\n<section id=\"space-amenities\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #f8fafc; padding: 90px 20px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 780px; margin: 0 auto 55px;\">\r\n      <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px;\">\r\n        Workplace Infrastructure\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; margin: 0 0 16px 0; line-height: 1.25;\">\r\n        More Than a Workspace\r\n      <\/h2>\r\n      <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0;\">\r\n        We provide fully equipped workspaces, meeting and conference facilities, high-speed connectivity, and the essential amenities needed to operate professionally\u2014without the cost and commitment of maintaining a traditional office.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4-Card Capabilities Grid -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Card 1: Workstations -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          01\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Fully Equipped Desks\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Dedicated and flexible desk arrangements built with ergonomic seating, charging stations, and distraction-free layouts designed for individual focus.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Conference & Meeting -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          02\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Meeting & Conferences\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Private boardrooms equipped for client presentations, executive team discussions, video conferencing, and closed strategic sessions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3: High-Speed Connectivity -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          03\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          High-Speed Connectivity\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          Uninterrupted business-grade internet, dual-ISP routing, and seamless full-facility generator power backup to keep teams operating 24\/7.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Flexible Events -->\r\n      <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px 26px; box-shadow: 0 4px 12px rgba(11, 37, 69, 0.04); display: flex; flex-direction: column;\">\r\n        <div style=\"width: 44px; height: 44px; border-radius: 8px; background: #eef5fc; color: #0066cc; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin-bottom: 20px;\">\r\n          04\r\n        <\/div>\r\n        <h3 style=\"font-size: 19px; font-weight: 800; color: #0b2545; margin: 0 0 10px 0;\">\r\n          Events & Workshops\r\n        <\/h3>\r\n        <p style=\"font-size: 14px; color: #64748b; line-height: 1.6; margin: 0;\">\r\n          A customizable floor setup that effortlessly adapts from day-to-day shared workstations to community gatherings, creative events, and masterclasses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Conference Room Feature Strip with Photo -->\r\n    <div style=\"background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(11, 37, 69, 0.06); display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); align-items: center;\">\r\n      \r\n      <!-- Left Photo: Conference Room in Session -->\r\n      <div style=\"height: 100%; min-height: 320px;\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20240604165321.jpg\" data-src=\"IMG20240604165321.jpg\" alt=\"Conference and Team Meeting Facility - The Indie Room\" style=\"width: 100%; height: 100%; object-fit: cover; display: block;\" \/>\r\n      <\/div>\r\n\r\n      <!-- Right Description -->\r\n      <div style=\"padding: 40px 36px;\">\r\n        <span style=\"display: inline-block; background: #eef5fc; color: #0066cc; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px;\">Turn-Key Solution<\/span>\r\n        <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 14px 0;\">\r\n          Professional Infrastructure Without Traditional Leases\r\n        <\/h3>\r\n        <p style=\"font-size: 14.5px; color: #475569; line-height: 1.7; margin: 0 0 20px 0;\">\r\n          From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n        <\/p>\r\n        <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Zero Utility Hassles<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Dedicated Support Team<\/span>\r\n          <span style=\"background: #f1f5f9; color: #334155; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;\">Full Facility Power Backup<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE PATH RESOLVER SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#space-amenities .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1517502884422-41eaead166d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2630cb43 elementor-widget elementor-widget-html\" data-id=\"2630cb43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 4: COMMUNITY & EVENTS            -->\r\n<!-- ========================================================= -->\r\n<section id=\"community-culture\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #07192f; color: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Section Header -->\r\n    <div style=\"text-align: center; max-width: 820px; margin: 0 auto 55px;\">\r\n      <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 6px 18px; border-radius: 50px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 18px;\">\r\n        Culture & Community\r\n      <\/div>\r\n      <h2 style=\"font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.2;\">\r\n        We Build Community\r\n      <\/h2>\r\n      <p style=\"font-size: 16px; color: #cbd5e1; line-height: 1.7; margin: 0 0 12px 0;\">\r\n        But our work goes beyond providing desks and meeting rooms. We believe a great workspace should give you room to think, people to meet, ideas to exchange, and opportunities to grow.\r\n      <\/p>\r\n      <p style=\"font-size: 14.5px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n        From everyday co-working and private workspaces to corporate meetings, conferences, workshops, community gatherings, and creative events, we have built a flexible environment that adapts to the people and businesses using it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3-Image Showcase Grid (Live Music & Acoustic Gatherings) -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; margin-bottom: 50px;\">\r\n\r\n      <!-- Image Card 1: Acoustic Night Atmosphere -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185411.jpg\" data-src=\"IMG20230223185411.jpg\" alt=\"Acoustic Jam Session - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Acoustic Sessions<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Live Indie Music & Open Mic Nights<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 2: Intimate Performance -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20230223185406.jpg\" data-src=\"IMG20230223185406.jpg\" alt=\"Creative Gathering - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Creative Gatherings<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Community Discussions & Showcases<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Image Card 3: Studio & Production Session -->\r\n      <div style=\"background: rgba(11, 37, 69, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);\">\r\n        <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220304213955.jpg\" data-src=\"IMG20220304213955.jpg\" alt=\"Live Studio Setup - The Indie Room\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\" \/>\r\n        <div style=\"padding: 18px 20px;\">\r\n          <div style=\"font-size: 11.5px; font-weight: 700; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.8px;\">Studio & Production<\/div>\r\n          <div style=\"font-size: 16px; font-weight: 700; color: #FFFFFF; margin-top: 4px;\">Media Shoots & Broadcast Space<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Summary Box -->\r\n    <div style=\"background: linear-gradient(135deg, rgba(11, 37, 69, 0.8) 0%, rgba(7, 25, 47, 0.9) 100%); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 12px; padding: 28px 32px; text-align: center; max-width: 960px; margin: 0 auto;\">\r\n      <p style=\"font-size: 16px; color: #e2e8f0; line-height: 1.7; margin: 0;\">\r\n        \"After five years of operating, The Indie Room has become more than a business within Comfort Group of Companies. It has become a home for independent work, collaboration, and entrepreneurship in Dhaka.\"\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#community-culture .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a668f09 elementor-widget elementor-widget-html\" data-id=\"a668f09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 5: 5 YEARS & NOTABLE CLIENTS     -->\r\n<!-- ========================================================= -->\r\n<section id=\"tir-clients-section\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #FFFFFF; padding: 95px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; color: #1e293b;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <!-- Top Grid: 5-Year Milestone & Proof Photos -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; margin-bottom: 60px;\">\r\n      \r\n      <!-- Left: Exact Text from Client Document -->\r\n      <div>\r\n        <div style=\"font-size: 13px; font-weight: 700; color: #0066cc; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 12px;\">\r\n          Five Years of Growth\r\n        <\/div>\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #0b2545; line-height: 1.25; margin: 0 0 20px 0;\">\r\n          5 Years of Building Community\r\n        <\/h2>\r\n        <p style=\"font-size: 15.5px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Over the past five years, The Indie Room has been home to professionals and organizations across a wide range of industries\u2014from technology and agriculture to marketing, healthcare, media, and international businesses.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #475569; line-height: 1.7; margin: 0 0 16px 0;\">\r\n          Our community has included organizations such as LifeSpring, Corteva Agriscience, Startocore, Markedium, Sonnet Wilson Gomes, and H.M. Cole LLC, among others.\r\n        <\/p>\r\n        <p style=\"font-size: 15px; color: #64748b; line-height: 1.7; margin: 0;\">\r\n          Serving both local businesses and international organizations has given us a unique understanding of what modern professionals and companies need from a workspace.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: Client Proof Photos (Corteva Agriscience Meeting & Celebration) -->\r\n      <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\r\n        \r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718120502.jpg\" data-src=\"IMG20220718120502.jpg\" alt=\"Corteva Agriscience Meeting - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Corteva Agriscience Session\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 8px 20px rgba(11, 37, 69, 0.08);\">\r\n          <img decoding=\"async\" class=\"tir-dyn-img\" src=\"IMG20220718122833.jpg\" data-src=\"IMG20220718122833.jpg\" alt=\"Client Celebration - The Indie Room\" style=\"width: 100%; height: 260px; object-fit: cover; display: block;\" \/>\r\n          <div style=\"padding: 10px 12px; background: #f8fafc; font-size: 12px; font-weight: 700; color: #0b2545;\">\r\n            Team Celebration & Event\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Notable Clients Table Header -->\r\n    <div style=\"text-align: center; margin-bottom: 30px;\">\r\n      <h3 style=\"font-size: 24px; font-weight: 800; color: #0b2545; margin: 0 0 8px 0;\">\r\n        Some of our notable clients\r\n      <\/h3>\r\n      <p style=\"font-size: 14.5px; color: #64748b; margin: 0;\">\r\n        A diverse network of global enterprises, innovative startups, and independent leaders.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Client Data Table -->\r\n    <div style=\"overflow-x: auto; background: #FFFFFF; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 6px 20px rgba(11, 37, 69, 0.05);\">\r\n      <table style=\"width: 100%; border-collapse: collapse; text-align: left; font-size: 14.5px;\">\r\n        <thead>\r\n          <tr style=\"background: #0b2545; color: #FFFFFF;\">\r\n            <th style=\"padding: 16px 20px; font-weight: 700; width: 60px;\">NO<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">CLIENT<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">TYPE<\/th>\r\n            <th style=\"padding: 16px 20px; font-weight: 700;\">MNC or Local<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          \r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">1.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Life Spring<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Mental Healtchare<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">2.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Corteva Agriscience<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Agriculture - Tech, Innovation and Seeds.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">3.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Startocore<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">French Tech Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liason office.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">4.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Markedium<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Marketing News & Media Company.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">5.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Sonnet Wilson Gomes<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Top SEO Expert of Bangladesh.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local and foreign offices in Singapore.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr style=\"border-bottom: 1px solid #e2e8f0; background: #f8fafc;\">\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">6.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">H.M COLE LLC<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Bespoke Suit company from Utah, America.<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #dbeafe; color: #1e40af; padding: 4px 10px; border-radius: 4px; font-weight: 700; font-size: 12.5px;\">MNC\/Liaison offices.<\/span><\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0066cc;\">7.<\/td>\r\n            <td style=\"padding: 16px 20px; font-weight: 700; color: #0b2545;\">Rose Tech<\/td>\r\n            <td style=\"padding: 16px 20px; color: #475569;\">Prominent Software Company<\/td>\r\n            <td style=\"padding: 16px 20px;\"><span style=\"background: #f1f5f9; color: #334155; padding: 4px 10px; border-radius: 4px; font-weight: 600; font-size: 12.5px;\">Local<\/span><\/td>\r\n          <\/tr>\r\n\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- IMAGE FALLBACK SCRIPT -->\r\n<script>\r\n(function() {\r\n  var imgs = document.querySelectorAll('#tir-clients-section .tir-dyn-img');\r\n  imgs.forEach(function(img) {\r\n    var rawName = img.getAttribute('data-src');\r\n    img.onerror = function() {\r\n      if (!this.getAttribute('data-tried-wp')) {\r\n        this.setAttribute('data-tried-wp', 'true');\r\n        this.src = '\/wp-content\/uploads\/' + rawName;\r\n      } else {\r\n        this.src = 'https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80';\r\n      }\r\n    };\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-649f9ffd elementor-widget elementor-widget-html\" data-id=\"649f9ffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================= -->\r\n<!-- THE INDIE ROOM - SECTION 6: BOOKING & CONTACT CTA STRIP   -->\r\n<!-- ========================================================= -->\r\n<section id=\"booking-inquiry\" style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: linear-gradient(135deg, #07192f 0%, #0b2545 100%); color: #FFFFFF; padding: 85px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\r\n  <div style=\"max-width: 1100px; margin: 0 auto; box-sizing: border-box;\">\r\n\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 48px; align-items: center;\">\r\n      \r\n      <!-- Left: Contact Information & Location Details -->\r\n      <div>\r\n        <div style=\"display: inline-block; background: rgba(0, 102, 204, 0.28); border: 1px solid rgba(96, 165, 250, 0.45); color: #93c5fd; padding: 5px 16px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 16px;\">\r\n          Get In Touch\r\n        <\/div>\r\n\r\n        <h2 style=\"font-size: clamp(28px, 4vw, 38px); font-weight: 800; color: #FFFFFF !important; margin: 0 0 16px 0; line-height: 1.25;\">\r\n          Find Your Space at The Indie Room\r\n        <\/h2>\r\n\r\n        <p style=\"font-size: 15px; color: #cbd5e1; line-height: 1.7; margin: 0 0 28px 0;\">\r\n          Whether you need a single flexible desk, a fully equipped private team room, or a dedicated setup for a corporate conference or creative workshop, schedule a visit or talk with our workspace team today.\r\n        <\/p>\r\n\r\n        <!-- Direct Contact Points -->\r\n        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\r\n          \r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83d\udccd\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Location<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Panthapath, Dhaka, Bangladesh<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \ud83c\udfe2\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Group Umbrella<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">A Concern of Comfort Group of Companies<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; align-items: flex-start; gap: 14px;\">\r\n            <div style=\"min-width: 38px; height: 38px; border-radius: 8px; background: rgba(0, 102, 204, 0.3); border: 1px solid rgba(96, 165, 250, 0.3); display: flex; align-items: center; justify-content: center; font-size: 16px;\">\r\n              \u23f0\r\n            <\/div>\r\n            <div>\r\n              <div style=\"font-size: 12px; font-weight: 700; color: #60a5fa; text-transform: uppercase;\">Operating Hours<\/div>\r\n              <div style=\"font-size: 14.5px; color: #f8fafc; font-weight: 500; margin-top: 2px;\">Saturday \u2013 Thursday: 9:00 AM \u2013 9:00 PM<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Direct Booking \/ Inquiry Card -->\r\n      <div style=\"background: rgba(15, 36, 62, 0.75); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 34px 30px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); backdrop-filter: blur(10px);\">\r\n        \r\n        <h3 style=\"font-size: 20px; font-weight: 800; color: #FFFFFF; margin: 0 0 8px 0;\">\r\n          Schedule a Tour or Reserve\r\n        <\/h3>\r\n        <p style=\"font-size: 13.5px; color: #94a3b8; margin: 0 0 22px 0;\">\r\n          Leave your details and our team will get in touch within 24 business hours.\r\n        <\/p>\r\n\r\n        <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('Thank you for reaching out! We will contact you shortly.');\">\r\n          \r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Your Name<\/label>\r\n            <input type=\"text\" placeholder=\"e.g. Tanvir Ahmed\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 14px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Contact Number \/ Email<\/label>\r\n            <input type=\"text\" placeholder=\"Phone or Email\" required style=\"width: 100%; padding: 11px 14px; background: rgba(7, 25, 47, 0.7); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 20px;\">\r\n            <label style=\"display: block; font-size: 12px; font-weight: 700; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;\">Space Requirement<\/label>\r\n            <select style=\"width: 100%; padding: 11px 14px; background: #07192f; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #FFFFFF; font-size: 14px; box-sizing: border-box; outline: none;\">\r\n              <option value=\"hotdesk\">Hotdesk \/ Dedicated Desk<\/option>\r\n              <option value=\"private-room\">Private Team Cabin<\/option>\r\n              <option value=\"conference\">Conference \/ Meeting Room<\/option>\r\n              <option value=\"event\">Workshop \/ Creative Event Space<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" style=\"width: 100%; background: #0066cc; color: #FFFFFF; padding: 13px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.2s;\" onmouseover=\"this.style.background='#0052a3'\" onmouseout=\"this.style.background='#0066cc'\">\r\n            Submit Inquiry\r\n          <\/button>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\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>Co-Working &#038; Workspaces The Indie Room Where Independence Works Located in the heart of Panthapath, Dhaka, The Indie Room is a community-driven co-working space and professional workspace designed for freelancers, entrepreneurs, startups, growing companies, and independent professionals. The Indie Room was created around a simple observation: the way people work is changing. As Bangladesh&#8217;s startup, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/pages\/584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":14,"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/pages\/584\/revisions"}],"predecessor-version":[{"id":1202,"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/pages\/584\/revisions\/1202"}],"wp:attachment":[{"href":"https:\/\/clickeldigital.com\/comfortgroup\/wp-json\/wp\/v2\/media?parent=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}