{"id":12,"date":"2026-05-06T12:44:56","date_gmt":"2026-05-06T12:44:56","guid":{"rendered":"http:\/\/localhost\/indinet\/?page_id=12"},"modified":"2026-09-22T07:16:51","modified_gmt":"2026-09-22T07:16:51","slug":"home","status":"publish","type":"page","link":"https:\/\/idebojyoti.online\/indinet\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f079816 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"f079816\" 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-149db35 elementor-widget elementor-widget-html\" data-id=\"149db35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"indinet-home-container seo-optimized-wrapper\" style=\"font-family: 'Poppins', sans-serif; color: #333; line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 20px;\">\r\n\r\n    <!-- Brand Logo Header -->\r\n    <div class=\"indinet-brand-header\" style=\"text-align: center; padding: 10px 0 25px 0;\">\r\n        <a href=\"https:\/\/idebojyoti.online\/indinet\/\" title=\"Indinet Broadband Official Website\">\r\n            <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/512x512.webp\"\r\n                 alt=\"Indinet Broadband Official Logo\"\r\n                 width=\"120\"\r\n                 height=\"120\"\r\n                 style=\"max-width: 100%; height: auto;\" \/>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- Main SEO Hero Banner -->\r\n    <div class=\"indinet-plan-banner\" style=\"margin-bottom: 25px;\">\r\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/desktop.webp\"\r\n             alt=\"Indinet Broadband High-Speed Unlimited Plans in West Bengal\"\r\n             loading=\"eager\"\r\n             width=\"1200\"\r\n             height=\"500\"\r\n             style=\"width: 100%; height: auto; max-height: 500px; object-fit: cover; object-position: top; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);\" \/>\r\n    <\/div>\r\n\r\n    <!-- Quick Contact Bar -->\r\n    <div class=\"indinet-quick-contact\" style=\"background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 20px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 15px; text-align: center;\">\r\n        <div><strong>\ud83d\udcde Toll-Free:<\/strong> <a href=\"tel:18001234001\" style=\"color: #d32f2f; font-weight: bold; text-decoration: none;\">1800-123-4001<\/a><\/div>\r\n        <div><strong>\ud83d\udcde Kolkata Office:<\/strong> <a href=\"tel:03340025000\" style=\"color: #d32f2f; font-weight: bold; text-decoration: none;\">033-40025000<\/a><\/div>\r\n        <div><strong>\ud83d\udcac WhatsApp:<\/strong> <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" style=\"color: #25d366; font-weight: bold; text-decoration: none;\">+91 98361 16900<\/a><\/div>\r\n        <div><strong>\u2709\ufe0f Email:<\/strong> <a href=\"mailto:indicare@indinet.co.in\" style=\"color: #0275d8; font-weight: bold; text-decoration: none;\">indicare@indinet.co.in<\/a><\/div>\r\n    <\/div>\r\n\r\n    <!-- Corporate Address Widget -->\r\n    <div class=\"indinet-address-widget\" style=\"background-color: #fff; border: 1px solid #e2e8f0; border-left: 4px solid #d32f2f; border-radius: 8px; padding: 15px 20px; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.02);\">\r\n        <p style=\"margin: 0; font-size: 14px; color: #555;\">\r\n            \ud83d\udccd <strong>Corporate Office:<\/strong> MEDIASITI-14th Floor, XI-4, EP Block, Street No: 26, Salt Lake Electronic Complex, Kolkata, India, Pin - 700091\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- SEO Introduction -->\r\n    <div class=\"indinet-home-intro\">\r\n        <h1 style=\"color: #222; font-size: 30px; font-weight: 700; border-left: 5px solid #d32f2f; padding-left: 15px; margin-bottom: 15px;\">Indinet Broadband: Unlimited Fiber Broadband Plans<\/h1>\r\n        <h2 style=\"color: #444; font-size: 20px; font-weight: 600; margin-bottom: 20px;\">Best Indinet Broadband Offers & High-Speed Internet in West Bengal<\/h2>\r\n        \r\n        <p><strong>Indinet Broadband<\/strong> is your go-to partner for premium internet connectivity. Are you looking for the latest <strong>Indinet Broadband Offers<\/strong>? We deliver a truly <strong>unlimited internet connection<\/strong> with blazing-fast speeds from <strong>30 Mbps up to 1 Gbps<\/strong>. Whether you require a stable <strong>home broadband<\/strong> setup for remote work in Kolkata or seamless 4K streaming, our advanced optical fiber network ensures absolute reliability.<\/p>\r\n        \r\n        <p>Explore our highly competitive <a href=\"https:\/\/idebojyoti.online\/indinet\/plans\" title=\"Indinet Unlimited Broadband Plans in West Bengal\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>Broadband Plans<\/strong><\/a> designed for households across Eastern India. Experience more value with our exclusive <strong>Indinet Broadband Offers<\/strong>, featuring <strong>unlimited fiber internet<\/strong> and bundled <strong>free router deals<\/strong> for new subscribers.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Dynamic Broadband Plans Selector -->\r\n    <div id=\"indinet-plan-selector-root\" style=\"margin: 45px 0; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px; box-shadow: 0 10px 25px rgba(0,0,0,0.05);\">\r\n        <h2 style=\"color: #222; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 25px; margin-top: 0;\">Explore Indinet Broadband Plans<\/h2>\r\n        \r\n        <!-- Region Selector Buttons -->\r\n        <div style=\"margin-bottom: 25px;\">\r\n            <label style=\"display: block; font-size: 13px; font-weight: bold; color: #666; text-transform: uppercase; margin-bottom: 10px; text-align: center;\">Select Your Region:<\/label>\r\n            <div id=\"region-btn-group\" style=\"display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\">\r\n                <button onclick=\"selectRegion('kolkata')\" class=\"reg-btn active\" id=\"btn-kolkata\">Kolkata<\/button>\r\n                <button onclick=\"selectRegion('bengal')\" class=\"reg-btn\" id=\"btn-bengal\">Rest of Bengal<\/button>\r\n                <button onclick=\"selectRegion('patna')\" class=\"reg-btn\" id=\"btn-patna\">Patna<\/button>\r\n                <button onclick=\"selectRegion('restbihar')\" class=\"reg-btn\" id=\"btn-restbihar\">Rest of Bihar<\/button>\r\n                <button onclick=\"selectRegion('jharkhand')\" class=\"reg-btn\" id=\"btn-jharkhand\">Jharkhand<\/button>\r\n                <button onclick=\"selectRegion('tripura')\" class=\"reg-btn\" id=\"btn-tripura\">Tripura<\/button>\r\n                <button onclick=\"selectRegion('odisha')\" class=\"reg-btn\" id=\"btn-odisha\">Odisha<\/button>\r\n                <button onclick=\"selectRegion('greaternoida')\" class=\"reg-btn\" id=\"btn-greaternoida\">Greater Noida<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Plan Category Tabs -->\r\n        <div style=\"border-bottom: 2px solid #f0f0f0; margin-bottom: 25px;\">\r\n            <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;\">\r\n                <button onclick=\"selectCategory('monthly')\" class=\"cat-tab active\" id=\"tab-monthly\">Monthly<\/button>\r\n                <button onclick=\"selectCategory('3plus1')\" class=\"cat-tab\" id=\"tab-3plus1\">3+1 Month Free<\/button>\r\n                <button onclick=\"selectCategory('5plus2')\" class=\"cat-tab\" id=\"tab-5plus2\">5+2 Months Free<\/button>\r\n                <button onclick=\"selectCategory('12months')\" class=\"cat-tab\" id=\"tab-12months\">12 Months (Annual)<\/button>\r\n                <button onclick=\"selectCategory('free-router')\" class=\"cat-tab\" id=\"tab-free-router\">Free Router Combo<\/button>\r\n                <button onclick=\"selectCategory('special-offers')\" class=\"cat-tab\" id=\"tab-special-offers\">Special Offers<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Rendered Plans Grid -->\r\n        <div id=\"plans-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px;\">\r\n            <!-- Rendered dynamically by script -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Dynamic OTT Combo Plans Section -->\r\n    <div style=\"margin: 45px 0; background: #fff5f5; border: 1px solid #ffcccc; border-radius: 12px; padding: 30px; box-shadow: 0 10px 25px rgba(225,37,30,0.03);\">\r\n        <h2 style=\"color: #222; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 10px; margin-top: 0;\">Indinet Broadband OTT Combo Plans<\/h2>\r\n        <p style=\"text-align: center; color: #666; margin-bottom: 30px; font-size: 15px;\">Supercharge your speed with premium OTT bundled apps<\/p>\r\n        \r\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px;\">\r\n            <!-- OTT Combo Plan Cards -->\r\n            <div class=\"ott-card\" style=\"background:#fff; border:1px solid #eee; border-radius:8px; padding:25px; border-top:4px solid #e1251e; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 4px 10px rgba(0,0,0,0.03);\">\r\n                <div>\r\n                    <h3 style=\"margin:0 0 10px 0; font-size:20px; color:#222;\">OTT Combo 35<\/h3>\r\n                    <div style=\"font-size:32px; font-weight:800; color:#e1251e; margin-bottom:10px;\">\u20b9575<span style=\"font-size:14px; font-weight:normal; color:#666;\"> \/ month<\/span><\/div>\r\n                    <ul style=\"padding-left:20px; font-size:14px; color:#555; margin-bottom:20px;\">\r\n                        <li>Speed: <strong>35 Mbps<\/strong><\/li>\r\n                        <li>Data: Unlimited Fiber Data<\/li>\r\n                        <li>Apps: ZEE5, Discovery+, Hungama, FanCode, Hoichoi, Klikk, AAONxt, etc.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" class=\"plan-btn\">Activate Now<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"ott-card\" style=\"background:#fff; border:1px solid #eee; border-radius:8px; padding:25px; border-top:4px solid #e1251e; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 4px 10px rgba(0,0,0,0.03);\">\r\n                <div>\r\n                    <h3 style=\"margin:0 0 10px 0; font-size:20px; color:#222;\">OTT Combo 50<\/h3>\r\n                    <div style=\"font-size:32px; font-weight:800; color:#e1251e; margin-bottom:10px;\">\u20b9650<span style=\"font-size:14px; font-weight:normal; color:#666;\"> \/ month<\/span><\/div>\r\n                    <ul style=\"padding-left:20px; font-size:14px; color:#555; margin-bottom:20px;\">\r\n                        <li>Speed: <strong>50 Mbps<\/strong><\/li>\r\n                        <li>Data: Unlimited Fiber Data<\/li>\r\n                        <li>Apps: ZEE5, Discovery+, Hungama, FanCode, Hoichoi, Stage, AAONxt, etc.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" class=\"plan-btn\">Activate Now<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"ott-card\" style=\"background:#fff; border:1px solid #eee; border-radius:8px; padding:25px; border-top:4px solid #e1251e; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 4px 10px rgba(0,0,0,0.03);\">\r\n                <div>\r\n                    <h3 style=\"margin:0 0 10px 0; font-size:20px; color:#222;\">OTT Combo 100<\/h3>\r\n                    <div style=\"font-size:32px; font-weight:800; color:#e1251e; margin-bottom:10px;\">\u20b9799<span style=\"font-size:14px; font-weight:normal; color:#666;\"> \/ month<\/span><\/div>\r\n                    <ul style=\"padding-left:20px; font-size:14px; color:#555; margin-bottom:20px;\">\r\n                        <li>Speed: <strong>100 Mbps<\/strong><\/li>\r\n                        <li>Data: Unlimited Fiber Data<\/li>\r\n                        <li>Apps: JioHotstar, ZEE5, Hoichoi, Watcho, Discovery+, FanCode, Klikk, etc.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" class=\"plan-btn\">Activate Now<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Alacarte OTT Addons Section -->\r\n    <div style=\"margin: 45px 0; background: #fdfdfd; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px;\">\r\n        <h2 style=\"color: #222; font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 25px; margin-top: 0;\">Add Premium OTT Packs (Alacarte)<\/h2>\r\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;\">\r\n            <div style=\"background:#fff; border:1px solid #eee; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.02);\">\r\n                <h4 style=\"margin:0 0 5px 0; color:#222;\">Grand Pack<\/h4>\r\n                <div style=\"color:#d32f2f; font-weight:bold; font-size:20px; margin-bottom:10px;\">\u20b9155 \/ month<\/div>\r\n                <p style=\"font-size:13px; color:#666; margin:0;\">JioHotstar, Sony LIV, FanCode, ZEE5, Hungama, Discovery+, Tarang Plus, AAONxt, Stage, Sanskar.<\/p>\r\n            <\/div>\r\n            <div style=\"background:#fff; border:1px solid #eee; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.02);\">\r\n                <h4 style=\"margin:0 0 5px 0; color:#222;\">Watcho Prime 2 Pack<\/h4>\r\n                <div style=\"color:#d32f2f; font-weight:bold; font-size:20px; margin-bottom:10px;\">\u20b9210 \/ month<\/div>\r\n                <p style=\"font-size:13px; color:#666; margin:0;\">Amazon Prime Lite, JioHotstar, ZEE5, Sony LIV, Watcho, ShemarooMe, Stage, Tarang Plus.<\/p>\r\n            <\/div>\r\n            <div style=\"background:#fff; border:1px solid #eee; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.02);\">\r\n                <h4 style=\"margin:0 0 5px 0; color:#222;\">Platinum Watcho Pack<\/h4>\r\n                <div style=\"color:#d32f2f; font-weight:bold; font-size:20px; margin-bottom:10px;\">\u20b9225 \/ month<\/div>\r\n                <p style=\"font-size:13px; color:#666; margin:0;\">JioHotstar, ZEE5, Sony LIV, Hoichoi, Watcho, Klikk, FanCode, ShemarooMe, Discovery+, Stage.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Broadband & OTT Content Section -->\r\n    <div class=\"indinet-services-section\">\r\n        <h2 style=\"color: #222; font-size: 22px; font-weight: 600; margin-top: 30px; margin-bottom: 15px;\">Ultimate OTT Broadband Plans & SITI Playtop Magic Digital TV<\/h2>\r\n        \r\n        <p>Transform your entertainment ecosystem by combining <strong>high-speed broadband<\/strong> with premium <strong>OTT entertainment<\/strong>. Indinet's exclusive <strong>OTT + Broadband Plans<\/strong> grant direct access to top regional and national platforms. Don't forget to check our current <strong>Indinet Broadband Offers<\/strong> to see if you can get these OTT bundles at an additional discount!<\/p>\r\n        \r\n        <p>Pair your high-speed home network with the <a href=\"https:\/\/idebojyoti.online\/indinet\/siti-play\" title=\"SITI Playtop Magic Android TV Box\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>SITI Playtop Magic Android TV Box<\/strong><\/a>. Effortlessly stream Live TV channels and on-demand content from a single, unified device engineered for the ultimate smart home experience. To learn more about our network infrastructure across India, visit the parent website at <a href=\"https:\/\/sitinetworks.com\" target=\"_blank\" rel=\"noopener\" style=\"color: #d32f2f; text-decoration: underline;\">SITI Networks Corporate Portal<\/a>.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Why Choose -->\r\n    <div class=\"indinet-features-section\">\r\n        <h2 style=\"color: #222; font-size: 22px; font-weight: 600; margin-top: 30px; margin-bottom: 15px;\">Why Indinet is the Best Broadband Service in West Bengal?<\/h2>\r\n\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/router-fiber-box.jpg\"\r\n             alt=\"Indinet Broadband Home Router and SITI Playtop Magic Box in West Bengal\"\r\n             loading=\"lazy\"\r\n             width=\"900\"\r\n             height=\"500\"\r\n             style=\"max-width:100%;height:auto;margin:20px 0;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);\" \/>\r\n\r\n        <p>Backed by cutting-edge FTTH infrastructure, <strong>Indinet Broadband<\/strong> provides secure, symmetrical bandwidth tailored for gamers and high-volume consumers. We guarantee transparent pricing and dedicated localized support. Plus, our frequent <strong>Indinet Broadband Offers<\/strong> make premium fiber internet accessible to everyone.<\/p>\r\n\r\n        <p>Stop settling for buffering. Whether you need a <strong>1 Gbps fiber internet connection<\/strong>, robust <strong>corporate leased lines<\/strong>, or affordable <strong>home broadband<\/strong>, we have you covered.<\/p>\r\n\r\n        <p>Upgrade to superior connectivity today. Connect instantly via WhatsApp at <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>+91 98361 16900<\/strong><\/a>, or view our current <strong>Indinet Broadband Offers<\/strong> to book your new connection with the best possible savings. Call customer service directly at Toll-Free <a href=\"tel:18001234001\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>1800-123-4001<\/strong><\/a> or local office <a href=\"tel:03340025000\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>033-40025000<\/strong><\/a>.<\/p>\r\n        \r\n        <p>Still searching for the right deal? Contact our team at <a href=\"mailto:indicare@indinet.co.in\" style=\"color: #d32f2f; text-decoration: underline;\"><strong>indicare@indinet.co.in<\/strong><\/a> to learn about the latest <strong>Indinet Broadband Offers<\/strong> available in your specific neighborhood.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Frequently Asked Questions (FAQ Section for SEO) -->\r\n    <div class=\"indinet-faq-section\" style=\"background-color: #f8f9fa; border-left: 4px solid #d32f2f; padding: 25px; border-radius: 8px; margin: 40px 0;\">\r\n        <h2 style=\"color: #222; font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 20px;\">Frequently Asked Questions (FAQ)<\/h2>\r\n        \r\n        <div style=\"margin-bottom: 15px; border-bottom: 1px solid #e9ecef; padding-bottom: 15px;\">\r\n            <h4 style=\"margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #222;\">How do I check if Indinet Broadband is available in my area?<\/h4>\r\n            <p style=\"margin: 0; font-size: 14px; color: #555;\">You can check availability by sending your address details to our support team via WhatsApp at +91 98361 16900 or by submitting an inquiry on our official website.<\/p>\r\n        <\/div>\r\n        \r\n        <div style=\"margin-bottom: 15px; border-bottom: 1px solid #e9ecef; padding-bottom: 15px;\">\r\n            <h4 style=\"margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #222;\">Do Indinet Broadband plans include free router installation?<\/h4>\r\n            <p style=\"margin: 0; font-size: 14px; color: #555;\">Yes! Most of our long-term promotional subscription offers come with a free Wi-Fi router and zero installation charges for new customers.<\/p>\r\n        <\/div>\r\n        \r\n        <div style=\"margin-bottom: 0;\">\r\n            <h4 style=\"margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #222;\">What OTT platforms are included in your premium bundles?<\/h4>\r\n            <p style=\"margin: 0; font-size: 14px; color: #555;\">Our plans bundle popular streaming apps such as Disney+ Hotstar, SonyLIV, ZEE5, and local regional streaming services through the SITI Playtop app.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Styles for Interactive UI Widgets -->\r\n<style>\r\n    .reg-btn {\r\n        background: #fff;\r\n        border: 1px solid #ccc;\r\n        border-radius: 4px;\r\n        padding: 8px 16px;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n        color: #333;\r\n    }\r\n    .reg-btn:hover {\r\n        border-color: #d32f2f;\r\n        background: #fff5f5;\r\n    }\r\n    .reg-btn.active {\r\n        background: #d32f2f;\r\n        color: #fff;\r\n        border-color: #d32f2f;\r\n    }\r\n    .cat-tab {\r\n        background: none;\r\n        border: none;\r\n        padding: 10px 18px;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n        color: #666;\r\n        border-bottom: 2px solid transparent;\r\n        transition: all 0.2s;\r\n    }\r\n    .cat-tab:hover {\r\n        color: #d32f2f;\r\n    }\r\n    .cat-tab.active {\r\n        color: #d32f2f;\r\n        border-bottom-color: #d32f2f;\r\n        font-weight: bold;\r\n    }\r\n    .plan-btn {\r\n        background: #d32f2f;\r\n        color: #fff !important;\r\n        text-align: center;\r\n        text-decoration: none;\r\n        padding: 10px 15px;\r\n        border-radius: 4px;\r\n        font-weight: bold;\r\n        display: block;\r\n        margin-top: 15px;\r\n        transition: background 0.2s;\r\n    }\r\n    .plan-btn:hover {\r\n        background: #b22222;\r\n    }\r\n<\/style>\r\n\r\n<!-- JS Script for Interactive Filter & Pricing Logic -->\r\n<script>\r\n    const regionPlansData = {\r\n        kolkata: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699},{speed:150, price:799},{speed:200, price:1150},{speed:300, price:1600},{speed:400, price:2400},{speed:650, price:3500},{speed:1000, price:6000}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740},{speed:100, price:2097},{speed:150, price:2397},{speed:200, price:3450},{speed:300, price:4800}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360},{speed:80, price:2900},{speed:100, price:3495},{speed:150, price:3995},{speed:200, price:5750},{speed:300, price:8000}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248},{speed:80, price:5220},{speed:100, price:6291},{speed:150, price:7191},{speed:200, price:10350},{speed:300, price:14400}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 3M\", validity:\"90 Days\", price:2000},\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500},\r\n                {speed:50, name: \"Combo Offer 12M\", validity:\"360 Days\", price:3500},\r\n                {speed:80, name: \"Combo Offer 6M\", validity:\"180 Days\", price:3100}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 20, name: \"Swagatam Special\", validity: \"90 Days\", price: 600},\r\n                {speed: 50, name: \"Welcome Offer (3+3 Months)\", validity: \"180 Days\", price: 1650},\r\n                {speed: 80, name: \"Welcome Offer (3+3 Months)\", validity: \"180 Days\", price: 1770},\r\n                {speed: 100, name: \"Welcome Offer (3+3 Months)\", validity: \"180 Days\", price: 1947},\r\n                {speed: 150, name: \"Welcome Offer (6 Months)\", validity: \"180 Days\", price: 3000}\r\n            ]\r\n        },\r\n        bengal: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699},{speed:150, price:799},{speed:200, price:1150},{speed:300, price:1600},{speed:400, price:2400},{speed:650, price:3500},{speed:1000, price:6000}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740},{speed:100, price:2097},{speed:150, price:2397},{speed:200, price:3450},{speed:300, price:4800}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360},{speed:80, price:2900},{speed:100, price:3495},{speed:150, price:3995},{speed:200, price:5750},{speed:300, price:8000}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248},{speed:80, price:5220},{speed:100, price:6291},{speed:150, price:7191},{speed:200, price:10350},{speed:300, price:14400}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 3M\", validity:\"90 Days\", price:2000},\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500},\r\n                {speed:80, name: \"Combo Offer 6M\", validity:\"180 Days\", price:3100}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 20, name: \"Swagatam Special\", validity: \"90 Days\", price: 600},\r\n                {speed: 50, name: \"Welcome Offer (3+3 Months)\", validity: \"180 Days\", price: 1650},\r\n                {speed: 80, name: \"Welcome Offer (3+3 Months)\", validity: \"180 Days\", price: 1770}\r\n            ]\r\n        },\r\n        patna: {\r\n            monthly: [{speed:40, price:472},{speed:50, price:500},{speed:75, price:590},{speed:100, price:699},{speed:150, price:799},{speed:200, price:1150},{speed:300, price:1800}], \r\n            \"3plus1\": [{speed:40, price:1416},{speed:100, price:2097},{speed:150, price:2397},{speed:200, price:3450}], \r\n            \"5plus2\": [{speed:50, price:2500},{speed:75, price:2950},{speed:100, price:3495},{speed:150, price:3995},{speed:200, price:5750},{speed:300, price:9000}], \r\n            \"12months\": [{speed:50, price:4500},{speed:75, price:5310},{speed:100, price:6291},{speed:150, price:7191},{speed:200, price:10350},{speed:300, price:16200}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 3M\", validity:\"90 Days\", price:2000},\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500},\r\n                {speed:50, name: \"Combo Offer 9+4\", validity:\"390 Days\", price:3500}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 20, name: \"Swagatam Special\", validity: \"90 Days\", price: 600},\r\n                {speed: 50, name: \"Welcome Offer A 3M\", validity: \"90 Days\", price: 500}\r\n            ]\r\n        },\r\n        restbihar: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699},{speed:150, price:799},{speed:200, price:1150},{speed:300, price:1600}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740},{speed:100, price:2097},{speed:150, price:2397},{speed:200, price:3450},{speed:300, price:4800}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360},{speed:80, price:2900},{speed:100, price:3495},{speed:150, price:3995},{speed:200, price:5750},{speed:300, price:8000}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248},{speed:80, price:5220},{speed:100, price:6291},{speed:150, price:7191},{speed:200, price:10350},{speed:300, price:14400}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 3M\", validity:\"90 Days\", price:2000},\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 20, name: \"Swagatam Special\", validity: \"90 Days\", price: 600}\r\n            ]\r\n        },\r\n        jharkhand: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699},{speed:150, price:799},{speed:200, price:1150},{speed:300, price:1600}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740},{speed:100, price:2097},{speed:150, price:2397},{speed:200, price:3450}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360},{speed:80, price:2900},{speed:100, price:3495},{speed:150, price:3995},{speed:200, price:5750}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248},{speed:80, price:5220},{speed:100, price:6291},{speed:150, price:7191},{speed:200, price:10350}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 3M\", validity:\"90 Days\", price:2000},\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 20, name: \"Swagatam Special\", validity: \"90 Days\", price: 600}\r\n            ]\r\n        },\r\n        tripura: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699},{speed:150, price:799}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740},{speed:100, price:2097}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360},{speed:80, price:2900},{speed:100, price:3495}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248},{speed:80, price:5220},{speed:100, price:6291}],\r\n            \"free-router\": [],\r\n            \"special-offers\": []\r\n        },\r\n        odisha: {\r\n            monthly: [{speed:30, price:409},{speed:50, price:472},{speed:80, price:580},{speed:100, price:699}], \r\n            \"3plus1\": [{speed:30, price:1227},{speed:50, price:1416},{speed:80, price:1740}], \r\n            \"5plus2\": [{speed:30, price:2045},{speed:50, price:2360}], \r\n            \"12months\": [{speed:30, price:3681},{speed:50, price:4248}],\r\n            \"free-router\": [],\r\n            \"special-offers\": []\r\n        },\r\n        greaternoida: {\r\n            monthly: [{speed:50, price:550},{speed:80, price:590},{speed:100, price:699},{speed:125, price:1000},{speed:150, price:1350}], \r\n            \"3plus1\": [{speed:50, price:1650},{speed:80, price:1770},{speed:100, price:2097},{speed:125, price:3000},{speed:150, price:4050}], \r\n            \"5plus2\": [{speed:100, price:3495},{speed:125, price:5000},{speed:150, price:6750}], \r\n            \"12months\": [{speed:100, price:6291},{speed:125, price:9000},{speed:150, price:12150}],\r\n            \"free-router\": [\r\n                {speed:50, name: \"Combo Offer 6M\", validity:\"180 Days\", price:2500},\r\n                {speed:50, name: \"Combo Offer 9+4\", validity:\"390 Days\", price:3500}\r\n            ],\r\n            \"special-offers\": [\r\n                {speed: 50, name: \"Welcome Offer 3+3M\", validity: \"180 Days\", price: 1650}\r\n            ]\r\n        }\r\n    };\r\n\r\n    let selectedRegion = 'kolkata';\r\n    let selectedCategory = 'monthly';\r\n\r\n    function selectRegion(regionId) {\r\n        selectedRegion = regionId;\r\n        \r\n        \/\/ Update active class on region buttons\r\n        document.querySelectorAll('#region-btn-group .reg-btn').forEach(btn => {\r\n            btn.classList.remove('active');\r\n        });\r\n        document.getElementById('btn-' + regionId).classList.add('active');\r\n        \r\n        renderPlans();\r\n    }\r\n\r\n    function selectCategory(catId) {\r\n        selectedCategory = catId;\r\n        \r\n        \/\/ Update active class on category tabs\r\n        document.querySelectorAll('.cat-tab').forEach(tab => {\r\n            tab.classList.remove('active');\r\n        });\r\n        document.getElementById('tab-' + catId).classList.add('active');\r\n        \r\n        renderPlans();\r\n    }\r\n\r\n    function renderPlans() {\r\n        const grid = document.getElementById('plans-grid');\r\n        grid.innerHTML = '';\r\n        \r\n        const plans = regionPlansData[selectedRegion][selectedCategory] || [];\r\n        \r\n        if (plans.length === 0) {\r\n            grid.innerHTML = '<div style=\"grid-column: 1\/-1; text-align: center; color: #888; padding: 40px 0;\">No plans available for this selection. Try switching categories.<\/div>';\r\n            return;\r\n        }\r\n        \r\n        plans.forEach(plan => {\r\n            const planCard = document.createElement('div');\r\n            planCard.style.cssText = \"background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 6px rgba(0,0,0,0.02); transition: transform 0.2s, box-shadow 0.2s; border-top: 4px solid #555;\";\r\n            \r\n            \/\/ Hover effect bindings via JS\r\n            planCard.onmouseenter = () => {\r\n                planCard.style.transform = \"translateY(-4px)\";\r\n                planCard.style.boxShadow = \"0 8px 15px rgba(0,0,0,0.06)\";\r\n                planCard.style.borderTopColor = \"#d32f2f\";\r\n            };\r\n            planCard.onmouseleave = () => {\r\n                planCard.style.transform = \"translateY(0)\";\r\n                planCard.style.boxShadow = \"0 4px 6px rgba(0,0,0,0.02)\";\r\n                planCard.style.borderTopColor = \"#555\";\r\n            };\r\n\r\n            const isPromo = plan.name !== undefined;\r\n            const speedDisplay = plan.speed + ' Mbps';\r\n            const priceDisplay = '\u20b9' + plan.price;\r\n            const validityDisplay = isPromo ? plan.validity : (selectedCategory === 'monthly' ? 'Monthly' : (selectedCategory === '3plus1' ? '4 Months' : (selectedCategory === '5plus2' ? '7 Months' : 'Annual')));\r\n            const titleDisplay = isPromo ? plan.name : 'Fiber Speed Pack';\r\n\r\n            planCard.innerHTML = `\r\n                <div>\r\n                    <div style=\"font-size: 12px; font-weight: bold; text-transform: uppercase; color: #e1251e; margin-bottom: 5px;\">${validityDisplay} Plan<\/div>\r\n                    <h3 style=\"margin: 0 0 10px 0; font-size: 20px; color: #222;\">${speedDisplay}<\/h3>\r\n                    <div style=\"font-size: 28px; font-weight: 800; color: #222; margin-bottom: 10px;\">${priceDisplay}<span style=\"font-size: 13px; font-weight: normal; color: #666;\"> + GST<\/span><\/div>\r\n                    <ul style=\"padding-left: 20px; font-size: 13px; color: #666; line-height: 1.6; margin: 15px 0;\">\r\n                        <li>Package: ${titleDisplay}<\/li>\r\n                        <li>Symmetrical Upload & Download<\/li>\r\n                        <li>Unlimited Fiber Data Connection<\/li>\r\n                        ${isPromo ? '<li>Free Router Included<\/li>' : '<li>SITI Playtop App Support<\/li>'}\r\n                    <\/ul>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/919836116900\" target=\"_blank\" rel=\"noopener\" class=\"plan-btn\">Order Connection<\/a>\r\n            `;\r\n            \r\n            grid.appendChild(planCard);\r\n        });\r\n    }\r\n\r\n    \/\/ Initialize first render\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        renderPlans();\r\n    });\r\n    \/\/ Fallback if DOMContentLoaded already fired\r\n    if (document.readyState === \"interactive\" || document.readyState === \"complete\") {\r\n        renderPlans();\r\n    }\r\n<\/script>\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-d50ede5 e-con-full e-flex e-con e-parent\" data-id=\"d50ede5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8a5dc elementor-widget elementor-widget-html\" data-id=\"4d8a5dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick-theme.min.css\">\r\n\r\n<style>\r\n    \/* CRITICAL FIX: Prevent slides from stacking during hard refresh\/load *\/\r\n    .isolated-slider-container:not(.slick-initialized) > div:not(:first-child) {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* ===== ISOLATED SLIDER STYLES ===== *\/\r\n\r\n    .isolated-slider-container {\r\n        position: relative;\r\n        overflow: hidden;\r\n        font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;\r\n    }\r\n\r\n    .isolated-slider-pb-expanded {\r\n        padding-bottom: 200px !important;\r\n    }\r\n\r\n    .isolated-slider-bg {\r\n        background-size: cover;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        position: relative;\r\n        min-height: clamp(420px, 55vw, 720px);\r\n        display: flex;\r\n        align-items: center;\r\n        will-change: background-image;\r\n        transform: translateZ(0);\r\n        backface-visibility: hidden;\r\n    }\r\n\r\n    .isolated-slider-z-index {\r\n        position: relative;\r\n        z-index: 5;\r\n    }\r\n\r\n    .isolated-slider-container .slick-slide {\r\n        height: auto !important;\r\n        min-height: clamp(420px, 55vw, 720px);\r\n    }\r\n\r\n    .isolated-slider-container .slick-list,\r\n    .isolated-slider-container .slick-track {\r\n        height: 100% !important;\r\n    }\r\n\r\n    .isolated-slider-subtitle {\r\n        color: #FFB302;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        font-size: 13px;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 4px;\r\n        display: inline-block;\r\n        border-bottom: 2px solid #FFB302;\r\n        padding-bottom: 2px;\r\n        animation: isolated-slideInLeft 0.5s ease-out;\r\n        transition: all 0.3s ease;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .isolated-slider-subtitle:hover {\r\n        border-bottom-color: #FFD966;\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .isolated-slider-title {\r\n        font-size: 44px;\r\n        font-weight: 700;\r\n        line-height: 1.15;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .isolated-slider-title .highlight {\r\n        color: #FFB302;\r\n        position: relative;\r\n        display: inline-block;\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    .isolated-slider-title-shape {\r\n        position: absolute;\r\n        bottom: -8px;\r\n        left: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .isolated-slider-title-shape svg {\r\n        width: 100%;\r\n        max-width: 320px;\r\n        animation: isolated-drawLine 1s ease-out forwards;\r\n        display: block;\r\n    }\r\n\r\n    .isolated-slider-content p {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        max-width: 500px;\r\n        margin-bottom: 20px;\r\n        color: #fff;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    @keyframes isolated-drawLine {\r\n        from { width: 0; opacity: 0; }\r\n        to   { width: 100%; opacity: 1; }\r\n    }\r\n\r\n    @keyframes isolated-slideInLeft {\r\n        from { transform: translateX(-20px); opacity: 0; }\r\n        to   { transform: translateX(0); opacity: 1; }\r\n    }\r\n\r\n    .isolated-slider-price-tag {\r\n        color: #FFB302;\r\n        font-weight: 400;\r\n        font-size: 18px;\r\n        display: block;\r\n        margin-top: 10px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .isolated-slider-price-tag em {\r\n        font-style: normal;\r\n        font-size: 54px;\r\n        font-weight: 700;\r\n        color: #FFB302;\r\n        margin: 0 4px;\r\n    }\r\n\r\n    .isolated-slider-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background-color: #007bff;\r\n        color: #fff !important;\r\n        padding: 10px 55px;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        border-radius: 6px;\r\n        text-decoration: none;\r\n        transition: 0.3s;\r\n        cursor: pointer;\r\n        border: none;\r\n    }\r\n\r\n    .isolated-slider-btn:hover {\r\n        background-color: #0056b3;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .isolated-slider-btn i {\r\n        margin-left: 8px;\r\n    }\r\n\r\n    .isolated-slider-container .slick-dots {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n        z-index: 10;\r\n    }\r\n\r\n    .isolated-slider-container .slick-dots li {\r\n        display: inline-block;\r\n        margin: 0 5px;\r\n    }\r\n\r\n    .isolated-slider-container .slick-dots li button {\r\n        font-size: 0;\r\n        height: 8px;\r\n        width: 8px;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: none;\r\n        border-radius: 50%;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .isolated-slider-container .slick-dots li.slick-active button {\r\n        background: #FFB302;\r\n        width: 20px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .isolated-slider-overlay {\r\n        position: relative;\r\n    }\r\n\r\n    .isolated-slider-overlay::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .isolated-slider-overlay > * {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .isolated-slider-title {\r\n            font-size: 28px;\r\n        }\r\n        .isolated-slider-price-tag em {\r\n            font-size: 36px;\r\n        }\r\n        .isolated-slider-btn {\r\n            padding: 10px 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"isolated-slider-container\">\r\n\r\n    <!-- Slide 1: Fiber Broadband -->\r\n    <div class=\"isolated-slider-overlay isolated-slider-bg pt-200 isolated-slider-pb-expanded\"\r\n         style=\"background-image: url('https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/2.webp');\">\r\n        <div class=\"container isolated-slider-z-index\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-xl-7 col-lg-9\">\r\n                    <div class=\"mb-20\">\r\n                        <div>\r\n                            <span class=\"isolated-slider-subtitle\">Choose your plan<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"isolated-slider-title text-white\">\r\n                            Experience High-Speed <br>\r\n                            <span class=\"highlight\" style=\"display: inline-block; position: relative;\">\r\n                                Indinet Fiber Broadband\r\n                                <span class=\"isolated-slider-title-shape d-none d-md-block\" style=\"position: absolute; bottom: -8px; left: 0; width: 100%;\">\r\n                                    <svg width=\"320\" height=\"5\" viewBox=\"0 0 450 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                        <path d=\"M448.836 4.22307C298.394 2.55338 148.391 2.288 2.00392 4.99709C-0.666718 5.09661 -0.630127 2.60867 2.00392 2.48703C147.897 -0.962917 299.108 -1.06243 448.836 3.70336C449.385 3.73653 449.403 4.23412 448.836 4.22307Z\" fill=\"#FFB302\"\/>\r\n                                    <\/svg>\r\n                                <\/span>\r\n                            <\/span>\r\n                        <\/h3>\r\n                    <\/div>\r\n                    <div class=\"isolated-slider-content\">\r\n                        <p>Get ultra-fast internet with seamless connectivity. Enjoy buffer-free streaming,\r\n                        unlimited data, and a variety of OTT subscriptions tailored for your entertainment.<\/p>\r\n                        <span class=\"isolated-slider-price-tag\">Starts from <em>\u20b9499<\/em> \/ Month<\/span>\r\n                    <\/div>\r\n                    <div class=\"mt-30\">\r\n                        <button class=\"isolated-slider-btn\" data-subject=\"Indinet Fiber Broadband\">Apply Now <i class=\"fa-sharp fa-light fa-arrow-right\"><\/i><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 2: OTT Entertainment -->\r\n    <div class=\"isolated-slider-overlay isolated-slider-bg pt-200 isolated-slider-pb-expanded\"\r\n         style=\"background-image: url('https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/1.webp');\">\r\n        <div class=\"container isolated-slider-z-index\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-xl-7 col-lg-9\">\r\n                    <div class=\"mb-20\">\r\n                        <div>\r\n                            <span class=\"isolated-slider-subtitle\">OTT Entertainment<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"isolated-slider-title text-white\">\r\n                            Siti Playtop Magic <br>\r\n                            <span class=\"highlight\" style=\"display: inline-block; position: relative;\">\r\n                                Entertainment Hub\r\n                                <span class=\"isolated-slider-title-shape d-none d-md-block\" style=\"position: absolute; bottom: -8px; left: 0; width: 100%;\">\r\n                                    <svg width=\"320\" height=\"5\" viewBox=\"0 0 450 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                        <path d=\"M448.836 4.22307C298.394 2.55338 148.391 2.288 2.00392 4.99709C-0.666718 5.09661 -0.630127 2.60867 2.00392 2.48703C147.897 -0.962917 299.108 -1.06243 448.836 3.70336C449.385 3.73653 449.403 4.23412 448.836 4.22307Z\" fill=\"#FFB302\"\/>\r\n                                    <\/svg>\r\n                                <\/span>\r\n                            <\/span>\r\n                        <\/h3>\r\n                    <\/div>\r\n                    <div class=\"isolated-slider-content\">\r\n                        <p>Stream ZEE5, Amazon Prime Lite, Hoichoi, Sony LIV & more \u2014 all in one place.\r\n                        Enjoy movies, web series, live shows, and exclusive content across mobile, smart TV, and web, anytime.<\/p>\r\n                        <span class=\"isolated-slider-price-tag\">Plans starting at <em>\u20b9149<\/em> \/ Month<\/span>\r\n                    <\/div>\r\n                    <div class=\"mt-30\">\r\n                        <button class=\"isolated-slider-btn\" data-subject=\"Siti Playtop Magic OTT\">Apply Now <i class=\"fa-sharp fa-light fa-arrow-right\"><\/i><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 3: Corporate Lease Line -->\r\n    <div class=\"isolated-slider-overlay isolated-slider-bg pt-200 isolated-slider-pb-expanded\"\r\n         style=\"background-image: url('https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/3.webp');\">\r\n        <div class=\"container isolated-slider-z-index\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-xl-7 col-lg-9\">\r\n                    <div class=\"mb-20\">\r\n                        <div>\r\n                            <span class=\"isolated-slider-subtitle\">Business Solutions<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"isolated-slider-title text-white\">\r\n                            Empower Your Business <br>\r\n                            <span class=\"highlight\" style=\"display: inline-block; position: relative;\">\r\n                                Corporate Lease Line\r\n                                <span class=\"isolated-slider-title-shape d-none d-md-block\" style=\"position: absolute; bottom: -8px; left: 0; width: 100%;\">\r\n                                    <svg width=\"320\" height=\"5\" viewBox=\"0 0 450 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                        <path d=\"M448.836 4.22307C298.394 2.55338 148.391 2.288 2.00392 4.99709C-0.666718 5.09661 -0.630127 2.60867 2.00392 2.48703C147.897 -0.962917 299.108 -1.06243 448.836 3.70336C449.385 3.73653 449.403 4.23412 448.836 4.22307Z\" fill=\"#FFB302\"\/>\r\n                                    <\/svg>\r\n                                <\/span>\r\n                            <\/span>\r\n                        <\/h3>\r\n                    <\/div>\r\n                    <div class=\"isolated-slider-content\">\r\n                        <p>Scale your enterprise with dedicated bandwidth, 1:1 symmetric speeds,\r\n                        and 99.9% uptime SLA. Reliable connectivity designed for\r\n                        seamless office operations and mission-critical applications.<\/p>\r\n                        <span class=\"isolated-slider-price-tag\">Custom Plans for <em>Enterprises<\/em><\/span>\r\n                    <\/div>\r\n                    <div class=\"mt-30\">\r\n                        <button class=\"isolated-slider-btn\" data-subject=\"Corporate Lease Line\">Get a Quote <i class=\"fa-sharp fa-light fa-arrow-right\"><\/i><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n\r\n<script>\r\n(function () {\r\n\r\n    \/\/ Force reflow on all background slides (cross-browser fix)\r\n    function reloadBackgrounds() {\r\n        document.querySelectorAll('.isolated-slider-bg').forEach(function (el) {\r\n            var bg = el.style.backgroundImage;\r\n            if (bg && bg !== 'none') {\r\n                el.style.backgroundImage = 'none';\r\n                el.offsetHeight; \/\/ trigger reflow\r\n                el.style.backgroundImage = bg;\r\n            }\r\n        });\r\n    }\r\n\r\n    function initIsolatedSlider() {\r\n        if (typeof jQuery === 'undefined' || !jQuery().slick) {\r\n            setTimeout(initIsolatedSlider, 300);\r\n            return;\r\n        }\r\n\r\n        var $slider = jQuery('.isolated-slider-container');\r\n\r\n        if ($slider.length === 0) return;\r\n\r\n        if ($slider.hasClass('slick-initialized')) {\r\n            $slider.slick('unslick');\r\n        }\r\n\r\n        $slider.slick({\r\n            dots: true,\r\n            infinite: true,\r\n            speed: 1000,\r\n            fade: true,\r\n            autoplay: true,\r\n            autoplaySpeed: 5000,\r\n            arrows: false,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            cssEase: 'linear',\r\n            pauseOnHover: false,\r\n            adaptiveHeight: false\r\n        });\r\n\r\n        reloadBackgrounds();\r\n\r\n        var resizeTimer;\r\n        jQuery(window).off('resize.isolatedSlider').on('resize.isolatedSlider', function () {\r\n            clearTimeout(resizeTimer);\r\n            resizeTimer = setTimeout(function () {\r\n                if ($slider.hasClass('slick-initialized')) {\r\n                    reloadBackgrounds();\r\n                    $slider.slick('setPosition');\r\n                }\r\n            }, 200);\r\n        });\r\n\r\n        $slider.on('afterChange', function () {\r\n            reloadBackgrounds();\r\n        });\r\n    }\r\n\r\n    \/\/ Boot sequence\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            reloadBackgrounds();\r\n            initIsolatedSlider();\r\n            initPopupTriggers();\r\n        });\r\n    } else {\r\n        reloadBackgrounds();\r\n        initIsolatedSlider();\r\n        initPopupTriggers();\r\n    }\r\n\r\n    window.addEventListener('load', function () {\r\n        setTimeout(function () {\r\n            reloadBackgrounds();\r\n            var $slider = jQuery('.isolated-slider-container');\r\n            if ($slider.length) {\r\n                if ($slider.hasClass('slick-initialized')) {\r\n                    $slider.slick('setPosition');\r\n                } else {\r\n                    initIsolatedSlider();\r\n                }\r\n            }\r\n        }, 100);\r\n    });\r\n\r\n    \/\/ Ajax-loaded pages\r\n    if (typeof jQuery !== 'undefined') {\r\n        jQuery(document).off('ajaxComplete.isolatedSlider').on('ajaxComplete.isolatedSlider', function () {\r\n            setTimeout(function () {\r\n                reloadBackgrounds();\r\n                var $slider = jQuery('.isolated-slider-container');\r\n                if ($slider.length) {\r\n                    if ($slider.hasClass('slick-initialized')) {\r\n                        $slider.slick('setPosition');\r\n                    } else {\r\n                        initIsolatedSlider();\r\n                    }\r\n                }\r\n                initPopupTriggers();\r\n            }, 100);\r\n        });\r\n    }\r\n\r\n    \/\/ ===== POPUP TRIGGER FUNCTION =====\r\n    function initPopupTriggers() {\r\n        const sliderButtons = document.querySelectorAll('.isolated-slider-btn');\r\n        \r\n        sliderButtons.forEach(function(button) {\r\n            button.removeEventListener('click', handleSliderButtonClick);\r\n            button.addEventListener('click', handleSliderButtonClick);\r\n        });\r\n    }\r\n\r\n    function handleSliderButtonClick(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Get the subject from data attribute\r\n        const subject = this.getAttribute('data-subject') || 'New Broadband Connection';\r\n        \r\n        \/\/ Get pincode from the availability CTA if it exists\r\n        let pincode = '';\r\n        const pincodeInput = document.getElementById('cta-pincode-input');\r\n        if (pincodeInput) {\r\n            pincode = pincodeInput.value.trim();\r\n        }\r\n        \r\n        \/\/ Trigger the popup contact form with subject\r\n        if (typeof openContactPopup === 'function') {\r\n            openContactPopup(pincode, subject);\r\n        } else {\r\n            \/\/ Fallback if popup function doesn't exist\r\n            alert('Please fill out the contact form for: ' + subject + (pincode ? ' (Pincode: ' + pincode + ')' : ''));\r\n        }\r\n    }\r\n\r\n    \/\/ Initialize popup triggers\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initPopupTriggers);\r\n    } else {\r\n        initPopupTriggers();\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62f27b0 e-con-full e-flex e-con e-parent\" data-id=\"62f27b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecd3dce elementor-widget elementor-widget-html\" data-id=\"ecd3dce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tp-service-3__area pt-30 pb-30 z-index\">\r\n   <div class=\"container\">\r\n      <div class=\"row\">\r\n         <div class=\"col-xl-12\">\r\n            <div class=\"tp-service-3__title-box mb-15 text-center wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".1s\">\r\n               <div class=\"tp-section-subtitle-box\">\r\n                  <span class=\"tp-section-subtitle section-subtitle-border\" style=\"color: #007bff !important;\">Premier Connectivity<\/span>\r\n               <\/div>\r\n               <h3 class=\"tp-section-title\" style=\"white-space: normal; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;\">\r\n                  Best Digital \r\n                  <span class=\"p-relative\">\r\n                     Broadband\r\n                     <span class=\"tp-title-shape d-none d-md-block tp-title-shape-space\">\r\n                        <svg width=\"150\" height=\"5\" viewBox=\"0 0 232 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                           <path d=\"M230.836 4.22307C154.394 2.55338 78.3912 2.288 2.00392 4.99709C-0.666718 5.09661 -0.630127 2.60867 2.00392 2.48703C77.8973 -0.962917 155.108 -1.06243 230.836 3.70336C231.385 3.73653 231.403 4.23412 230.836 4.22307Z\" fill=\"#FFB302\" \/>\r\n                        <\/svg>\r\n                     <\/span>\r\n                  <\/span>\r\n                  Solutions For You\r\n               <\/h3>\r\n               <p class=\"tp-service-3__description mt-10\" style=\"font-size: 16px; color: #666; max-width: 700px; margin-left: auto; margin-right: auto;\">\r\n                  High-speed broadband, enterprise connectivity, OTT entertainment, and dedicated leased line solutions for homes and businesses.\r\n               <\/p>\r\n            <\/div>\r\n         <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"row g-4 mt-0\">\r\n\r\n         <div class=\"col-lg-3 col-md-6 wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".2s\">\r\n            <div class=\"service-card\">\r\n               <div class=\"service-icon mb-15\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sv-icon-1.webp\" alt=\"Home Broadband\" style=\"width: 45px;\">\r\n               <\/div>\r\n               <h4>Home Broadband<\/h4>\r\n               <p>Blazing-fast FTTH internet for seamless 4K streaming, gaming, and smart home connectivity.<\/p>\r\n               <a href=\"home-broadband\" class=\"tp-btn-service\">View Plans<\/a>\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <div class=\"col-lg-3 col-md-6 wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".3s\">\r\n            <div class=\"service-card\">\r\n               <div class=\"service-icon mb-15\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sv-icon-4.webp\" alt=\"Corporate Broadband\" style=\"width: 45px;\">\r\n               <\/div>\r\n               <h4>Corporate Broadband<\/h4>\r\n               <p>Reliable, high-bandwidth internet solutions designed to support business operations and productivity.<\/p>\r\n               <a href=\"corporate-broadband\" class=\"tp-btn-service\">Explore Service<\/a>\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <div class=\"col-lg-3 col-md-6 wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".4s\">\r\n            <div class=\"service-card\">\r\n               <div class=\"service-icon mb-15\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sv-icon-5.webp\" alt=\"Leased Line\" style=\"width: 45px;\">\r\n               <\/div>\r\n               <h4>Internet Leased Line<\/h4>\r\n               <p>Dedicated, symmetric connectivity with guaranteed uptime and consistent enterprise performance.<\/p>\r\n               <a href=\"internet-leased-line\" class=\"tp-btn-service\">Learn More<\/a>\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <div class=\"col-lg-3 col-md-6 wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".5s\">\r\n            <div class=\"service-card\">\r\n               <div class=\"service-icon mb-15\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sv-icon-2.webp\" alt=\"OTT Packs\" style=\"width: 45px;\">\r\n               <\/div>\r\n               <h4>OTT Packs<\/h4>\r\n               <p>Enjoy access to 15+ premium OTT platforms like SonyLiv, Zee5, and more with bundled plans.<\/p>\r\n               <a href=\"ott-packs\" class=\"tp-btn-service\">Explore OTT<\/a>\r\n            <\/div>\r\n         <\/div>\r\n\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.service-card {\r\n   background: white; \r\n   border-radius: 20px; \r\n   padding: 25px 15px;\r\n   box-shadow: 0 8px 25px rgba(0,123,255,0.06); \r\n   height: 100%; \r\n   text-align: center; \r\n   border: 1px solid #007bff; \r\n   transition: all 0.15s ease; \/* Reduced from 0.3s to 0.15s *\/\r\n   display: flex;\r\n   flex-direction: column;\r\n   align-items: center;\r\n   width: 92%; \/* Added to slightly squeeze the card *\/\r\n   margin: 0 auto; \/* Keeps the squeezed card perfectly centered *\/\r\n}\r\n\r\n.service-card h4 {\r\n   font-size: 18px;\r\n   font-weight: 700; \r\n   color: #333; \r\n   margin-bottom: 10px;\r\n}\r\n\r\n.service-card p {\r\n   font-size: 14px; \r\n   color: #666; \r\n   line-height: 1.5;\r\n   margin-bottom: 20px;\r\n   flex-grow: 1;\r\n}\r\n\r\n.service-icon {\r\n   width: 70px; \r\n   height: 70px; \r\n   background: #f0f7ff; \r\n   border-radius: 50%; \r\n   display: flex; \r\n   align-items: center; \r\n   justify-content: center; \r\n   margin: 0 auto 15px;\r\n   transition: all 0.15s ease; \/* Reduced from 0.3s to 0.15s *\/\r\n}\r\n\r\n.tp-btn-service {\r\n   display: inline-block;\r\n   padding: 8px 25px;\r\n   background-color: #007bff;\r\n   color: #fff !important;\r\n   font-weight: 600;\r\n   font-size: 13px;\r\n   text-decoration: none;\r\n   border-radius: 50px;\r\n   transition: all 0.15s ease; \/* Reduced from 0.3s to 0.15s *\/\r\n   border: 1px solid #007bff;\r\n}\r\n\r\n\/* Hover Effects *\/\r\n.service-card:hover {\r\n   transform: translateY(-5px);\r\n   box-shadow: 0 15px 30px rgba(0,123,255,0.12) !important;\r\n   border-color: #0056b3; \r\n}\r\n\r\n.service-card:hover .service-icon {\r\n   background: #FFB302 !important;\r\n}\r\n\r\n.service-card:hover .tp-btn-service {\r\n   background-color: #FFB302;\r\n   border-color: #FFB302;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81c58f5 e-con-full e-flex e-con e-parent\" data-id=\"81c58f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d30463 elementor-widget elementor-widget-html\" data-id=\"4d30463\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Availability CTA Area Start -->\r\n<style>\r\n  \/* Prevent zoom on input focus *\/\r\n  input[type=\"text\"],\r\n  input[type=\"number\"],\r\n  input[type=\"email\"],\r\n  input[type=\"tel\"],\r\n  textarea,\r\n  select {\r\n    font-size: 16px !important; \/* Prevents iOS zoom *\/\r\n  }\r\n\r\n  \/* --- Your Existing CTA CSS --- *\/\r\n  .availability-cta-area { font-family: inherit; width: 100%; }\r\n  \r\n  .availability-cta-bg {\r\n    background-color: #3763f4; \r\n    padding: 40px 30px; \r\n    text-align: center; position: relative; overflow: hidden; \r\n  }\r\n\r\n  .availability-cta-bg::before {\r\n    content: \"\";\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: url('https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/counter-bg.webp');\r\n    background-size: cover; background-position: center; background-repeat: no-repeat;\r\n    opacity: 0.2; z-index: 1;\r\n  }\r\n\r\n  .availability-cta-title {\r\n    font-size: 28px; font-weight: 700; color: #ffffff; \r\n    margin-bottom: 25px; line-height: 1.3; position: relative; z-index: 2; \r\n  }\r\n\r\n  .availability-cta-form {\r\n    display: flex; justify-content: center; align-items: center;\r\n    gap: 15px; flex-wrap: wrap; position: relative; z-index: 2; \r\n  }\r\n\r\n  .availability-cta-input {\r\n    padding: 15px 25px; \r\n    border: 2px solid #ffffff; \r\n    border-radius: 8px;\r\n    width: 100%; \r\n    max-width: 350px; \r\n    font-size: 16px !important; \/* Force 16px to prevent zoom *\/\r\n    outline: none;\r\n    transition: box-shadow 0.3s ease;\r\n    -webkit-appearance: none; \/* Remove iOS styling *\/\r\n    appearance: none;\r\n  }\r\n\r\n  .availability-cta-input:focus { \r\n    box-shadow: 0 0 0 3px rgba(255, 179, 0, 0.5); \r\n  }\r\n\r\n  .availability-cta-btn {\r\n    padding: 16px 35px; \r\n    background-color: #ffb300; \r\n    color: #ffffff; \r\n    border: none; \r\n    border-radius: 8px; \r\n    font-size: 16px; \r\n    font-weight: 700;\r\n    cursor: pointer; \r\n    transition: background-color 0.3s ease, transform 0.2s ease;\r\n    white-space: nowrap; \/* Prevent button text wrapping *\/\r\n  }\r\n\r\n  .availability-cta-btn:hover { \r\n    background-color: #e6a100; \r\n    transform: translateY(-2px); \r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 991px) {\r\n    .availability-cta-title { font-size: 24px; margin-bottom: 20px; }\r\n    .availability-cta-input { max-width: 300px; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .availability-cta-bg { padding: 30px 15px; }\r\n    .availability-cta-title { font-size: 21px; line-height: 1.4; margin-bottom: 20px; }\r\n    .availability-cta-form { flex-direction: column; gap: 12px; }\r\n    .availability-cta-input, \r\n    .availability-cta-btn { \r\n      max-width: 100%; \r\n      width: 100%; \r\n      font-size: 16px !important; \/* Ensure 16px on mobile too *\/\r\n    }\r\n  }\r\n\r\n  \/* Additional fix for older iOS versions *\/\r\n  @supports (-webkit-touch-callout: none) {\r\n    .availability-cta-input {\r\n      font-size: 16px !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"availability-cta-area\">\r\n  <div class=\"availability-cta-bg\">\r\n    <h3 class=\"availability-cta-title\">Let's find deals and services available in your area<\/h3>\r\n    \r\n    <div class=\"availability-cta-form\">\r\n      <input type=\"text\" id=\"cta-pincode-input\" class=\"availability-cta-input\" placeholder=\"Enter your Zip \/ Postal Code\" inputmode=\"numeric\" pattern=\"[0-9]*\">\r\n      <button type=\"button\" id=\"cta-check-btn\" class=\"availability-cta-btn\">Check Availability<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- Availability CTA Area End -->\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const checkBtn = document.getElementById('cta-check-btn');\r\n    const pincodeInput = document.getElementById('cta-pincode-input');\r\n\r\n    \/\/ Optional: Allow only numbers in pincode field\r\n    pincodeInput.addEventListener('input', function() {\r\n      this.value = this.value.replace(\/[^0-9]\/g, '');\r\n    });\r\n\r\n    checkBtn.addEventListener('click', function(e) {\r\n      e.preventDefault();\r\n      const userPincode = pincodeInput.value.trim();\r\n\r\n      if(userPincode === \"\") {\r\n        alert(\"Please enter a valid Pincode first.\");\r\n        return;\r\n      }\r\n\r\n      if(userPincode.length < 4) {\r\n        alert(\"Please enter a valid Pincode (minimum 4 digits).\");\r\n        return;\r\n      }\r\n\r\n      \/\/ Trigger the popup contact form\r\n      if (typeof openContactPopup === 'function') {\r\n        openContactPopup(userPincode);\r\n      } else {\r\n        alert(\"Contact form popup is not loaded. Please ensure the popup script is included.\");\r\n      }\r\n    });\r\n\r\n    \/\/ Handle Enter key press\r\n    pincodeInput.addEventListener('keypress', function(e) {\r\n      if (e.key === 'Enter') {\r\n        checkBtn.click();\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42887d1 e-con-full e-flex e-con e-parent\" data-id=\"42887d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db64d75 elementor-widget elementor-widget-html\" data-id=\"db64d75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<indinet-pricing><\/indinet-pricing>\r\n\r\n<script>\r\n  (function () {\r\n    'use strict';\r\n\r\n    \/\/ ============================================================\r\n    \/\/ SMART URL DETECTION & DYNAMIC THEME DETECTOR\r\n    \/\/ ============================================================\r\n    let wpBaseUrl = '';\r\n    const wpAsset = document.querySelector('link[href*=\"\/wp-content\/\"], script[src*=\"\/wp-content\/\"]');\r\n    if (wpAsset) {\r\n      const assetUrl = wpAsset.href || wpAsset.src;\r\n      wpBaseUrl = assetUrl.substring(0, assetUrl.indexOf('\/wp-content\/'));\r\n    } else if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {\r\n      wpBaseUrl = '\/' + window.location.pathname.split('\/')[1]; \r\n    }\r\n    \r\n    \/\/ Automatically uses window.INDINET_THEME_URL exposed by the child theme header hook, falling back to 2.1\r\n    const THEME_BASE_URL = window.INDINET_THEME_URL || (wpBaseUrl + '\/wp-content\/themes\/dc-indinet-2.1');\r\n\r\n    \/\/ ============================================================\r\n    \/\/ INJECT GLOBAL MODAL INTO BODY\r\n    \/\/ ============================================================\r\n    if (!document.getElementById('globalPlanModal')) {\r\n      const modalWrapper = document.createElement('div');\r\n      modalWrapper.innerHTML = `\r\n        <div id=\"globalPlanModal\" style=\"display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.52); z-index: 2147483640; align-items: center; justify-content: center; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\r\n          <div class=\"m-box\" style=\"background: #fff; border-radius: 14px; max-width: 420px; width: 100%; max-height: 70vh; overflow-y: auto; border: 1px solid #e0e0e0; box-shadow: 0 16px 56px rgba(0,0,0,0.22);\">\r\n            \r\n            <div class=\"m-close-row\" style=\"display: flex; justify-content: flex-end; padding: 12px 14px 4px; position: sticky; top: 0; background: #fff; z-index: 100; border-top-left-radius: 14px; border-top-right-radius: 14px;\">\r\n              <button class=\"m-close\" id=\"gMClose\" style=\"background: #f5f5f5; border: 1px solid #e8e8e8; border-radius: 7px; width: 30px; height: 30px; cursor: pointer; color: #666; font-size: 14px; display: flex; align-items: center; justify-content: center; border:none;\">\u2715<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"m-speed-sec\" style=\"text-align: center; padding: 0 20px 12px; border-bottom: 1px solid #f0f0f0;\">\r\n              <div class=\"m-spd-lbl\" id=\"gMSpdLbl\" style=\"font-size:12px; font-weight:600; color:#007bff; margin-bottom:4px;\">Plan Details<\/div>\r\n              <div class=\"m-spd\" id=\"gMSpd\" style=\"font-size:22px; font-weight:700; color:#222; line-height:1.2;\"><\/div>\r\n              <div class=\"m-region\" id=\"gMRegion\" style=\"font-size:13px; color:#555; margin-top:4px;\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"m-price-meta-sec\" style=\"padding: 14px 20px; border-bottom: 1px solid #f0f0f0; background: #fafbff; display:flex; flex-direction:column; align-items:center; gap:12px;\">\r\n              <div class=\"m-price-row\" style=\"display: flex; align-items: baseline; justify-content: center; gap: 4px;\">\r\n                <div class=\"m-prc-v\" id=\"gMPrcV\" style=\"font-size: 26px; font-weight: 700; color: #007bff; line-height: 1;\"><\/div>\r\n                <div class=\"m-prc-l\" id=\"gMPrcL\" style=\"font-size: 14px; color: #555; font-weight:500;\"><\/div>\r\n              <\/div>\r\n              <div class=\"m-meta-row\" style=\"display: flex; gap: 10px; width: 100%;\">\r\n                <div class=\"m-meta-pill\" style=\"flex:1; background:#fff; border:1px solid #e0e6ed; border-radius:99px; padding:10px 12px; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.02);\">\r\n                  <div class=\"mp-lbl\" style=\"font-size:10px; color:#888; font-weight:700; text-transform:uppercase;\">Validity<\/div>\r\n                  <div class=\"mp-val\" id=\"gMValLabel\" style=\"font-size:14px; font-weight:700; color:#222; margin-top:2px;\"><\/div>\r\n                <\/div>\r\n                <div class=\"m-meta-pill\" id=\"gMDataPill\" style=\"flex:1; background:#fff; border:1px solid #e0e6ed; border-radius:9px; padding:10px 12px; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.02);\">\r\n                  <div class=\"mp-lbl\" style=\"font-size:10px; color:#888; font-weight:700; text-transform:uppercase;\">Data<\/div>\r\n                  <div class=\"mp-val\" style=\"font-size:14px; font-weight:700; color:#222; margin-top:2px;\">Unlimited<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"m-ott-sec\" style=\"padding: 14px 20px; border-bottom: 1px solid #f0f0f0;\">\r\n              <p class=\"m-lbl\" style=\"font-size:11px; font-weight:700; color:#999; text-transform:uppercase; margin:0 0 12px;\">OTT Apps Included<\/p>\r\n              <div class=\"m-ott\" id=\"gMOtt\" style=\"display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; justify-content: center;\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"m-note-sec\" style=\"padding: 12px 20px 14px; border-bottom: 1px solid #f0f0f0; background: #fff;\">\r\n              <div class=\"m-note-box\" style=\"background:#f0f5ff; border:1px solid #d6e4ff; border-radius:8px; padding:10px 12px;\">\r\n                <div class=\"m-note-label\" style=\"font-size:10px; font-weight:800; color:#007bff; display:flex; align-items:center; gap:5px;\">\r\n                  <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Note\r\n                <\/div>\r\n                <p class=\"m-note-text\" style=\"font-size:10px; color:#555; margin:5px 0 0;\">All prices are inclusive of GST. Plans are subject to availability in selected locations.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"m-cta-sec\" style=\"padding: 14px 20px;\">\r\n              <div class=\"m-cta\" style=\"display: flex; gap: 8px;\">\r\n                <a href=\"${wpBaseUrl}\/contact\/\" class=\"c-cnt\" style=\"flex:1; background:#007bff; color:#fff; padding:12px; font-size:14px; font-weight:700; border-radius:7px; text-align:center; text-decoration:none; transition: background 0.2s; cursor: pointer;\">Contact Us<\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n        <style>\r\n          #globalPlanModal .m-close:hover { background: #ebebeb; }\r\n          #globalPlanModal .c-cnt:hover { background: #0056b3; }\r\n          \r\n          \/* SCROLLBAR UX *\/\r\n          #globalPlanModal .m-box::-webkit-scrollbar {\r\n            width: 6px;\r\n          }\r\n          #globalPlanModal .m-box::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n            border-radius: 10px;\r\n          }\r\n          #globalPlanModal .m-box::-webkit-scrollbar-thumb {\r\n            background: #c1c1c1;\r\n            border-radius: 10px;\r\n          }\r\n          #globalPlanModal .m-box::-webkit-scrollbar-thumb:hover {\r\n            background: #a8a8a8;\r\n          }\r\n\r\n          \/* ENLARGED LOGOS & WRAPPING LABELS *\/\r\n          #globalPlanModal .m-ott-tile { display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; width: 85px; }\r\n          #globalPlanModal .m-ott-tile img { max-height: 54px; max-width: 75px; width: auto; height: auto; object-fit: contain; display: block; }\r\n          #globalPlanModal .m-ott-name { font-size: 11px; font-weight: 600; color: #444; text-align: center; width: 100%; white-space: normal; word-wrap: break-word; line-height: 1.3; }\r\n          #globalPlanModal .m-ott-none { font-size: 12px; color: #999; }\r\n          \r\n          @media (max-width: 768px) {\r\n            #globalPlanModal .m-box {\r\n              max-height: 75vh !important;\r\n            }\r\n            #globalPlanModal .m-ott-tile { width: 75px; gap: 6px; }\r\n            #globalPlanModal .m-ott-tile img { max-height: 48px; max-width: 65px; }\r\n            #globalPlanModal .m-ott-name { font-size: 10px; }\r\n          }\r\n        <\/style>\r\n      `;\r\n      document.body.appendChild(modalWrapper);\r\n    }\r\n\r\n    \/\/ ============================================================\r\n    \/\/ DATA & MAPPING\r\n    \/\/ ============================================================\r\n    const OTT_MAP = new Map([\r\n      [\"prime-lite.webp\", \"Amazon Prime Lite\"], [\"prime-videos.webp\", \"Prime Video\"], [\"tarang-plus.webp\", \"Tarang Plus\"], [\"watcho.webp\", \"Watcho\"], \r\n      [\"zee5.webp\", \"ZEE5\"], [\"sony-liv.webp\", \"Sony Liv\"], [\"aaonxt.webp\", \"AAONxt\"], [\"bhakti-flix.webp\", \"Bhakti Flix\"], \r\n      [\"chaupal.webp\", \"Chaupal\"], [\"chaupal-bhojpuri.webp\", \"Chaupal Bhojpuri\"], [\"dangal-play.webp\", \"Dangal Play\"], \r\n      [\"discoveryplus.webp\", \"Discovery+\"], [\"distro-tv.webp\", \"Distro TV\"], [\"fancode.webp\", \"FanCode\"], \r\n      [\"fridaay.webp\", \"Fridaay\"], [\"hoichoi.webp\", \"Hoichoi\"], [\"hubhopper.webp\", \"Hubhopper\"], [\"hungama.webp\", \"Hungama\"], \r\n      [\"jiohotstar.webp\", \"JioHotstar\"], [\"klikk.webp\", \"Klikk\"], [\"om-tv.webp\", \"Om TV\"], [\"ottplay-premium.webp\", \"OTTplay Premium\"], \r\n      [\"playflix.webp\", \"PlayFlix\"], [\"raj-tv.webp\", \"Raj TV\"], [\"runn-tv.webp\", \"Runn TV\"], [\"sanskar.webp\", \"Sanskar\"], \r\n      [\"shemaroome.webp\", \"ShemarooMe\"], [\"shemaroome-bhakti.webp\", \"ShemarooMe Bhakti\"], [\"shorts-tv.webp\", \"Shorts TV\"], [\"stage.webp\", \"Stage\"]\r\n    ]);\r\n\r\n    const NAME_TO_FILE = new Map();\r\n    OTT_MAP.forEach((displayName, fileName) => { NAME_TO_FILE.set(displayName, fileName); });\r\n\r\n    \/\/ Cleaned aliases list (ZEE5, Hotstar, Watcho Exclusives only)\r\n    NAME_TO_FILE.set(\"ZEE5 Bangla\", \"zee5.webp\");\r\n    NAME_TO_FILE.set(\"ZEE5 (all access)\", \"zee5.webp\");\r\n    NAME_TO_FILE.set(\"Disney+ Hotstar\", \"jiohotstar.webp\");\r\n    NAME_TO_FILE.set(\"Watcho Exclusives\", \"watcho.webp\");\r\n\r\n    function ottLogoUrl(displayName) {\r\n      const upperName = displayName.trim().toUpperCase();\r\n      \r\n      if (upperName.includes(\"SHEMAROO\") || upperName.includes(\"SHEMAAROO\") || upperName.includes(\"SHEEMAROO\")) {\r\n        if (upperName.includes(\"BHAKTI\")) return `${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/shemaroome-bhakti.webp`;\r\n        return `${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/shemaroome.webp`;\r\n      }\r\n      \r\n      if (upperName === \"SHORTSTV\" || upperName === \"SHORTS TV\") {\r\n        return `${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/shorts-tv.webp`;\r\n      }\r\n\r\n      let fileName = null;\r\n      for (let [aliasName, fName] of NAME_TO_FILE) {\r\n        if (aliasName.toUpperCase() === upperName) {\r\n          fileName = fName;\r\n          break;\r\n        }\r\n      }\r\n      if (fileName) return `${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/${fileName}`;\r\n      return `${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/placeholder.webp`;\r\n    }\r\n\r\n    const OTT_PRIORITY = ['Amazon Prime Lite', 'Prime Video', 'JioHotstar', 'Disney+ Hotstar', 'ZEE5', 'ZEE5 (all access)', 'ZEE5 Bangla', 'Sony Liv', 'Hoichoi', 'Discovery+'];\r\n\r\n    function sortByPriority(ottNames) {\r\n      return [...ottNames].sort((a, b) => {\r\n        const aIdx = OTT_PRIORITY.findIndex(p => p === a);\r\n        const bIdx = OTT_PRIORITY.findIndex(p => p === b);\r\n        if (aIdx !== -1 && bIdx !== -1) return aIdx - bIdx;\r\n        if (aIdx !== -1) return -1;\r\n        if (bIdx !== -1) return 1;\r\n        return a.localeCompare(b);\r\n      });\r\n    }\r\n\r\n    const comboMonthlyPlans = [\r\n      { speed: \"35\", price: 575, name: \"INDINET OTT COMBO - 35\", ott: \"Hoichoi, Hungama, FanCode, Tarang Plus, AAONxt, Stage, Sanskar, Discovery+, Distro TV, ZEE5, Klikk, Shorts TV\", popular: false },\r\n      { speed: \"40\", price: 499, name: \"INDINET OTT COMBO - 40\", ott: \"Hoichoi, FanCode, Hungama, Tarang Plus, AAONxt, Stage, Sanskar, Discovery+, Klikk\", popular: false },\r\n      { speed: \"50\", price: 650, name: \"INDINET OTT COMBO - 50\", ott: \"Hoichoi, ZEE5, FanCode, Tarang Plus, Hungama, Discovery+, Sanskar, AAONxt, Stage, Shorts TV\", popular: true },\r\n      { speed: \"65\", price: 650, name: \"INDINET OTT COMBO - 65\", ott: \"Watcho, JioHotstar, ZEE5, FanCode, Hoichoi, Stage, Tarang Plus, Discovery+, Raj TV, Shorts TV, Hungama, Klikk\", popular: true },\r\n      { speed: \"80\", price: 700, name: \"INDINET OTT COMBO - 80\", ott: \"JioHotstar, ShemarooMe, Hungama, Raj TV, Hoichoi, FanCode, AAONxt, Discovery+, Shorts TV, ZEE5, Tarang Plus, Stage, Sanskar\", popular: false },\r\n      { speed: \"100\", price: 799, name: \"INDINET OTT COMBO - 100\", ott: \"Watcho, JioHotstar, ZEE5, FanCode, Hoichoi, Stage, Tarang Plus, Discovery+, Raj TV, Shorts TV, Hungama, Klikk\", popular: true }\r\n    ];\r\n\r\n    const alacarteMonthly = [\r\n      { name: \"INDI_OTT_Starter\", price: 50, ott: \"ZEE5 Bangla\", popular: false },\r\n      { name: \"INDI_OTT_Pro\", price: 90, ott: \"ZEE5 Bangla, Hoichoi, AaoNXT, Discovery+, Fancode, Hungama, Sanskar, Shorts TV, Stage, Tarang Plus, Watcho Exclusives\", popular: true },\r\n      { name: \"INDI_OTT_Max\", price: 110, ott: \"ZEE5 Bangla, Prime Video, Hoichoi, Sheemaroo Me, Shorts TV, Stage, Tarang Plus, AaoNXT, Discovery+, Fancode, Hungama\", popular: false },\r\n      { name: \"INDI_OTT_Elite\", price: 200, ott: \"ZEE5 (all access), Disney+ Hotstar, Sony Liv, AaoNXT, Discovery+, Fancode, Hungama, Sanskar, Shorts TV, Stage, Tarang Plus, Watcho Exclusives\", popular: true },\r\n      { name: \"INDI_OTT_Ultra\", price: 225, ott: \"Prime Video, Disney+ Hotstar, Sony Liv, ZEE5, Hoichoi, Shemaroo Me, Shorts TV, Stage, Tarang Plus, AaoNXT, Discovery+, Fancode, Hungama\", popular: false }\r\n    ];\r\n\r\n    function normalizeOttName(raw) {\r\n      const trimmed = raw.trim().toUpperCase();\r\n      \r\n      if (trimmed === \"SHORTSTV\" || trimmed === \"SHORTS TV\") return \"Shorts TV\";\r\n      if (trimmed === \"SONY LIV\" || trimmed === \"SONY LIV\") return \"Sony Liv\";\r\n      if (trimmed === \"AAONXT\") return \"AAONxt\";\r\n      if (trimmed === \"FANCODE\") return \"FanCode\";\r\n      if (trimmed.includes(\"SHEMAROO\") || trimmed.includes(\"SHEMAAROO\") || trimmed.includes(\"SHEEMAROO\")) {\r\n         if (trimmed.includes(\"BHAKTI\")) return \"ShemarooMe Bhakti\";\r\n         return trimmed.includes(\"ME\") ? raw.trim() : \"Shemaroo Me\"; \r\n      }\r\n      \r\n      for (let [displayName] of NAME_TO_FILE) {\r\n        if (displayName.toUpperCase() === trimmed) {\r\n          return displayName;\r\n        }\r\n      }\r\n      return raw.trim();\r\n    }\r\n\r\n    function parseOttString(ottStr) {\r\n      if (!ottStr) return [];\r\n      let items = ottStr.split(',').map(s => s.trim()).filter(s => s && s !== '');\r\n      return items.map(normalizeOttName);\r\n    }\r\n\r\n    const VALIDITY = {\r\n      '30':       { label: '\/30 Days', display: '30 Days' },\r\n      '3+1M':     { label: '\/120 Days', display: '120 Days', savings: '3+1' },\r\n      '6M':       { label: '\/6 Months', display: '6 Months', savings: '' },\r\n      '5+2M':     { label: '\/210 Days', display: '210 Days', savings: '5+2' },\r\n      '12months': { label: '\/390 Days', display: '390 Days', savings: '9+4' }\r\n    };\r\n\r\n    const regionPlans = {\r\n        kolkata: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false},{speed:400, price:2400, popular:false},{speed:650, price:3500, popular:false},{speed:1000, price:6000, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:30, price:3681, popular:false},{speed:50, price:4248, popular:false},{speed:80, price:5220, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:14400, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_12M\", validity:\"360 Days\", price:3950, popular:true},\r\n            {speed:80, name: \"INDI XPON_GX COMBO OFFER _80_6M\", validity:\"180 Days\", price:3550, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 50, name: \"New Connection Offer_50_3:3M\", validity: \"180 Days\", price: 1416, popular:false},\r\n            {speed: 80, name: \"New Connection Offer_80_3:3M\", validity: \"180 Days\", price: 1740, popular:true},\r\n            {speed: 100, name: \"New Connection Offer_100_3:3M\", validity: \"180 Days\", price: 2097, popular:true},\r\n            {speed: 150, name: \"New Connection Offer_150_3:3M\", validity: \"180 Days\", price: 2397, popular:false}\r\n          ]\r\n        },\r\n        bengal: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false},{speed:400, price:2400, popular:false},{speed:650, price:3500, popular:false},{speed:1000, price:6000, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:30, price:3681, popular:false},{speed:50, price:4248, popular:false},{speed:80, price:5220, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:14400, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_12M\", validity:\"360 Days\", price:3950, popular:true},\r\n            {speed:80, name: \"INDI XPON_GX COMBO OFFER _80_6M\", validity:\"180 Days\", price:3550, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 50, name: \"Welcome offer_50_3:3M\", validity: \"180 Days\", price: 1650, popular:false},\r\n            {speed: 80, name: \"Welcome offer Kol_80_3:3M\", validity: \"180 Days\", price: 1770, popular:true},\r\n            {speed: 100, name: \"Welcome offer Kol_100_3:3M\", validity: \"180 Days\", price: 1947, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:false}\r\n          ]\r\n        },\r\n        patna: { \r\n          monthly: [{speed:40, price:472, popular:false},{speed:50, price:500, popular:false},{speed:75, price:590, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1800, popular:false}], \r\n          \"3plus1\": [{speed:40, price:1416, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false}], \r\n          \"5plus2\": [{speed:50, price:2500, popular:false},{speed:75, price:2950, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:9000, popular:false}], \r\n          \"12months\": [{speed:50, price:4500, popular:false},{speed:75, price:5310, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:16200, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON COMBO OFFER _50_9+4\", validity:\"390 Days\", price:3500, popular:true},\r\n            {speed:100, name: \"INDI BIHAR XPON COMBO OFFER _100_6M\", validity:\"180 Days\", price:4300, popular:false},\r\n            {speed:150, name: \"INDI BIHAR XPON COMBO OFFER _150_6M\", validity:\"180 Days\", price:6100, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 50, name: \"Indi Welcome A -3M _50\", validity: \"90 Days\", price: 500, popular:false},\r\n            {speed: 50, name: \"Welcome offer_50_3:3M\", validity: \"180 Days\", price: 1650, popular:false},\r\n            {speed: 100, name: \"Indi Welcome A -3M_100\", validity: \"90 Days\", price: 708, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:true}\r\n          ]\r\n        },\r\n        restbihar: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:4500, price:4500, popular:false},{speed:75, price:5310, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:16200, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON COMBO OFFER _50_9+4\", validity:\"390 Days\", price:3500, popular:true},\r\n            {speed:100, name: \"INDI BIHAR XPON COMBO OFFER _100_6M\", validity:\"180 Days\", price:4300, popular:false},\r\n            {speed:150, name: \"INDI BIHAR XPON COMBO OFFER _150_6M\", validity:\"180 Days\", price:6100, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 50, name: \"Indi Welcome A -3M _50\", validity: \"90 Days\", price: 500, popular:false},\r\n            {speed: 50, name: \"Welcome offer_50_3:3M\", validity: \"180 Days\", price: 1650, popular:false},\r\n            {speed: 100, name: \"Indi Welcome A -3M_100\", validity: \"90 Days\", price: 708, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:true}\r\n          ]\r\n        },\r\n        jharkhand: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false},{speed:400, price:2400, popular:false},{speed:650, price:3500, popular:false},{speed:1000, price:6000, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:30, price:3681, popular:false},{speed:50, price:4248, popular:false},{speed:80, price:5220, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:14400, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_12M\", validity:\"360 Days\", price:3950, popular:true},\r\n            {speed:80, name: \"INDI XPON_GX COMBO OFFER _80_6M\", validity:\"180 Days\", price:3550, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 50, name: \"Welcome offer_50_3:3M\", validity: \"180 Days\", price: 1650, popular:false},\r\n            {speed: 80, name: \"Welcome offer Kol_80_3:3M\", validity: \"180 Days\", price: 1770, popular:true},\r\n            {speed: 100, name: \"Welcome offer Kol_100_3:3M\", validity: \"180 Days\", price: 1947, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:false}\r\n          ]\r\n        },\r\n        tripura: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false},{speed:400, price:2400, popular:false},{speed:650, price:3500, popular:false},{speed:1000, price:6000, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:30, price:3681, popular:false},{speed:50, price:4248, popular:false},{speed:80, price:5220, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:14400, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_12M\", validity:\"360 Days\", price:3950, popular:true},\r\n            {speed:80, name: \"INDI XPON_GX COMBO OFFER _80_6M\", validity:\"180 Days\", price:3550, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 80, name: \"Welcome offer Kol_80_3:3M\", validity: \"180 Days\", price: 1770, popular:true},\r\n            {speed: 100, name: \"Welcome offer Kol_100_3:3M\", validity: \"180 Days\", price: 1947, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:false}\r\n          ]\r\n        },\r\n        odisha: { \r\n          monthly: [{speed:30, price:409, popular:false},{speed:50, price:472, popular:false},{speed:80, price:580, popular:false},{speed:100, price:699, popular:true},{speed:150, price:799, popular:true},{speed:200, price:1150, popular:false},{speed:300, price:1600, popular:false},{speed:400, price:2400, popular:false},{speed:650, price:3500, popular:false},{speed:1000, price:6000, popular:false}], \r\n          \"3plus1\": [{speed:30, price:1227, popular:false},{speed:50, price:1416, popular:false},{speed:80, price:1740, popular:false},{speed:100, price:2097, popular:true},{speed:150, price:2397, popular:true},{speed:200, price:3450, popular:false},{speed:300, price:4800, popular:false}], \r\n          \"5plus2\": [{speed:30, price:2045, popular:false},{speed:50, price:2360, popular:false},{speed:80, price:2900, popular:false},{speed:100, price:3495, popular:true},{speed:150, price:3995, popular:true},{speed:200, price:5750, popular:false},{speed:300, price:8000, popular:false}], \r\n          \"12months\": [{speed:30, price:3681, popular:false},{speed:50, price:4248, popular:false},{speed:80, price:5220, popular:false},{speed:100, price:6291, popular:true},{speed:150, price:7191, popular:true},{speed:200, price:10350, popular:false},{speed:300, price:14400, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_3M\", validity:\"90 Days\", price:2450, popular:false},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_12M\", validity:\"360 Days\", price:3950, popular:true},\r\n            {speed:80, name: \"INDI XPON_GX COMBO OFFER _80_6M\", validity:\"180 Days\", price:3550, popular:false}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 20, name: \"SWAGATAM_20_3M\", validity: \"90 Days\", price: 600, popular:false},\r\n            {speed: 80, name: \"Welcome offer Kol_80_3:3M\", validity: \"180 Days\", price: 1770, popular:true},\r\n            {speed: 100, name: \"Welcome offer Kol_100_3:3M\", validity: \"180 Days\", price: 1947, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:false}\r\n          ]\r\n        },\r\n        greaternoida: { \r\n          monthly: [{speed:50, price:550, popular:false},{speed:80, price:590, popular:false},{speed:100, price:699, popular:true},{speed:125, price:1000, popular:true},{speed:150, price:1350, popular:false}], \r\n          \"3plus1\": [{speed:50, price:1650, popular:false},{speed:80, price:1770, popular:false},{speed:100, price:2097, popular:true},{speed:125, price:3000, popular:true},{speed:150, price:4050, popular:false}], \r\n          \"5plus2\": [{speed:100, price:3495, popular:true},{speed:125, price:5000, popular:true},{speed:150, price:6750, popular:false}], \r\n          \"12months\": [{speed:100, price:6291, popular:true},{speed:125, price:9000, popular:true},{speed:150, price:12150, popular:false}],\r\n          \"6months\": [],\r\n          \"xpon-combo-offer\": [\r\n            {speed:50, name: \"INDI XPON_GX COMBO OFFER _50_6M\", validity:\"180 Days\", price:2950, popular:true},\r\n            {speed:50, name: \"INDI XPON COMBO OFFER _50_9+4\", validity:\"390 Days\", price:3500, popular:true}\r\n          ],\r\n          \"special-offers\": [\r\n            {speed: 50, name: \"Welcome offer_50_3:3M\", validity: \"180 Days\", price: 1650, popular:true},\r\n            {speed: 150, name: \"Welcome_150_6M\", validity: \"180 Days\", price: 3000, popular:true}\r\n          ]\r\n        }\r\n    };\r\n\r\n    const valMap = {\r\n        '30': 'monthly',\r\n        '3+1M': '3plus1',\r\n        '6M': '6months',\r\n        '5+2M': '5plus2',\r\n        '12months': '12months',\r\n        'xpon_combo': 'xpon-combo-offer',\r\n        'special': 'special-offers'\r\n    };\r\n\r\n    function getValidityLabel(validityKey) { return VALIDITY[validityKey]?.label || '\/30 Days'; }\r\n\r\n    \/\/ Helper to add <br> line breaks inside plan titles to avoid POPULAR badge overlaps\r\n    function formatPlanName(name) {\r\n      if (!name) return '';\r\n      let upper = name.toUpperCase();\r\n      if (upper.includes(\"PLATINUM WATCHO PACK\")) {\r\n        return \"PLATINUM<br>WATCHO PACK\";\r\n      }\r\n      if (upper.includes(\"WATCHO PRIME\")) {\r\n        return name.replace(\/WATCHO PRIME\/i, \"WATCHO<br>PRIME\");\r\n      }\r\n      if (upper.includes(\"XPON_GX\") || upper.includes(\"XPON GX\")) {\r\n        return \"INDI XPON GX COMBO OFFER\";\r\n      }\r\n      if (upper.includes(\"XPON\")) {\r\n        return \"XPON Combo Offer\";\r\n      }\r\n      if (upper.includes(\"SWAGATAM\")) {\r\n        return \"SWAGATAM (3 Months)\";\r\n      }\r\n      if (upper.includes(\"WELCOME\") || upper.includes(\"NEW CONNECTION\")) {\r\n        if (upper.includes(\"3:3M\")) return \"New Connection Offer (3+3 Months)\";\r\n        if (upper.includes(\"6M\")) return \"New Connection Offer (6 Months)\";\r\n        if (upper.includes(\"3M\")) return \"New Connection Offer (3 Months)\";\r\n        return \"New Connection Offer\";\r\n      }\r\n      if (upper.includes(\"INDINET OTT COMBO\")) {\r\n        return name.replace(\/INDINET\/i, \"Indinet\");\r\n      }\r\n      return name;\r\n    }\r\n\r\n    function getPlansForState(stateKey, validityVal) {\r\n      const dbKey = valMap[validityVal];\r\n      const dbStateKey = stateKey === 'noida' ? 'greaternoida' : stateKey;\r\n      const stateData = regionPlans[dbStateKey];\r\n      if (!stateData || !stateData[dbKey]) return [];\r\n\r\n      let cards = [];\r\n\r\n      \/\/ Custom Plan Structure (Router, Special Offers)\r\n      if (dbKey === 'xpon-combo-offer' || dbKey === 'special-offers') {\r\n          const badge = dbKey === 'xpon-combo-offer' ? 'XPON Combo' : 'Special Offer';\r\n          cards = stateData[dbKey].map(p => ({\r\n              speed: p.speed, unit: 'Mbps', price: p.price,\r\n              validity: p.validity, displayVal: p.validity,\r\n              ottList: [], popular: p.popular === true,\r\n              planId: p.name, isFixed: true, badge: badge, planName: p.name\r\n          }));\r\n      } else {\r\n          const standardPlans = stateData[dbKey];\r\n\r\n          if (validityVal === '30') {\r\n              \/\/ 1. Show exactly 2 normal internet plans\r\n              const std80 = standardPlans.find(p => p.speed === 80) || standardPlans.find(p => p.speed === 75) || standardPlans[0];\r\n              if (std80) cards.push({ speed: std80.speed, unit: 'Mbps', price: std80.price, ottList: [], popular: std80.popular === true, isFixed: false });\r\n              \r\n              const std100 = standardPlans.find(p => p.speed === 100) || standardPlans[1] || standardPlans[standardPlans.length - 1];\r\n              if (std100) cards.push({ speed: std100.speed, unit: 'Mbps', price: std100.price, ottList: [], popular: std100.popular === true, isFixed: false });\r\n\r\n              \/\/ 2. Show exactly 2 OTT plus internet plans (combo plans are 30 days ONLY)\r\n              if (comboMonthlyPlans && comboMonthlyPlans.length > 0) {\r\n                  const combo1 = comboMonthlyPlans.find(p => p.speed === \"65\" || p.speed === 65) || comboMonthlyPlans[0];\r\n                  const combo2 = comboMonthlyPlans.find(p => p.speed === \"100\" || p.speed === 100) || comboMonthlyPlans[comboMonthlyPlans.length - 1];\r\n\r\n                  [combo1, combo2].forEach(p => {\r\n                    if (p) {\r\n                      cards.push({ \r\n                        speed: p.speed, \r\n                        unit: 'Mbps', \r\n                        price: p.price, \r\n                        ottList: parseOttString(p.ott), \r\n                        popular: p.popular === true, \r\n                        isFixed: false, \r\n                        planName: p.name \r\n                      });\r\n                    }\r\n                  });\r\n              }\r\n              \r\n              \/\/ 3. Show exactly 2 alacarte packs (alacarte packs are 30 days ONLY)\r\n              if (alacarteMonthly && alacarteMonthly.length > 0) {\r\n                  const pack1 = alacarteMonthly.find(p => p.name.includes(\"GRAND\") || p.name === \"INDI_OTT_Pro\") || alacarteMonthly[0];\r\n                  const pack2 = alacarteMonthly.find(p => p.name.includes(\"PLATINUM\") || p.name === \"INDI_OTT_Elite\") || alacarteMonthly[1] || alacarteMonthly[alacarteMonthly.length - 1];\r\n\r\n                  [pack1, pack2].forEach(p => {\r\n                    if (p) {\r\n                      cards.push({ \r\n                        speed: p.name, \r\n                        unit: 'Pack', \r\n                        price: p.price, \r\n                        ottList: parseOttString(p.ott), \r\n                        popular: p.popular === true, \r\n                        isFixed: false, \r\n                        planName: p.name \r\n                      });\r\n                    }\r\n                  });\r\n              }\r\n          } else {\r\n              \/\/ For long-term validities (120 Days, 210 Days, 6 Months, 390 Days), show exactly 6 standard plans if available\r\n              const speedsToSelect = [30, 50, 75, 80, 100, 125, 150, 200, 300];\r\n              const selectedPlans = [];\r\n              for (const sp of speedsToSelect) {\r\n                const plan = standardPlans.find(p => p.speed === sp);\r\n                if (plan) {\r\n                  selectedPlans.push(plan);\r\n                  if (selectedPlans.length === 6) break;\r\n                }\r\n              }\r\n              if (selectedPlans.length < 6) {\r\n                for (const plan of standardPlans) {\r\n                  if (!selectedPlans.includes(plan)) {\r\n                    selectedPlans.push(plan);\r\n                    if (selectedPlans.length === 6) break;\r\n                  }\r\n                }\r\n              }\r\n\r\n              selectedPlans.sort((a, b) => a.speed - b.speed);\r\n\r\n              cards = selectedPlans.map(plan => ({\r\n                  speed: plan.speed, \r\n                  unit: 'Mbps', \r\n                  price: plan.price, \r\n                  ottList: [], \r\n                  popular: plan.popular === true, \r\n                  isFixed: false\r\n              }));\r\n          }\r\n      }\r\n\r\n      \/\/ Restrict speed <= 150 Mbps for specific regions\r\n      const restrictedRegions = ['bengal', 'jharkhand', 'tripura', 'odisha'];\r\n      if (restrictedRegions.includes(dbStateKey)) {\r\n        cards = cards.filter(c => {\r\n          const sp = parseFloat(c.speed);\r\n          if (isNaN(sp)) return true; \/\/ Keep Alacarte packs\r\n          return sp <= 150;\r\n        });\r\n      }\r\n\r\n      \/\/ 1. Gather all indices that are configured with popular: true\r\n      let eligibleIndices = [];\r\n      cards.forEach((card, idx) => {\r\n        if (card.popular === true) {\r\n          eligibleIndices.push(idx);\r\n        }\r\n      });\r\n\r\n      \/\/ If no plans have popular: true, fallback to all indices being eligible\r\n      if (eligibleIndices.length === 0) {\r\n        eligibleIndices = Array.from({ length: cards.length }, (_, i) => i);\r\n      }\r\n\r\n      \/\/ 2. Shuffle eligible indices using Fisher-Yates\r\n      for (let i = eligibleIndices.length - 1; i > 0; i--) {\r\n        const j = Math.floor(Math.random() * (i + 1));\r\n        const temp = eligibleIndices[i];\r\n        eligibleIndices[i] = eligibleIndices[j];\r\n        eligibleIndices[j] = temp;\r\n      }\r\n\r\n      \/\/ Reset popular flag on all cards\r\n      cards.forEach(c => c.popular = false);\r\n\r\n      if (cards.length > 0) {\r\n        \/\/ 3. Determine target number of popular badges (between 1 and 3, capped at eligible count)\r\n        const targetCount = Math.min(3, Math.min(eligibleIndices.length, Math.floor(Math.random() * 3) + 1));\r\n\r\n        const popularIndices = new Set();\r\n\r\n        \/\/ 4. Assign popular badges ensuring non-consecutive spacing where possible (so popular badges aren't side-by-side)\r\n        for (const idx of eligibleIndices) {\r\n          if (popularIndices.size >= targetCount) break;\r\n          \r\n          if (!popularIndices.has(idx - 1) && !popularIndices.has(idx + 1)) {\r\n            popularIndices.add(idx);\r\n          }\r\n        }\r\n\r\n        \/\/ Fallback: if spacing was too restrictive and targetCount wasn't met, fill up directly\r\n        if (popularIndices.size < targetCount) {\r\n          for (const idx of eligibleIndices) {\r\n            if (popularIndices.size >= targetCount) break;\r\n            popularIndices.add(idx);\r\n          }\r\n        }\r\n\r\n        \/\/ Apply popular to selected cards\r\n        popularIndices.forEach(idx => {\r\n          if (cards[idx]) cards[idx].popular = true;\r\n        });\r\n      }\r\n\r\n      return cards;\r\n    }\r\n\r\n    function formatPrice(n) { return '\u20b9' + Math.round(n).toLocaleString('en-IN'); }\r\n\r\n    function renderOttLogos(ottArray, showLimit = 3) {\r\n      if (!ottArray || ottArray.length === 0) return '<span class=\"ott-nott\">No OTT included<\/span>';\r\n      const sorted = sortByPriority(ottArray);\r\n      const firstFew = sorted.slice(0, showLimit);\r\n      const remaining = sorted.length - showLimit;\r\n      let html = '';\r\n      firstFew.forEach(name => {\r\n        html += `<img decoding=\"async\" src=\"${ottLogoUrl(name)}\" alt=\"${name}\" title=\"${name}\" onerror=\"this.src='${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/placeholder.webp'\">${name !== sorted[showLimit - 1] && remaining > 0 ? '' : ''}`;\r\n      });\r\n      if (remaining > 0) html += `<span class=\"ott-pill\">${remaining}<\/span>`;\r\n      return html;\r\n    }\r\n\r\n    \/\/ ============================================================\r\n    \/\/ WEB COMPONENT LOGIC\r\n    \/\/ ============================================================\r\n    const CSS = `\r\n      *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n      :host { display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 16px; line-height: 1.5; color: #444; width: 100%; }\r\n      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\r\n      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\r\n      .wow { opacity: 0; transform: translateY(40px); }\r\n      .wow.animated { animation-fill-mode: both; animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }\r\n      .wow.fadeInUp.animated { animation-name: fadeInUp; }\r\n      .wow.fadeInDown.animated { animation-name: fadeInDown; }\r\n      .pricing-section { background-color: transparent; padding: 20px 0 50px; position: relative; }\r\n      .pricing-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; }\r\n      .section-head { text-align: center; margin-bottom: 30px; }\r\n      .section-subtitle { display: inline-block; color: #007bff; font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }\r\n      .section-title { font-size: clamp(28px, 4.5vw, 42px); font-weight: 600; color: #1a1c21; line-height: 1.2; margin: 0; }\r\n      .section-title .accent { color: #FFB302; position: relative; display: inline-block; }\r\n      .accent-underline { display: block; position: absolute; bottom: -6px; left: 0; width: 100%; pointer-events: none; }\r\n      .filter-bar { display: flex; justify-content: center; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }\r\n      .filter-group { display: flex; flex-direction: column; gap: 7px; width: 240px; text-align: left; }\r\n      .filter-label { display: block; font-size: 11px; font-weight: 700; color: #007bff; text-transform: uppercase; letter-spacing: 1.2px; padding-left: 4px; }\r\n      .select-wrap { position: relative; }\r\n      .select-wrap::after { content: ''; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #007bff; pointer-events: none; }\r\n      select { display: block; width: 100%; padding: 12px 44px 12px 16px; font-family: inherit; font-size: 14px; font-weight: 600; color: #333; background: #fff; border: 1px solid #007bff; border-radius: 50px; cursor: pointer; outline: none; appearance: none; transition: border-color 0.15s, box-shadow 0.15s; }\r\n      select:hover { border-color: #0056b3; box-shadow: 0 6px 18px rgba(0,123,255,0.15); }\r\n      \r\n      .plans-grid { display: grid; grid-template-columns: repeat(3, minmax(240px, 280px)); gap: 20px; align-items: stretch; max-width: 920px; margin: 0 auto; justify-content: center; }\r\n      \r\n      .plan-card { background:#fff; border-radius:14px; padding:20px 10px; box-shadow:0 2px 10px rgba(0,123,255,.06); border:1px solid #007bff; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; overflow:hidden; transition:transform .3s, box-shadow .3s, border-color .3s; animation:cIn .4s ease both; width:100%; max-width:280px; margin:0 auto; height:100%; }\r\n      .plan-card:hover { transform:translateY(-5px); box-shadow:0 14px 40px rgba(0,123,255,.14); border-color:#0056b3; }\r\n      .popular-badge { position:absolute; top:12px; right:-1px; background:#FFB302; color:#000; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; padding:4px 10px; border-radius:4px 0 0 4px; box-shadow:-2px 2px 6px rgba(255,179,2,.35); }\r\n\r\n      .card-header-zone { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 80px; }\r\n      \r\n      .speed-tag { font-size:28px; font-weight:700; color:#000000; line-height:1.1; margin:6px 0 2px; display:flex; align-items:baseline; justify-content:center; gap:4px; flex-wrap:nowrap; }\r\n      .speed-tag .unit { font-size:14px; font-weight:400; color:#000; }\r\n      .pack-name-tag { font-size:14px; font-weight:700; color:#007bff; line-height:1.2; margin:6px 0 2px; text-align:center; word-break:break-word; min-height:34px; display:flex; align-items:center; justify-content:center; }\r\n      .price-box { background:#f8f9fa; padding:10px 12px; border-radius:16px; margin:12px 0 15px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }\r\n      .price-amount { font-size:30px; font-weight:700; color:#007bff; white-space:nowrap; line-height:1; }\r\n      .price-per { font-size:13px; font-weight:500; color:#555; white-space:nowrap; flex-shrink:0; }\r\n      .ott-benefit { padding-top:15px; margin-top:15px; border-top:1px dashed #dde9f9; width:100%; flex-shrink:0; min-height: 95px; }\r\n      .ott-title { font-weight:700; margin-bottom:12px; color:#333; font-size:14px; }\r\n      .ott-logos { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center; min-height:52px; }\r\n      .ott-logos img { height:45px; width:auto; max-width:72px; object-fit:contain; border-radius:3px; background:#f5f5f5; padding:2px 4px; filter:grayscale(30%); transition:filter .3s; }\r\n      .plan-card:hover .ott-logos img { filter:grayscale(0%); }\r\n      .ott-nott { font-size:11px; font-weight:700; color:#b45309; background:#fef3c7; border:1px solid #fcd34d; padding:5px 10px; border-radius:20px; white-space:nowrap; display:inline-flex; align-items:center; gap:5px; }\r\n      .ott-pill { font-size:12px; font-weight:700; color:#007bff; background:#e6f0ff; padding:4px 10px; border-radius:20px; display:inline-flex; align-items:center; gap:3px; }\r\n      .ott-pill::before { content:'+'; font-weight:800; }\r\n      .plan-buttons { display:flex; margin-top:15px; width:100%; justify-content:center; margin-top:auto; }\r\n      .btn-info { display:inline-flex; align-items:center; justify-content:center; padding:6px 24px; font-size:13px; font-weight:600; border-radius:50px; text-decoration:none; transition:all .25s; font-family:inherit; letter-spacing:.2px; border:1.5px solid #007bff; background:transparent; color:#007bff; min-width:120px; cursor:pointer; }\r\n      .btn-info:hover { background:#FFB302; border-color:#FFB302; color:#000000; }\r\n      .view-all-wrap { text-align: center; margin-top: 40px; }\r\n      .view-all-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 32px; font-size: 15px; font-weight: 600; color: #1a1c21; background: transparent; border: 1px solid #c8cdd6; border-radius: 0; text-decoration: none; position: relative; overflow: hidden; z-index: 0; transition: color 0.5s ease; cursor: pointer; }\r\n      .view-all-btn::before { content: ''; position: absolute; inset: 0; background: #FFB302; transform: translateX(-101%); transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: -1; }\r\n      .view-all-btn:hover::before { transform: translateX(0); }\r\n      .view-all-btn:hover { color: #1a1c21; border-color: #FFB302; }\r\n      .view-all-btn svg { transition: transform 0.5s ease; }\r\n      .view-all-btn:hover svg { transform: translateX(4px); }\r\n      \r\n      @media (max-width: 1100px) { .plans-grid { grid-template-columns: repeat(2, minmax(240px, 280px)); max-width: 650px; } }\r\n      @media (max-width: 650px) { .plans-grid { grid-template-columns: minmax(240px, 320px); max-width: 100%; } .filter-group { width: 100%; } .speed-tag { font-size: 22px; } }\r\n    `;\r\n\r\n    function generateCardHTML(plan, validityKey, delay) {\r\n      const popularBadge = plan.popular ? '<div class=\"popular-badge\">Popular<\/div>' : '';\r\n      const isFixed = plan.isFixed;\r\n      \r\n      const validityLabel = isFixed ? '\/' + plan.validity : getValidityLabel(validityKey);\r\n      const validityDisplay = isFixed ? plan.displayVal : (VALIDITY[validityKey]?.display || '30 Days');\r\n      \r\n      const ottHtml = renderOttLogos(plan.ottList);\r\n      const isOttOnly = plan.unit === 'Pack';\r\n      \r\n      const formattedName = formatPlanName(plan.planName);\r\n      \r\n      \/\/ Deduplicate: If planName is identical to speed tag (like \"GRAND PACK\"), do not render a duplicate subtitle\r\n      const isDuplicateTitle = plan.planName && String(plan.planName).trim().toLowerCase() === String(plan.speed).trim().toLowerCase();\r\n      const planTitleHTML = (plan.planName && !isDuplicateTitle) \r\n        ? `<div class=\"pack-name-tag\">${formattedName}<\/div>` \r\n        : '';\r\n      \r\n      const subLabels = {\r\n        '30': '(Monthly)',\r\n        '3+1M': '(3+1 Months)',\r\n        '6M': '(6 Months)',\r\n        '5+2M': '(5+2 Months)',\r\n        '12months': '(9+4 Months)'\r\n      };\r\n      const subLabelText = isFixed ? '' : (subLabels[validityKey] || '');\r\n      const subLabelHtml = subLabelText ? `<div style=\"font-size: 11px; color: #666; font-weight: 500; margin-top: 2px;\">${subLabelText}<\/div>` : '';\r\n\r\n      return `\r\n        <div class=\"plan-col wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\"${delay}s\" style=\"height: 100%;\">\r\n          <div class=\"plan-card\" data-plan-speed=\"${plan.speed} ${plan.unit}\" data-plan-price=\"${plan.price}\" data-ott-list=\"${plan.ottList.join(',')}\" data-validity=\"${validityLabel}\" data-validity-display=\"${validityDisplay}\" data-is-ott=\"${isOttOnly}\" data-plan-name=\"${plan.planName || ''}\">\r\n            ${popularBadge}\r\n            <div class=\"card-header-zone\">\r\n              <div class=\"speed-tag\" style=\"${isOttOnly ? 'font-size: 18px; word-break: break-word;' : ''}\">${isOttOnly ? formattedName : plan.speed} ${isOttOnly ? '' : `<span class=\"unit\">${plan.unit}<\/span>`}<\/div>\r\n              ${planTitleHTML}\r\n            <\/div>\r\n            <div class=\"price-box\">\r\n              <div style=\"display: flex; align-items: baseline; justify-content: center; gap: 5px; flex-wrap: nowrap; white-space: nowrap;\">\r\n                <span class=\"price-amount\">${formatPrice(plan.price)}<\/span>\r\n                <span class=\"price-per\">${validityLabel}<\/span>\r\n              <\/div>\r\n              ${subLabelHtml}\r\n            <\/div>\r\n            <div class=\"ott-benefit\">\r\n              <div class=\"ott-title\">OTT Apps Included<\/div>\r\n              <div class=\"ott-logos\">${ottHtml}<\/div>\r\n            <\/div>\r\n            <div class=\"plan-buttons\">\r\n              <button class=\"btn-info details-btn\" type=\"button\">View Details<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    class IndinetPricing extends HTMLElement {\r\n      constructor() {\r\n        super();\r\n        this._shadow = this.attachShadow({ mode: 'open' });\r\n        this._state = 'kolkata';\r\n        this._validity = '30';\r\n        this._observer = null;\r\n      }\r\n\r\n      connectedCallback() { this._render(); }\r\n      disconnectedCallback() { if (this._observer) this._observer.disconnect(); }\r\n\r\n      _hasFilteredPlans(stateKey, validityVal) {\r\n        const plans = getPlansForState(stateKey, validityVal);\r\n        return plans.length > 0;\r\n      }\r\n\r\n      _validateState() {\r\n        const stateData = regionPlans[this._state];\r\n        if (!stateData) return;\r\n\r\n        const hasPlans = this._hasFilteredPlans(this._state, this._validity);\r\n        \r\n        if (!hasPlans) {\r\n            for (const vKey of Object.keys(valMap)) {\r\n                if (this._hasFilteredPlans(this._state, vKey)) {\r\n                    this._validity = vKey;\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n      }\r\n\r\n      _render() {\r\n        this._validateState();\r\n        this._shadow.innerHTML = '';\r\n        const style = document.createElement('style');\r\n        style.textContent = CSS;\r\n        this._shadow.appendChild(style);\r\n        const wrapper = document.createElement('div');\r\n        wrapper.innerHTML = this._generateMarkup();\r\n        this._shadow.appendChild(wrapper);\r\n        this._bind();\r\n        requestAnimationFrame(() => this._initScrollAnimations());\r\n      }\r\n\r\n      _initScrollAnimations() {\r\n        if (this._observer) this._observer.disconnect();\r\n        const wowEls = this._shadow.querySelectorAll('.wow');\r\n        this._observer = new IntersectionObserver((entries) => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              const el = entry.target;\r\n              el.style.animationDuration = el.dataset.wowDuration || '.5s';\r\n              el.style.animationDelay = el.dataset.wowDelay || '0s';\r\n              el.classList.add('animated');\r\n              this._observer.unobserve(el);\r\n            }\r\n          });\r\n        }, { root: null, threshold: 0.12 });\r\n        wowEls.forEach(el => this._observer.observe(el));\r\n      }\r\n\r\n      _generateMarkup() {\r\n        const plans = getPlansForState(this._state, this._validity);\r\n        const cardsMarkup = plans.length > 0 \r\n          ? plans.map((plan, idx) => generateCardHTML(plan, this._validity, (0.1 + idx * 0.05).toFixed(2))).join('')\r\n          : '<div style=\"grid-column: 1 \/ -1; text-align: center; padding: 40px; color: #888;\">No plans available for this selection.<\/div>';\r\n        \r\n        const buildOpt = (val, label) => {\r\n            const hasPlans = this._hasFilteredPlans(this._state, val);\r\n            if (!hasPlans) return '';\r\n            return `<option value=\"${val}\" ${this._validity === val ? 'selected' : ''}>${label}<\/option>`;\r\n        };\r\n\r\n        return `\r\n          <div class=\"pricing-section\">\r\n            <div class=\"pricing-container\">\r\n              <div class=\"section-head wow fadeInDown\" data-wow-duration=\".5s\" data-wow-delay=\".1s\">\r\n                <span class=\"section-subtitle\">Our Pricing Plans<\/span>\r\n                <h3 class=\"section-title\">Tariff <span class=\"accent\">Plans<svg class=\"accent-underline\" viewBox=\"0 0 105 5\" fill=\"none\"><path d=\"M104.022 4.22307C69.6959 2.55338 35.567 2.288 1.2655 4.99709C0.0662537 5.09661 0.0826874 2.60867 1.2655 2.48703C35.3452 -0.962917 70.0163 -1.06243 104.022 3.70336C104.268 3.73653 104.277 4.23412 104.022 4.22307Z\" fill=\"#FFB302\"\/><\/svg><\/span> For You<\/h3>\r\n              <\/div>\r\n              <div class=\"filter-bar wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".15s\">\r\n                <div class=\"filter-group\">\r\n                  <span class=\"filter-label\">\ud83d\udccd Select State<\/span>\r\n                  <div class=\"select-wrap\">\r\n                    <select id=\"stateSelect\">\r\n                      <option value=\"kolkata\" ${this._state === 'kolkata' ? 'selected' : ''}>West Bengal \u2013 Kolkata<\/option>\r\n                      <option value=\"bengal\" ${this._state === 'bengal' ? 'selected' : ''}>West Bengal \u2013 Rest of Bengal<\/option>\r\n                      <option value=\"patna\" ${this._state === 'patna' ? 'selected' : ''}>Bihar \u2013 Patna City<\/option>\r\n                      <option value=\"jharkhand\" ${this._state === 'jharkhand' ? 'selected' : ''}>Jharkhand<\/option>\r\n                      <option value=\"tripura\" ${this._state === 'tripura' ? 'selected' : ''}>Tripura<\/option>\r\n                      <option value=\"odisha\" ${this._state === 'odisha' ? 'selected' : ''}>Odisha<\/option>\r\n                      <option value=\"greaternoida\" ${this._state === 'greaternoida' ? 'selected' : ''}>Uttar Pradesh \u2013 Greater Noida<\/option>\r\n                    <\/select>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"filter-group\">\r\n                  <span class=\"filter-label\">\ud83d\udcc5 Select Validity<\/span>\r\n                  <div class=\"select-wrap\">\r\n                    <select id=\"validitySelect\">\r\n                      ${buildOpt('30', '30 Days (Monthly)')}\r\n                      ${buildOpt('3+1M', '120 Days (3+1)')}\r\n                      ${buildOpt('6M', '6 Months')}\r\n                      ${buildOpt('5+2M', '210 Days (5+2)')}\r\n                      ${buildOpt('12months', '390 Days (9+4)')}\r\n                      ${buildOpt('xpon_combo', 'XPON Combo Offer')}\r\n                      ${buildOpt('special', 'Special Offers')}\r\n                    <\/select>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"plans-grid\">${cardsMarkup}<\/div>\r\n              <div class=\"view-all-wrap wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\"0.2s\"><a href=\"${wpBaseUrl}\/plans\/\" class=\"view-all-btn\">View All Plans<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"margin-left:5px;\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/a><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      }\r\n\r\n      _bind() {\r\n        const stateSelect = this._shadow.getElementById('stateSelect');\r\n        const validitySelect = this._shadow.getElementById('validitySelect');\r\n        if (stateSelect) stateSelect.addEventListener('change', e => { this._state = e.target.value; this._render(); });\r\n        if (validitySelect) validitySelect.addEventListener('change', e => { this._validity = e.target.value; this._render(); });\r\n        this._bindModalEvents();\r\n      }\r\n\r\n      _bindModalEvents() {\r\n        const modal = document.getElementById('globalPlanModal');\r\n        const closeBtn = document.getElementById('gMClose');\r\n        const gMPrcV = document.getElementById('gMPrcV');\r\n        const gMPrcL = document.getElementById('gMPrcL');\r\n        const gMValLabel = document.getElementById('gMValLabel');\r\n        const gMDataPill = document.getElementById('gMDataPill');\r\n        const gMSpd = document.getElementById('gMSpd');\r\n        const gMSpdLbl = document.getElementById('gMSpdLbl');\r\n        const gMRegion = document.getElementById('gMRegion');\r\n        const gMOtt = document.getElementById('gMOtt');\r\n\r\n        if (!modal) return;\r\n\r\n        const closeModal = () => { modal.style.display = 'none'; document.body.style.overflow = ''; };\r\n        if (closeBtn) closeBtn.onclick = closeModal;\r\n        modal.onclick = (e) => { if (e.target === modal) closeModal(); };\r\n        document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.style.display === 'flex') closeModal(); });\r\n\r\n        const allDetailsBtns = this._shadow.querySelectorAll('.details-btn');\r\n        allDetailsBtns.forEach(btn => {\r\n          btn.addEventListener('click', () => {\r\n            const card = btn.closest('.plan-card');\r\n            if (card) {\r\n              const speed = card.dataset.planSpeed || 'Plan';\r\n              const price = parseInt(card.dataset.planPrice);\r\n              const validity = card.dataset.validity || '\/30 Days';\r\n              const validityDisplay = card.dataset.validityDisplay || '30 Days';\r\n              const isOttOnly = card.dataset.isOtt === 'true'; \r\n              const planName = card.dataset.planName || 'Plan Details';\r\n              \r\n              let ottList = [];\r\n              if (card.dataset.ottList) {\r\n                ottList = card.dataset.ottList.split(',').filter(Boolean);\r\n              }\r\n              \r\n              if(gMPrcV) gMPrcV.textContent = formatPrice(price);\r\n              if(gMPrcL) gMPrcL.textContent = validity;\r\n              if(gMValLabel) gMValLabel.textContent = validityDisplay;\r\n              if(gMSpdLbl) gMSpdLbl.textContent = planName;\r\n              \r\n              if(gMDataPill) {\r\n                gMDataPill.style.display = isOttOnly ? 'none' : 'block';\r\n              }\r\n\r\n              if(gMSpd) gMSpd.innerHTML = speed;\r\n              \r\n              if(gMRegion) {\r\n                let textLoc = 'West Bengal - Kolkata';\r\n                if(this._state === 'bengal') textLoc = 'West Bengal - Rest of Bengal';\r\n                if(this._state === 'patna') textLoc = 'Bihar - Patna City';\r\n                if(this._state === 'jharkhand') textLoc = 'Jharkhand';\r\n                if(this._state === 'tripura') textLoc = 'Tripura';\r\n                if(this._state === 'odisha') textLoc = 'Odisha';\r\n                if(this._state === 'greaternoida') textLoc = 'Uttar Pradesh - Greater Noida';\r\n                gMRegion.innerHTML = `<span style=\"color:#777;\">Region:<\/span> <strong>${textLoc}<\/strong>`;\r\n              }\r\n              \r\n              if(gMOtt) {\r\n                if (!ottList || ottList.length === 0) {\r\n                  gMOtt.innerHTML = '<span class=\"m-ott-none\">No OTT included<\/span>';\r\n                } else {\r\n                  const sorted = sortByPriority(ottList);\r\n                  let html = '';\r\n                  sorted.forEach(name => {\r\n                    html += `<div class=\"m-ott-tile\"><img decoding=\"async\" src=\"${ottLogoUrl(name)}\" alt=\"${name}\" onerror=\"this.src='${THEME_BASE_URL}\/assets\/custom-assets\/img\/ott\/placeholder.webp'\"><span class=\"m-ott-name\">${name}<\/span><\/div>`;\r\n                  });\r\n                  gMOtt.innerHTML = html;\r\n                }\r\n              }\r\n              modal.style.display = 'flex';\r\n              document.body.style.overflow = 'hidden'; \r\n            }\r\n          });\r\n        });\r\n      }\r\n    }\r\n\r\n    if (!customElements.get('indinet-pricing')) {\r\n      customElements.define('indinet-pricing', IndinetPricing);\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df9db1f e-con-full e-flex e-con e-parent\" data-id=\"df9db1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41dd8fa elementor-widget elementor-widget-html\" data-id=\"41dd8fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1Gbps+ Specific Styling *\/\r\n    .tp-about__feature-speed-wrap {\r\n        background-color: #f4f6f9;\r\n        padding: 12px 20px;\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: baseline; \r\n        font-family: 'Inter', 'Roboto', Arial, sans-serif;\r\n        line-height: 1;\r\n    }\r\n\r\n    .tp-about__feature-speed-wrap .speed-val {\r\n        font-size: 60px;\r\n        font-weight: 800;\r\n        color: #3b71ed;\r\n        margin: 0;\r\n    }\r\n\r\n    .tp-about__feature-speed-wrap .unit-text {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1a1c21;\r\n        margin-left: 4px;\r\n        font-style: normal;\r\n        position: relative;\r\n    }\r\n\r\n    .tp-about__feature-speed-wrap .plus-end {\r\n        font-size: 24px;\r\n        font-weight: 500;\r\n        color: #3b71ed;\r\n        position: relative;\r\n        top: -15px; \r\n        margin-left: 2px;\r\n        font-style: normal;\r\n    }\r\n\r\n    \/* Mobile Title Alignment & Tight Spacing *\/\r\n    @media (max-width: 991px) {\r\n        .mobile-title-box {\r\n            padding-left: 15px;\r\n            padding-right: 15px;\r\n            margin-top: 10px;\r\n            margin-bottom: 10px; \r\n        }\r\n    }\r\n\r\n    \/* Mobile adjustments *\/\r\n    @media (max-width: 767px) {\r\n        .tp-about__feature-speed-wrap .speed-val { font-size: 40px; }\r\n        .tp-about__feature-speed-wrap .unit-text { font-size: 22px; }\r\n        .tp-about__feature-speed-wrap .plus-end { font-size: 18px; top: -10px; }\r\n        \r\n        \/* Fix edge-to-edge text on mobile & tighten top gap *\/\r\n        .tp-about-3__right-customize {\r\n            padding-left: 15px !important;\r\n            padding-right: 15px !important;\r\n            margin-top: 15px !important;\r\n        }\r\n        \r\n        \/* Adjust main title size for mobile *\/\r\n        .tp-about-3__right-customize .tp-section-title,\r\n        .mobile-title-box .tp-section-title {\r\n            font-size: 28px !important;\r\n        }\r\n\r\n        \/* Prevent feature items from squishing together but keep them tight *\/\r\n        .tp-about__feature-box {\r\n            flex-wrap: wrap;\r\n            gap: 10px !important;\r\n            margin-bottom: 12px !important; \r\n        }\r\n        .tp-about__feature.mr-40 {\r\n            margin-right: 0 !important;\r\n        }\r\n\r\n        \/* Make list and speed box stack neatly and tightly on mobile *\/\r\n        .tp-about__feature-list-wrap {\r\n            flex-direction: column;\r\n            align-items: flex-start !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n        .tp-about__feature-speed-wrap.ml-30 {\r\n            margin-left: 0 !important;\r\n        }\r\n        \r\n        .tp-about__text {\r\n            margin-bottom: 12px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"tp-about__area tp-about-3__customize p-relative pt-0 pb-30\">\r\n   <div class=\"tp-about-3__bg-shape d-none d-xl-block\" data-background=\"assets\/img\/about\/ab-shape-3-3.png\"><\/div>\r\n   <div class=\"container\">\r\n      <div class=\"row align-items-center\"> \r\n         \r\n         <div class=\"col-lg-6 order-1 order-lg-2 wow tpfadeRight\" data-wow-duration=\".5s\" data-wow-delay=\".2s\">\r\n            \r\n            <div class=\"tp-about__right-wrapper tp-about-3__right-customize\" style=\"padding-left: 25px; padding-top: 5px;\">\r\n               \r\n               <div class=\"tp-about__title-box\" style=\"margin-bottom: 8px;\"> \r\n                  <div class=\"tp-section-subtitle-box\" style=\"margin-bottom: 4px;\">\r\n                     <span class=\"tp-section-subtitle section-subtitle-border\" style=\"color: #ff8a00; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px; display: block;\">A Decade of Trusted Service<\/span>\r\n                  <\/div>\r\n                  <h3 class=\"tp-section-title\" style=\"font-size: 36px; line-height: 1.15; font-weight: 800; color: #001d4c; margin-top: 4px; margin-bottom: 8px;\"> \r\n                     Indinet Brings Next-Generation <br><span>Fibre Broadband<\/span> Directly To Your Home\r\n                  <\/h3>\r\n               <\/div>\r\n               \r\n               <div class=\"tp-about__img-wrapper text-center d-lg-none mb-30\" style=\"position: relative; z-index: 2;\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-3-1.webp\" alt=\"High Speed Internet Home\" \r\n                       style=\"border-bottom-left-radius: 70px; width: 100%; max-width: 540px; height: auto; box-shadow: 0px 12px 35px rgba(0,0,0,0.09); display: inline-block;\">\r\n               <\/div>\r\n\r\n               <div class=\"tp-about__text\" style=\"margin-bottom: 12px;\"> \r\n                  <p style=\"font-size: 16px; color: #444; line-height: 1.6; margin: 0;\">Enjoy seamless connectivity, smooth streaming, and high-speed internet built for modern digital lifestyles. We empower households across Eastern India.<\/p>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about__feature-box d-flex align-items-center\" style=\"margin-bottom: 15px;\"> \r\n                  <div class=\"tp-about__feature mr-40\">\r\n                     <span class=\"tp-about__feature-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-5.webp\" alt=\"Streaming\">\r\n                     <\/span>\r\n                     <span class=\"tp-about__feature-text\">Seamless Connectivity<\/span>\r\n                  <\/div>\r\n                  <div class=\"tp-about__feature\">\r\n                     <span class=\"tp-about__feature-icon yellow-bg-color\">\r\n                        <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-6.webp\" alt=\"Security\">\r\n                     <\/span>\r\n                     <span class=\"tp-about__feature-text\">Smooth Streaming<\/span>\r\n                  <\/div>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about__feature-list-wrap d-flex align-items-center\" style=\"margin-bottom: 18px;\"> \r\n                  <div class=\"tp-about__feature-list\">\r\n                     <ul style=\"margin-bottom: 0; list-style: none; padding-left: 0; font-size: 14px; font-weight: 700; color: #001d4c;\">\r\n                        <li style=\"margin-bottom: 6px;\"><span><i class=\"fa-regular fa-check\"><\/i><\/span> Direct-to-Home Fiber Technology.<\/li>\r\n                        <li><span class=\"yellow-bg-color\"><i class=\"fa-regular fa-check\"><\/i><\/span> Built for Modern Digital Lifestyles.<\/li>\r\n                     <\/ul>\r\n                  <\/div>\r\n\r\n                  <div class=\"tp-about__feature-speed-wrap ml-30\">\r\n                     <span class=\"speed-val\">1<\/span>\r\n                     <span class=\"unit-text\">Gbps<i class=\"plus-end\">+<\/i><\/span>\r\n                  <\/div>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about__author-info d-flex align-items-center\">\r\n                  <div class=\"tp-about-3__btn mr-30\">\r\n                     <a class=\"tp-btn-border-lg\" href=\"about-us\" \r\n                        style=\"padding: 12px 30px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none;\">\r\n                        Explore Technology <i class=\"fa-solid fa-arrow-right\" style=\"margin-left: 10px;\"><\/i>\r\n                     <\/a>\r\n                  <\/div>\r\n                  <div class=\"tp-about__author-avata d-none d-xl-block\">\r\n                     <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/logo-1.webp\" alt=\"Indinet Logo\" style=\"width: 50px;\"> \r\n                  <\/div>\r\n                  <div class=\"tp-about__signature-date d-none d-xl-block\">\r\n                     <span style=\"font-size: 14px; line-height: 1.1; display: block; margin-left: 10px;\">\r\n                        Trusted Across <br> <strong>Eastern India<\/strong>\r\n                     <\/span>\r\n                  <\/div>\r\n               <\/div>\r\n\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <div class=\"col-lg-6 d-none d-lg-block order-lg-1 wow tpfadeLeft\" data-wow-duration=\".5s\" data-wow-delay=\".1s\">\r\n            <div class=\"tp-about__img-wrapper text-center text-lg-end p-relative\">\r\n               <div class=\"tp-about__shape-1 d-none d-md-block\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-shape-1.webp\" alt=\"\">\r\n               <\/div>\r\n               <div class=\"tp-about__shape-2 d-none d-md-block\">\r\n                  <img decoding=\"async\" src=\"assets\/img\/about\/ab-shape-2.png\" alt=\"\">\r\n               <\/div>\r\n               <div class=\"tp-about__shape-4 d-none d-md-block\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-shape-3-1.webp\" alt=\"\">\r\n               <\/div>\r\n               <div class=\"tp-about__img-1 d-none d-md-block\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-3-2.webp\" alt=\"Indinet Fiber Infrastructure\">\r\n               <\/div>\r\n               <div class=\"tp-about__img-2 z-index\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ab-3-1.webp\" alt=\"High Speed Internet Home\">\r\n               <\/div>\r\n            <\/div>\r\n         <\/div>\r\n\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e92aa0e e-con-full e-flex e-con e-parent\" data-id=\"e92aa0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d610e46 elementor-widget elementor-widget-html\" data-id=\"d610e46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tp-feature__area black-bg-5 pt-10 pb-50 tp-feature__plr p-relative fix wow fadeInUp\" data-wow-duration=\".5s\" data-wow-delay=\".1s\" data-background=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/feature-bg-shape.webp\">\r\n   \r\n   <div class=\"tp-feature__shape-1 d-none d-md-block\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/fea-shape-1.webp\" alt=\"\"><\/div>\r\n   <!-- Changed duration to .5s and delay to .2s -->\r\n   <div class=\"tp-feature__shape-2 d-none d-md-block wow tpfadeRight\" data-wow-duration=\".5s\" data-wow-delay=\".2s\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/fea-shape-3.webp\" alt=\"\"><\/div>\r\n   <div class=\"tp-feature__shape-3 d-none d-md-block\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/fea-shape-2.webp\" alt=\"\"><\/div>\r\n\r\n   <div class=\"container-fluid\">\r\n      <div class=\"row\">\r\n         <div class=\"col-xl-12\">\r\n            <div class=\"tp-feature__title-box text-center mb-40\">\r\n               <div class=\"tp-section-subtitle-box\">\r\n                  <span class=\"tp-section-subtitle section-subtitle-border\">Watch Trending Show<\/span>\r\n               <\/div>\r\n               <h3 class=\"tp-section-title text-white\" style=\"white-space: normal; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;\">\r\n                  Stream full\r\n                  <span class=\"p-relative\">\r\n                     season\r\n                     <span class=\"tp-title-shape d-none d-md-block tp-title-shape-space\">\r\n                        <svg width=\"145\" height=\"5\" viewBox=\"0 0 145 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                           <path d=\"M144.738 4.22307C96.8043 2.55338 49.1463 2.288 1.24738 4.99709C-0.427246 5.09661 -0.404312 2.60867 1.24738 2.48703C48.8366 -0.962917 97.2516 -1.06243 144.738 3.70336C145.082 3.73653 145.093 4.23412 144.738 4.22307Z\" fill=\"#FFB302\" \/>\r\n                        <\/svg>\r\n                     <\/span>\r\n                  <\/span>\r\n                  & featured shows\r\n               <\/h3>\r\n            <\/div>\r\n         <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"auto-scroll-container\">\r\n         <div class=\"auto-scroll-track\">\r\n            <!-- First Set -->\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/INDUBALA_BHATER_HOTEL.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/HITLAR.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/EKANO_BORI.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/EK_THA_RAJA.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/DESHPANDEY.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BIVISHON.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BHOY_PEYO_NA.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BAGHA_JATIN.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BADAMI_HAYENA_KOMOLE.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ABAR_PROLOY.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/SUBEDAR.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            \r\n            <!-- Duplicated Set for Infinite Scroll -->\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/INDUBALA_BHATER_HOTEL.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/HITLAR.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/EKANO_BORI.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/EK_THA_RAJA.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/DESHPANDEY.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BIVISHON.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BHOY_PEYO_NA.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BAGHA_JATIN.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/BADAMI_HAYENA_KOMOLE.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/ABAR_PROLOY.webp\" alt=\"\"><\/div><\/div><\/div>\r\n            <div class=\"scroll-item\"><div class=\"tp-feature__item p-relative\"><div class=\"tp-feature__thumb\"><img decoding=\"async\" class=\"w-100\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/SUBEDAR.webp\" alt=\"\"><\/div><\/div><\/div>\r\n         <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ott-scroll\" style=\"margin-top: 35px;\">\r\n         <div class=\"ott-track\">\r\n            <!-- First Set -->\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/zee5.webp\" alt=\"Zee5\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sonyliv.webp\" alt=\"SonyLIV\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/shemaroo.webp\" alt=\"Shemaroo\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/klikk.webp\" alt=\"Klikk\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/jiohotstar.webp\" alt=\"Jio Hotstar\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/hoichoi.webp\" alt=\"Hoichoi\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/fancode.webp\" alt=\"FanCode\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/discovery.webp\" alt=\"Discovery+\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/amazon.webp\" alt=\"Amazon Prime\"><\/div>\r\n            \r\n            <!-- Duplicated Set for Infinite Scroll -->\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/zee5.webp\" alt=\"Zee5\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/sonyliv.webp\" alt=\"SonyLIV\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/shemaroo.webp\" alt=\"Shemaroo\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/klikk.webp\" alt=\"Klikk\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/jiohotstar.webp\" alt=\"Jio Hotstar\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/hoichoi.webp\" alt=\"Hoichoi\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/fancode.webp\" alt=\"FanCode\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/discovery.webp\" alt=\"Discovery+\"><\/div>\r\n            <div class=\"tp-brand-2__item\"><img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/amazon.webp\" alt=\"Amazon Prime\"><\/div>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- Container Setup --- *\/\r\n.auto-scroll-container, .ott-scroll {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n}\r\n\r\n.auto-scroll-track, .ott-track {\r\n    display: inline-flex;\r\n    width: max-content;\r\n}\r\n\r\n\/* Keyframe for 2 sets: move -50% *\/\r\n@keyframes infinite-card-scroll {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n}\r\n\r\n@keyframes infinite-logo-scroll {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* --- Card Logic --- *\/\r\n.auto-scroll-track {\r\n    \/* Reduced duration from 35s to 20s for faster scrolling *\/\r\n    animation: infinite-card-scroll 20s linear infinite; \r\n    gap: 24px;\r\n}\r\n.scroll-item { flex: 0 0 auto; width: 220px; }\r\n\r\n\/* --- Logo Logic --- *\/\r\n.ott-track {\r\n    \/* Reduced duration from 35s to 20s for faster scrolling *\/\r\n    animation: infinite-logo-scroll 20s linear infinite;\r\n    align-items: center;\r\n}\r\n.tp-brand-2__item { padding: 0 30px; flex-shrink: 0; }\r\n.tp-brand-2__item img { height: 65px; width: auto; opacity: 0.85; }\r\n\r\n\/* Pause on hover *\/\r\n.auto-scroll-track:hover, .ott-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .scroll-item { width: 140px; }\r\n    .auto-scroll-track { gap: 15px; }\r\n    .tp-brand-2__item img { height: 45px; }\r\n}\r\n\r\n.tp-feature__thumb img {\r\n   width: 100%;\r\n   aspect-ratio: 2\/3; \r\n   object-fit: cover; \r\n   border-radius: 8px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9596e59 e-con-full e-flex e-con e-parent\" data-id=\"9596e59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2e4788 elementor-widget elementor-widget-html\" data-id=\"f2e4788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION: INDINET BROADBAND ROUTER AREA START -->\r\n<div class=\"tp-about__area p-relative pt-0 pb-30\" style=\"background-color: #f8fafc; margin-top: -30px;\">\r\n   <div class=\"container\">\r\n      <div class=\"row align-items-center\"> \r\n         \r\n         <!-- Content Column (Moved to Left) -->\r\n         <div class=\"col-lg-6 order-1 order-lg-1 wow tpfadeRight\" data-wow-duration=\".5s\" data-wow-delay=\".2s\">\r\n            <div class=\"tp-about__right-wrapper\" style=\"padding-left: 25px; padding-top: 10px;\">\r\n               \r\n               <div class=\"tp-section-title-box mb-12\">\r\n                  <span style=\"color: #ff8a00; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px; display: block;\">HIGH-SPEED CONNECTIVITY<\/span>\r\n                  <h3 style=\"font-size: 36px; line-height: 1.15; font-weight: 800; color: #001d4c; margin-top: 6px; margin-bottom: 12px;\">\r\n                     Supercharge Your Home <br> With Our <span style=\"color: #ffb400;\">Fiber Broadband Router<\/span>\r\n                  <\/h3>\r\n               <\/div>\r\n\r\n               <!-- Mobile Image Column (Visible only on mobile\/tablets) -->\r\n               <div class=\"tp-about__img-wrapper text-center d-lg-none mb-30\" style=\"position: relative; z-index: 2;\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/router.webp\" alt=\"Indinet Broadband Router\" \r\n                       style=\"border-bottom-left-radius: 70px; width: 100%; max-width: 540px; height: auto; box-shadow: 0px 12px 35px rgba(0,0,0,0.09); display: inline-block;\">\r\n               <\/div>\r\n               \r\n               <div class=\"tp-about__text mb-20\" style=\"border-left: 4px solid #ffb400; padding-left: 18px; display: block;\">\r\n                  <p style=\"font-size: 16px; color: #444; line-height: 1.6; margin: 0;\">\r\n                     Experience lightning-fast internet speeds. Our <strong>Indinet High-Speed Router<\/strong> ensures seamless gaming, 4K streaming, and uninterrupted work-from-home performance.\r\n                  <\/p>\r\n               <\/div>\r\n\r\n               <div style=\"background: #ffffff; border: 1px solid #eef2f6; border-radius: 10px; padding: 20px 25px; margin-bottom: 22px; max-width: 420px; box-shadow: 0 5px 18px rgba(0,0,0,0.04);\">\r\n                  <h4 style=\"font-size: 18px; color: #111; margin-bottom: 10px; font-weight: 700;\">Indinet Gigabit Wi-Fi Router<\/h4>\r\n                  <ul style=\"list-style: none; padding: 0; margin: 0; font-size: 15px; color: #444; line-height: 1.9;\">\r\n                     <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> Dual-Band Wi-Fi (2.4GHz & 5GHz)<\/li>\r\n                     <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> Ultra-Low Latency Gaming<\/li>\r\n                     <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> Seamless Whole-Home Coverage<\/li>\r\n                  <\/ul>\r\n               <\/div>\r\n\r\n               <div class=\"mb-25\">\r\n                  <ul style=\"display: flex; gap: 25px; padding: 0; margin: 0; font-size: 14px; font-weight: 700; color: #001d4c;\">\r\n                     <li style=\"display: flex; align-items: center; list-style: none;\">\r\n                        <span style=\"background: #007bff; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; margin-right: 9px;\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                        Gigabit Speeds\r\n                     <\/li>\r\n                     <li style=\"display: flex; align-items: center; list-style: none;\">\r\n                        <span style=\"background: #007bff; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; margin-right: 9px;\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                        24\/7 Expert Support\r\n                     <\/li>\r\n                  <\/ul>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about-3__btn\">\r\n                  <a class=\"tp-btn-border-lg\" href=\"plans\" target=\"_blank\" rel=\"noopener noreferrer\"\r\n                        style=\"padding: 12px 30px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none;\">\r\n                        Know More Details <i class=\"fa-solid fa-arrow-right\" style=\"margin-left: 10px;\"><\/i>\r\n                  <\/a>\r\n               <\/div>\r\n\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <!-- Desktop Image Column (Visible only on Large Screens & above) -->\r\n         <div class=\"col-lg-6 d-none d-lg-block order-2 order-lg-2 wow tpfadeLeft\" data-wow-duration=\".5s\" data-wow-delay=\".1s\">\r\n            <div class=\"tp-about__img-wrapper text-center\" style=\"margin-top: -40px; position: relative; z-index: 2;\">\r\n               <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/router.webp\" alt=\"Indinet Broadband Router\" \r\n                    style=\"border-bottom-left-radius: 70px; width: 100%; max-width: 540px; height: auto; box-shadow: 0px 12px 35px rgba(0,0,0,0.09); display: inline-block;\">\r\n            <\/div>\r\n         <\/div>\r\n\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\r\n<!-- SECTION: INDINET BROADBAND ROUTER AREA END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c409be e-con-full e-flex e-con e-parent\" data-id=\"1c409be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a85e98 elementor-widget elementor-widget-html\" data-id=\"5a85e98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION: ANDROID BOX AREA START -->\r\n<div class=\"tp-about__area p-relative pt-0 pb-30\" style=\"background-color: #f8fafc; margin-top: -30px;\">\r\n   <div class=\"container\">\r\n      <div class=\"row align-items-center\"> \r\n         \r\n         <!-- Changed duration to .5s and added delay to .2s -->\r\n         <div class=\"col-lg-6 order-1 order-lg-2 wow tpfadeRight\" data-wow-duration=\".5s\" data-wow-delay=\".2s\">\r\n            <div class=\"tp-about__right-wrapper\" style=\"padding-left: 25px; padding-top: 10px;\">\r\n               \r\n               <div class=\"tp-section-title-box mb-12\">\r\n                  <span style=\"color: #ff8a00; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px; display: block;\">GET EXTRA BENEFIT<\/span>\r\n                  <h3 style=\"font-size: 36px; line-height: 1.15; font-weight: 800; color: #001d4c; margin-top: 6px; margin-bottom: 12px;\">\r\n                      Make Your TV Smart <br> With Our <span style=\"color: #ffb400;\">Android Magic Box<\/span>\r\n                  <\/h3>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about__img-wrapper text-center d-lg-none mb-30\" style=\"position: relative; z-index: 2;\">\r\n                  <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/box_2.webp\" alt=\"Android Magic Box\" \r\n                       style=\"border-bottom-left-radius: 70px; width: 100%; max-width: 540px; height: auto; box-shadow: 0px 12px 35px rgba(0,0,0,0.09); display: inline-block;\">\r\n               <\/div>\r\n               \r\n               <div class=\"tp-about__text mb-20\" style=\"border-left: 4px solid #ffb400; padding-left: 18px; display: block;\">\r\n                  <p style=\"font-size: 16px; color: #444; line-height: 1.6; margin: 0;\">\r\n                      Upgrade your entertainment instantly. Our <strong>SITI PlayTop Magic<\/strong> turns any TV into a 4K Smart TV with premium OTT apps and voice control.\r\n                  <\/p>\r\n               <\/div>\r\n\r\n               <div style=\"background: #ffffff; border: 1px solid #eef2f6; border-radius: 10px; padding: 20px 25px; margin-bottom: 22px; max-width: 420px; box-shadow: 0 5px 18px rgba(0,0,0,0.04);\">\r\n                  <h4 style=\"font-size: 18px; color: #111; margin-bottom: 10px; font-weight: 700;\">SITI PlayTop Magic<\/h4>\r\n                  <ul style=\"list-style: none; padding: 0; margin: 0; font-size: 15px; color: #444; line-height: 1.9;\">\r\n                      <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> 4K Ultra HD Streaming<\/li>\r\n                      <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> Google Assistant Voice Search<\/li>\r\n                      <li style=\"display: flex; align-items: center;\"><i class=\"fa-solid fa-circle-check\" style=\"color: #007bff; margin-right: 9px;\"><\/i> 5000+ Apps & Games<\/li>\r\n                  <\/ul>\r\n               <\/div>\r\n\r\n               <div class=\"mb-25\">\r\n                  <ul style=\"display: flex; gap: 25px; padding: 0; margin: 0; font-size: 14px; font-weight: 700; color: #001d4c;\">\r\n                      <li style=\"display: flex; align-items: center; list-style: none;\">\r\n                         <span style=\"background: #007bff; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; margin-right: 9px;\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                         Buffer-less 4K\r\n                      <\/li>\r\n                      <li style=\"display: flex; align-items: center; list-style: none;\">\r\n                         <span style=\"background: #007bff; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; margin-right: 9px;\"><i class=\"fa-solid fa-check\"><\/i><\/span>\r\n                         Built-in Chromecast\r\n                      <\/li>\r\n                  <\/ul>\r\n               <\/div>\r\n\r\n               <div class=\"tp-about-3__btn\">\r\n   <a class=\"tp-btn-border-lg\" href=\"https:\/\/www.sitinetworks.com\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"padding: 12px 30px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none;\">\r\n         Know More Details <i class=\"fa-solid fa-arrow-right\" style=\"margin-left: 10px;\"><\/i>\r\n   <\/a>\r\n<\/div>\r\n\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <!-- Changed duration to .5s and added delay to .1s -->\r\n         <div class=\"col-lg-6 d-none d-lg-block order-lg-1 wow tpfadeLeft\" data-wow-duration=\".5s\" data-wow-delay=\".1s\">\r\n            <div class=\"tp-about__img-wrapper text-center\" style=\"margin-top: -40px; position: relative; z-index: 2;\">\r\n               <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/05\/box_2.webp\" alt=\"Android Magic Box\" \r\n                    style=\"border-bottom-left-radius: 70px; width: 100%; max-width: 540px; height: auto; box-shadow: 0px 12px 35px rgba(0,0,0,0.09); display: inline-block;\">\r\n            <\/div>\r\n         <\/div>\r\n\r\n      <\/div>\r\n   <\/div>\r\n<\/div>\r\n<!-- SECTION: ANDROID BOX AREA END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1ac909 e-flex e-con-boxed e-con e-parent\" data-id=\"a1ac909\" 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-45ccd24 elementor-widget elementor-widget-html\" data-id=\"45ccd24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u2500\u2500 POPUP \u2500\u2500 isolated with #rbc-popup-* IDs only, zero conflict with existing CSS *\/\r\n    #rbc-popup-overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 99999;\r\n      background: rgba(0, 0, 0, 0.72);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n      transition: opacity 0.2s ease, visibility 0.2s ease;\r\n    }\r\n    #rbc-popup-overlay.rbc-active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    \/* Wrap \u2014 snug around active image, smaller size *\/\r\n    #rbc-popup-wrap {\r\n      position: relative;\r\n      display: inline-flex;\r\n      line-height: 0;\r\n      border-radius: 10px;\r\n      overflow: hidden;\r\n      max-width: 72vw;\r\n      max-height: 75vh;\r\n      transform: scale(0.9) translateY(20px);\r\n      opacity: 0;\r\n      transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s ease;\r\n    }\r\n    \/* Mobile: allow a bit wider since portrait images need room *\/\r\n    @media (max-width: 600px) {\r\n      #rbc-popup-wrap {\r\n        max-width: 86vw;\r\n        max-height: 78vh;\r\n      }\r\n    }\r\n    #rbc-popup-overlay.rbc-active #rbc-popup-wrap {\r\n      transform: scale(1) translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Slide track *\/\r\n    #rbc-popup-track {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Each slide = image only, hidden by default *\/\r\n    .rbc-slide {\r\n      display: none;\r\n      line-height: 0;\r\n      cursor: pointer;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Fade-in animation for active slide *\/\r\n    .rbc-slide.rbc-slide-active {\r\n      display: block;\r\n      animation: rbcFadeIn 0.4s ease-in-out forwards;\r\n    }\r\n\r\n    @keyframes rbcFadeIn {\r\n      from { opacity: 0; }\r\n      to { opacity: 1; }\r\n    }\r\n\r\n    \/* picture + img fill the wrap, browser picks source instantly *\/\r\n    .rbc-slide picture,\r\n    .rbc-slide img {\r\n      display: block;\r\n      max-width: 72vw;\r\n      max-height: 75vh;\r\n      width: auto;\r\n      height: auto;\r\n      object-fit: contain;\r\n      pointer-events: none;\r\n      user-select: none;\r\n      -webkit-user-drag: none;\r\n    }\r\n    @media (max-width: 600px) {\r\n      .rbc-slide picture,\r\n      .rbc-slide img {\r\n        max-width: 86vw;\r\n        max-height: 78vh;\r\n      }\r\n    }\r\n\r\n    \/* Close button \u2014 highly visible premium dark-glass acrylic style *\/\r\n    #rbc-popup-close {\r\n      position: absolute;\r\n      top: 12px;\r\n      right: 12px;\r\n      z-index: 20;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      background: rgba(15, 23, 42, 0.6); \/* Slate dark tint *\/\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      color: #ffffff;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0;\r\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n    #rbc-popup-close:hover {\r\n      background: rgba(15, 23, 42, 0.8);\r\n      border-color: rgba(255, 255, 255, 0.35);\r\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n      transform: scale(1.08);\r\n    }\r\n    #rbc-popup-close:focus { \r\n      outline: 2px solid #336ef9;\r\n      outline-offset: 2px;\r\n    }\r\n    #rbc-popup-close svg { \r\n      display: block; \r\n      pointer-events: none; \r\n    }\r\n\r\n    \/* Progress bar \u2014 Beautiful Brand Gradient *\/\r\n    #rbc-popup-progress {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 4px;\r\n      width: 0%;\r\n      background: linear-gradient(90deg, #ffb302, #336ef9);\r\n      border-radius: 0 2px 2px 0;\r\n      z-index: 30;\r\n      box-shadow: 0 1px 6px rgba(0,0,0,0.25);\r\n      pointer-events: none;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <div class=\"hero_area\">\r\n\r\n    <div id=\"rbc-popup-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"RBC Promotion\" tabindex=\"-1\">\r\n      <div id=\"rbc-popup-wrap\">\r\n\r\n        <div id=\"rbc-popup-track\"><\/div>\r\n\r\n        <button id=\"rbc-popup-close\" aria-label=\"Close popup\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M1.5 1.5L14.5 14.5M14.5 1.5L1.5 14.5\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <div id=\"rbc-popup-progress\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n   \r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       POPUP CONFIG \u2014 edit only this section\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n    var POPUP_LINK    = 'plans';           \/\/ fallback page to open on image click\r\n    var LINK_TARGET   = '_self';           \/\/ '_self' same tab | '_blank' new tab\r\n    var AUTO_SWIPE_MS = 3000;              \/\/ auto-swipe every 3 seconds\r\n    var OPEN_DELAY_MS = 0;                 \/\/ instant on page load\r\n    var SHOW_ONCE     = false;             \/\/ true = once per session\r\n    var SESSION_KEY   = 'rbc_popup_v1';\r\n\r\n    \/* Slides \u2014 each has a desktop src (> 600px) and mobile src (\u2264 600px).\r\n       You can add a custom 'link' property to any slide if you want it to go to a specific URL. *\/\r\n    var SLIDES = [\r\n      {\r\n        desktop: 'https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/desktop.webp',\r\n        mobile:  'https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/07\/mobile.webp',\r\n        alt:     'Register Now',\r\n        link:    'plans'\r\n      },\r\n      {\r\n        desktop: 'https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/08\/playtopmagic-desktop.webp',\r\n        mobile:  'https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/08\/paltopmagic-mobile.webp',\r\n        alt:     'SITI Playtop Magic',\r\n        link:    'https:\/\/idebojyoti.online\/indinet\/siti-playtop-magic-app'\r\n      }\r\n    ];\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       ENGINE \u2014 no need to edit below\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n    var current   = 0;\r\n    var timer    = null;\r\n    var touchX   = 0;\r\n\r\n    var overlay  = document.getElementById('rbc-popup-overlay');\r\n    var wrap     = document.getElementById('rbc-popup-wrap');\r\n    var track    = document.getElementById('rbc-popup-track');\r\n    var closeBtn = document.getElementById('rbc-popup-close');\r\n    var progress = document.getElementById('rbc-popup-progress');\r\n    var slideElements = [];\r\n\r\n    \/* Build slides using <picture> *\/\r\n    SLIDES.forEach(function (s, index) {\r\n      var div = document.createElement('div');\r\n      div.className = 'rbc-slide';\r\n      if (index === 0) {\r\n        div.className += ' rbc-slide-active';\r\n      }\r\n\r\n      \/* <picture> with mobile source first, desktop fallback *\/\r\n      var picture = document.createElement('picture');\r\n\r\n      \/* mobile source: screens \u2264 600px *\/\r\n      var srcMobile = document.createElement('source');\r\n      srcMobile.media = '(max-width: 600px)';\r\n      srcMobile.srcset = s.mobile;\r\n\r\n      \/* img = desktop (default \/ fallback) *\/\r\n      var img = document.createElement('img');\r\n      img.src      = s.desktop;\r\n      img.alt      = s.alt || '';\r\n      img.draggable = false;\r\n\r\n      picture.appendChild(srcMobile);\r\n      picture.appendChild(img);\r\n      div.appendChild(picture);\r\n      track.appendChild(div);\r\n\r\n      div.addEventListener('click', function () {\r\n        var targetLink = s.link || POPUP_LINK;\r\n        window.open(targetLink, LINK_TARGET, 'noopener,noreferrer');\r\n      });\r\n\r\n      slideElements.push(div);\r\n    });\r\n\r\n    \/* Navigate *\/\r\n    function goTo(idx) {\r\n      if (slideElements.length === 0) return;\r\n      \r\n      \/\/ Deactivate current slide\r\n      slideElements[current].classList.remove('rbc-slide-active');\r\n\r\n      \/\/ Update current index\r\n      current = ((idx % SLIDES.length) + SLIDES.length) % SLIDES.length;\r\n\r\n      \/\/ Activate new slide\r\n      slideElements[current].classList.add('rbc-slide-active');\r\n\r\n      animateProgress();\r\n    }\r\n\r\n    \/* Progress bar *\/\r\n    function animateProgress() {\r\n      progress.style.transition = 'none';\r\n      progress.style.width = '0%';\r\n      void progress.offsetWidth;\r\n      progress.style.transition = 'width ' + AUTO_SWIPE_MS + 'ms linear';\r\n      progress.style.width = '100%';\r\n    }\r\n\r\n    \/* Auto-swipe *\/\r\n    function startAuto() {\r\n      stopAuto();\r\n      animateProgress();\r\n      if (SLIDES.length < 2) return;\r\n      timer = setInterval(function () { goTo(current + 1); }, AUTO_SWIPE_MS);\r\n    }\r\n    function stopAuto() {\r\n      clearInterval(timer);\r\n      timer = null;\r\n      progress.style.transition = 'none';\r\n      progress.style.width = '0%';\r\n    }\r\n\r\n    \/* Pause on hover *\/\r\n    wrap.addEventListener('mouseenter', stopAuto);\r\n    wrap.addEventListener('mouseleave', function () {\r\n      if (overlay.classList.contains('rbc-active')) startAuto();\r\n    });\r\n\r\n    \/* Touch swipe *\/\r\n    track.addEventListener('touchstart', function (e) {\r\n      touchX = e.touches[0].clientX; stopAuto();\r\n    }, { passive: true });\r\n    track.addEventListener('touchend', function (e) {\r\n      var dx = e.changedTouches[0].clientX - touchX;\r\n      if (Math.abs(dx) > 40) dx < 0 ? goTo(current + 1) : goTo(current - 1);\r\n      startAuto();\r\n    }, { passive: true });\r\n\r\n    \/* Open *\/\r\n    function openPopup() {\r\n      overlay.classList.add('rbc-active');\r\n      document.body.style.overflow = 'hidden';\r\n      goTo(0);\r\n      startAuto();\r\n      overlay.focus();\r\n    }\r\n\r\n    \/* Close *\/\r\n    function closePopup() {\r\n      overlay.classList.remove('rbc-active');\r\n      document.body.style.overflow = '';\r\n      stopAuto();\r\n      if (SHOW_ONCE) sessionStorage.setItem(SESSION_KEY, '1');\r\n    }\r\n\r\n    closeBtn.addEventListener('click', function (e) {\r\n      e.stopPropagation();\r\n      closePopup();\r\n    });\r\n    overlay.addEventListener('click', function (e) {\r\n      if (e.target === overlay) closePopup();\r\n    });\r\n    document.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Escape' && overlay.classList.contains('rbc-active')) closePopup();\r\n    });\r\n\r\n    \/* Auto-open *\/\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      var seen = SHOW_ONCE && sessionStorage.getItem(SESSION_KEY);\r\n      if (!seen) setTimeout(openPopup, OPEN_DELAY_MS);\r\n    });\r\n\r\n  })();\r\n  <\/script>\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-6fd8e79 e-flex e-con-boxed e-con e-parent\" data-id=\"6fd8e79\" 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-ca11c63 elementor-widget elementor-widget-html\" data-id=\"ca11c63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Popup Contact Form - Standalone Component -->\r\n<style>\r\n  \/* --- Popup Modal CSS --- *\/\r\n  .cf7-modal-overlay {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    z-index: 9999;\r\n    display: none;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .cf7-modal-overlay.active {\r\n    display: flex;\r\n    opacity: 1;\r\n  }\r\n\r\n  .cf7-modal-content {\r\n    background: #ffffff;\r\n    padding: 25px 20px; \/* Reduced from 35px 25px to save vertical space *\/\r\n    border-radius: 12px;\r\n    width: 90%;\r\n    max-width: 500px;\r\n    position: relative;\r\n    max-height: 75vh; \/* Reduced height from 90vh to 75vh to make it more compact *\/\r\n    overflow-y: auto; \/* Enables vertical scrolling when content exceeds max-height *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cf7-modal-close {\r\n    position: absolute;\r\n    top: 15px; right: 20px;\r\n    font-size: 28px; font-weight: bold; color: #333;\r\n    cursor: pointer; line-height: 1;\r\n  }\r\n\r\n  .cf7-modal-close:hover { color: #ffb300; }\r\n\r\n  \/* Optional: Style your CF7 form inside modal *\/\r\n  .cf7-modal-content .wpcf7-form {\r\n    margin: 0;\r\n  }\r\n\r\n  .cf7-modal-content .wpcf7-form label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .cf7-modal-content .wpcf7-form input,\r\n  .cf7-modal-content .wpcf7-form textarea,\r\n  .cf7-modal-content .wpcf7-form select {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-bottom: 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    box-sizing: border-box; \/* Ensures padding does not cause horizontal overflow *\/\r\n  }\r\n\r\n  .cf7-modal-content .wpcf7-form input[type=\"submit\"] {\r\n    background-color: #3763f4;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 12px 30px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    transition: background-color 0.3s ease;\r\n    width: 100%; \/* Make button full width for better mobile layout *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cf7-modal-content .wpcf7-form input[type=\"submit\"]:hover {\r\n    background-color: #2850d4;\r\n  }\r\n<\/style>\r\n\r\n<!-- Modal HTML -->\r\n<div id=\"cf7-form-modal\" class=\"cf7-modal-overlay\">\r\n  <div class=\"cf7-modal-content\">\r\n    <span class=\"cf7-modal-close\" id=\"cf7-close-btn\">&times;<\/span>\r\n    <h4 style=\"margin-top:0; margin-bottom: 20px; text-align:center;\">Request a Connection<\/h4>\r\n    \r\n    <!-- Your Contact Form 7 Shortcode -->\r\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1091-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1091\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/indinet\/wp-json\/wp\/v2\/pages\/12#wpcf7-f1091-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1091\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.4.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1091-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"full-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name*\" value=\"\" type=\"text\" name=\"full-name\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone Number*\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" aria-invalid=\"false\" placeholder=\"Email Address\" value=\"\" type=\"email\" name=\"email-address\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Address*\" value=\"\" type=\"text\" name=\"address\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"pincode\"><input size=\"40\" maxlength=\"6\" minlength=\"6\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Pincode*\" value=\"\" type=\"text\" name=\"pincode\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"subject\" \/><\/span>\n<\/p>\n<div class=\"full-width\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your requirement...*\" name=\"message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n\n<!-- Yellow Highlighted Consent Box -->\n<div class=\"full-width\">\n\t<div class=\"custom-consent-box\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"consent-agreement\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"consent-agreement\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">By availing of or subscribing to any services provided by Indian Cable Net Company Limited (\u201cICNCL\u201d) and\/or Indinet Service Private Limited (\u201cIndinet\u201d), including Broadband, Cable TV and\/<span id=\"consent-dots\">... <\/span><a href=\"#\" onclick=\"document.getElementById('consent-more').style.display='inline'; document.getElementById('consent-dots').style.display='none'; this.style.display='none'; event.preventDefault(); event.stopPropagation();\" class=\"read-more-link\">Read more<\/a><span id=\"consent-more\" style=\"display:none;\">or\/and Playtop Magic App services, the Customer expressly consents and authorises ICNCL and\/or Indinet, as applicable, and their authorised representatives\/service providers, to contact the Customer through telephone calls, SMS, RCS, WhatsApp, e-mail and\/or other electronic or digital communication channels in connection with the Customer\u2019s account, subscription, service requests, billing, payments, service updates, support, offers and other information relating to the services availed.<br><br>The Customer further consents to receiving promotional, marketing and commercial communications relating to ICNCL\/Indinet\u2019s products, services, plans, offers and associated services through the aforesaid communication channels. The Customer may withdraw\/opt out of promotional or marketing communications at any time by contacting ICNCL\/Indinet through the designated customer-care or opt-out mechanism. Withdrawal of such consent shall not affect the Customer\u2019s receipt of communications that are necessary for the provision, administration, security, billing or support of the services availed.<br><br>The Customer acknowledges that such consent is being provided voluntarily and that ICNCL\/Indinet shall process and use the Customer\u2019s contact information for the above purposes in accordance with applicable law and their applicable privacy policy.<\/span><\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"full-width mt-2\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit Inquiry\" \/>\n\t<\/p>\n<\/div>\n<style>\n\/* Clean, small & properly aligned consent box *\/\n.custom-consent-box {\n background: #fff9e6;\n border: 1px solid #ffe082;\n border-left: 4px solid #FFB302;\n border-radius: 8px;\n padding: 10px 14px;\n margin-top: 6px;\n margin-bottom: 15px;\n text-align: left !important;\n}\n\n.custom-consent-box .wpcf7-form-control-wrap {\n display: block !important;\n margin: 0 !important;\n}\n\n.custom-consent-box .wpcf7-list-item {\n margin: 0 !important;\n display: block !important;\n}\n\n.custom-consent-box label {\n display: flex !important;\n align-items: flex-start !important;\n gap: 8px !important;\n margin: 0 !important;\n text-align: left !important;\n cursor: pointer;\n}\n\n.custom-consent-box input[type=\"checkbox\"] {\n width: 15px !important;\n height: 15px !important;\n min-width: 15px !important;\n margin-top: 3px !important;\n margin-bottom: 0 !important;\n accent-color: #FFB302 !important;\n cursor: pointer;\n flex-shrink: 0 !important;\n}\n\n.custom-consent-box .wpcf7-list-item-label {\n font-size: 12.5px !important;\n font-weight: 500 !important;\n color: #4a5568 !important;\n line-height: 1.45 !important;\n display: inline !important;\n}\n\n.custom-consent-box a, .read-more-link {\n color: #b37400 !important;\n font-weight: 700 !important;\n text-decoration: underline !important;\n}\n\n.custom-consent-box a:hover, .read-more-link:hover {\n color: #007bff !important;\n}\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Popup JavaScript -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const modalOverlay = document.getElementById('cf7-form-modal');\r\n    const closeBtn = document.getElementById('cf7-close-btn');\r\n    let pendingPincode = '';\r\n    let pendingSubject = '';\r\n\r\n    \/\/ Function to open popup with pincode AND subject\r\n    window.openContactPopup = function(pincode, subject) {\r\n      pendingPincode = pincode || '';\r\n      pendingSubject = subject || 'New Broadband Connection';\r\n      \r\n      modalOverlay.classList.add('active');\r\n      \r\n      \/\/ Auto-fill the CF7 fields after a small delay\r\n      setTimeout(() => {\r\n        \/\/ Find the subject field - FIXED: Only fill the subject field, not message\r\n        const cf7PincodeField = document.querySelector('.cf7-modal-content input[name=\"pincode\"]');\r\n        const cf7SubjectField = document.querySelector('.cf7-modal-content input[name=\"subject\"]');\r\n        \r\n        \/\/ Fill pincode if field exists\r\n        if (cf7PincodeField && pendingPincode) {\r\n          cf7PincodeField.value = pendingPincode;\r\n        }\r\n        \r\n        \/\/ Fill subject ONLY in the subject field - NOT in message field\r\n        if (cf7SubjectField && pendingSubject) {\r\n          cf7SubjectField.value = pendingSubject;\r\n        }\r\n        \r\n      }, 150);\r\n    };\r\n\r\n    \/\/ Close Modal on 'X' click\r\n    if (closeBtn) {\r\n      closeBtn.addEventListener('click', function() {\r\n        modalOverlay.classList.remove('active');\r\n      });\r\n    }\r\n\r\n    \/\/ Close Modal if clicking outside the white box\r\n    window.addEventListener('click', function(e) {\r\n      if (e.target === modalOverlay) {\r\n        modalOverlay.classList.remove('active');\r\n      }\r\n    });\r\n\r\n    \/\/ Optional: Close modal with Escape key\r\n    document.addEventListener('keydown', function(e) {\r\n      if (e.key === 'Escape' && modalOverlay.classList.contains('active')) {\r\n        modalOverlay.classList.remove('active');\r\n      }\r\n    });\r\n  });\r\n<\/script>\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-2d49d34 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2d49d34\" 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-b08570c elementor-widget elementor-widget-html\" data-id=\"b08570c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h2>Unlimited Broadband Plans, Fiber Internet & Best Internet Service Provider in West Bengal<\/h2>\n\n<p><strong>Indinet Broadband<\/strong> is one of the leading <strong>high-speed broadband providers in Kolkata and West Bengal<\/strong>, offering reliable <strong>fiber broadband connections<\/strong> for homes, businesses, gamers, and professionals. If you're searching for the <strong>best broadband near me<\/strong>, <strong>best broadband connection in Kolkata<\/strong>, or a trusted <strong>internet service provider<\/strong>, Indinet delivers unlimited fiber internet with speeds ranging from <strong>30 Mbps to 1 Gbps<\/strong>.<\/p>\n\n<p>Our <a href=\"https:\/\/idebojyoti.online\/indinet\/plans\"><strong>unlimited broadband plans<\/strong><\/a> are designed for streaming, online gaming, work from home, video conferencing, and smart homes. With affordable pricing, free installation offers on selected plans, and dedicated customer support, Indinet is the preferred broadband choice across West Bengal.<\/p>\n\n<h2>High-Speed Broadband with OTT Entertainment<\/h2>\n\n<p>Enjoy uninterrupted entertainment with Indinet's <strong>high-speed fiber broadband<\/strong> and premium OTT services. Stream movies, sports, and TV shows in Ultra HD without buffering. Our unlimited internet plans are perfect for families who require fast and reliable broadband connectivity.<\/p>\n\n<p>Experience smart entertainment using the <a href=\"https:\/\/idebojyoti.online\/indinet\/siti-play\"><strong>SITI Playtop Magic Android TV Box<\/strong><\/a>, giving you Live TV, OTT apps, and endless entertainment through a single device powered by Indinet Fiber Broadband.<\/p>\n\n<h2>High-Speed Broadband with OTT Entertainment<\/h2>\n\n<p>Enjoy uninterrupted entertainment with Indinet's <strong>high-speed fiber broadband<\/strong> and premium OTT services. Stream movies, sports, and TV shows in Ultra HD without buffering. Our unlimited internet plans are perfect for families who require fast and reliable broadband connectivity.<\/p>\n\n<p>Experience smart entertainment using the <a href=\"https:\/\/idebojyoti.online\/indinet\/siti-play\"><strong>SITI Playtop Magic Android TV Box<\/strong><\/a>, giving you Live TV, OTT apps, and endless entertainment through a single device powered by Indinet Fiber Broadband.<\/p>\n<h2>Why Choose Indinet Broadband?<\/h2>\n\n<p>Indinet Broadband is one of the most trusted <strong>internet service providers in West Bengal<\/strong>, delivering fast, secure, and reliable FTTH (Fiber to the Home) connectivity. Whether you're looking for the <strong>best broadband connection in Kolkata<\/strong>, <strong>high-speed broadband plans<\/strong>, or an affordable home internet solution, Indinet offers a plan to suit every need.<\/p>\n\n<p>Our fiber network ensures low latency, stable connectivity, unlimited data usage, and consistent speeds for online gaming, 4K streaming, video conferencing, education, and business operations.<\/p>\n\n<ul>\n<li>\u2714 High-Speed Fiber Broadband up to 1 Gbps<\/li>\n<li>\u2714 Unlimited Data Plans<\/li>\n<li>\u2714 Reliable Wi-Fi for Home & Office<\/li>\n<li>\u2714 Affordable Monthly Broadband Plans<\/li>\n<li>\u2714 Fast Installation<\/li>\n<li>\u2714 Local Customer Support<\/li>\n<li>\u2714 OTT Bundled Plans Available<\/li>\n<li>\u2714 Business Broadband & Leased Line Solutions<\/li>\n<\/ul>\n\n<p>If you're searching for the <strong>best broadband near me<\/strong>, <strong>top internet service provider<\/strong>, or <strong>best fiber broadband in West Bengal<\/strong>, contact Indinet today.<\/p>\n\n<section class=\"seo-keywords\">\n<h2>Best Broadband Connection in Kolkata & West Bengal<\/h2>\n\n<p>Searching for the <strong>best broadband in Kolkata<\/strong>, <strong>best broadband in West Bengal<\/strong>, or the <strong>best internet service provider near you<\/strong>? Indinet offers high-speed fiber broadband with unlimited data, affordable monthly plans, and excellent customer support.<\/p>\n\n<p>Whether you need broadband for home, office, gaming, online classes, or business, our FTTH network provides fast and stable internet throughout Kolkata and West Bengal.<\/p>\n\n<p>Popular searches:<\/p>\n\n<ul>\n<li>Best Broadband Near Me<\/li>\n<li>Best Broadband Connection in Kolkata<\/li>\n<li>High Speed Broadband Plans<\/li>\n<li>Unlimited Fiber Broadband<\/li>\n<li>Top Internet Service Provider<\/li>\n<li>Best Internet Service Provider in Kolkata<\/li>\n<li>Broadband Plans in West Bengal<\/li>\n<li>Fiber Broadband Connection<\/li>\n<li>Home Broadband Connection<\/li>\n<li>Corporate Broadband Services<\/li>\n<\/ul>\n<\/section>\n\n<h2>Frequently Asked Questions<\/h2>\n\n<h3>Which is the best broadband connection in Kolkata?<\/h3>\n<p>Indinet Broadband offers reliable fiber internet, unlimited data plans, and high-speed connectivity across Kolkata and West Bengal.<\/p>\n\n<h3>What is the fastest broadband plan?<\/h3>\n<p>Indinet provides fiber broadband plans ranging from 30 Mbps to 1 Gbps.<\/p>\n\n<h3>Does Indinet offer unlimited internet?<\/h3>\n<p>Yes. Most Indinet Fiber Broadband plans include unlimited internet with consistent high-speed performance.<\/p>\n\n<h3>Is Indinet good for gaming?<\/h3>\n<p>Yes. Our FTTH network provides low latency and stable connections, making it ideal for online gaming.<\/p>\n\n<h3>How can I apply for a new broadband connection?<\/h3>\n<p>Call 033-40025000 or WhatsApp 9836116900 to book your new broadband connection.<\/p>\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-7b11ae7 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"7b11ae7\" 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-8f6f3c1 elementor-widget elementor-widget-html\" data-id=\"8f6f3c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Indinet Broadband Local SEO Schema Markup -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"InternetServiceProvider\",\r\n      \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#isp\",\r\n      \"name\": \"Indinet Broadband\",\r\n      \"url\": \"https:\/\/idebojyoti.online\/indinet\",\r\n      \"logo\": \"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/08\/indinet-logo.png\",\r\n      \"image\": \"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/08\/indinet-plan-active-kolkata.webp\",\r\n      \"description\": \"Indinet Broadband offers blazing-fast, unlimited high-speed fiber internet and OTT connection services up to 1 Gbps across Kolkata, West Bengal, Patna, Jharkhand, Odisha, and Tripura.\",\r\n      \"telephone\": \"+91-33-40025000\",\r\n      \"email\": \"indicare@indinet.co.in\",\r\n      \"priceRange\": \"$$\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"addressLocality\": \"Kolkata\",\r\n        \"addressRegion\": \"West Bengal\",\r\n        \"addressCountry\": \"IN\"\r\n      },\r\n      \"contactPoint\": [\r\n        {\r\n          \"@type\": \"ContactPoint\",\r\n          \"telephone\": \"+91-33-40025000\",\r\n          \"contactType\": \"Customer Service\",\r\n          \"areaServed\": \"IN\",\r\n          \"availableLanguage\": [\"en\", \"hi\", \"bn\"]\r\n        },\r\n        {\r\n          \"@type\": \"ContactPoint\",\r\n          \"telephone\": \"+91-9836116900\",\r\n          \"contactType\": \"WhatsApp Support\",\r\n          \"areaServed\": \"IN\",\r\n          \"availableLanguage\": [\"en\", \"hi\", \"bn\"]\r\n        }\r\n      ],\r\n      \"areaServed\": [\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Kolkata\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"West Bengal\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Patna\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Jharkhand\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Odisha\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Tripura\"\r\n        }\r\n      ],\r\n      \"offers\": {\r\n        \"@type\": \"Offer\",\r\n        \"category\": \"Broadband Internet\",\r\n        \"offeredBy\": {\r\n          \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#isp\"\r\n        }\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"WebSite\",\r\n      \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#website\",\r\n      \"url\": \"https:\/\/idebojyoti.online\/indinet\",\r\n      \"name\": \"Indinet Broadband\",\r\n      \"description\": \"High-Speed Fiber Internet & OTT services in India\",\r\n      \"publisher\": {\r\n        \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#isp\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\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-c87b7f3 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"c87b7f3\" 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-7360da7 elementor-widget elementor-widget-html\" data-id=\"7360da7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- 1. GOOGLE SCHEMA MARKUP (Local ISP + FAQ Rich Snippets)       -->\r\n<!-- ============================================================ -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"InternetServiceProvider\",\r\n      \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#isp\",\r\n      \"name\": \"Indinet Broadband\",\r\n      \"url\": \"https:\/\/idebojyoti.online\/indinet\/\",\r\n      \"logo\": \"https:\/\/idebojyoti.online\/indinet\/wp-content\/themes\/dc-indinet-2.1\/images\/logo.png\",\r\n      \"image\": \"https:\/\/idebojyoti.online\/indinet\/wp-content\/themes\/dc-indinet-2.1\/images\/logo.png\",\r\n      \"description\": \"Indinet provides ultra-fast fiber broadband connections, unlimited wifi plans, OTT packs, and instant online broadband recharge across Kolkata, West Bengal, and Bihar.\",\r\n      \"telephone\": \"+91-33-4000-0000\",\r\n      \"priceRange\": \"\u20b9\u20b9\",\r\n      \"areaServed\": [\r\n        {\r\n          \"@type\": \"City\",\r\n          \"name\": \"Kolkata\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"West Bengal\"\r\n        },\r\n        {\r\n          \"@type\": \"AdministrativeArea\",\r\n          \"name\": \"Bihar\"\r\n        }\r\n      ],\r\n      \"sameAs\": [\r\n        \"https:\/\/idebojyoti.online\/indinet\/\"\r\n      ]\r\n    },\r\n    {\r\n      \"@type\": \"FAQPage\",\r\n      \"@id\": \"https:\/\/idebojyoti.online\/indinet\/#faq\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"How can I get a new Indinet high-speed broadband connection near me?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"You can get a new Indinet fiber broadband connection by submitting your address online through our contact page or calling our local customer support. Fast installation is available across Kolkata, West Bengal, and Bihar.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"How do I do an instant online broadband recharge for Indinet \/ SITI broadband?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"You can recharge your Indinet broadband account instantly online through our Quick Pay \/ Recharge portal using UPI, net banking, debit cards, or credit cards.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What are the best fiber broadband plans available in Kolkata and West Bengal?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Indinet offers unlimited high-speed fiber broadband plans ranging from 30 Mbps to 300+ Mbps with bundled OTT entertainment packs, low latency for gaming, and symmetric upload\/download speeds.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Does Indinet broadband provide bundled OTT subscriptions?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes, Indinet fiber broadband plans come with bundled OTT packs including SITI Playtop Magic App and popular streaming platforms for seamless entertainment on smart TVs and mobile devices.\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<!-- ============================================================ -->\r\n<!-- 2. SEO-OPTIMIZED SEMANTIC CONTENT (No Custom Styling)        -->\r\n<!-- ============================================================ -->\r\n<section class=\"indinet-seo-overview\">\r\n  <h2>High-Speed Fiber Broadband Connection & Online Recharge Services<\/h2>\r\n  <p>\r\n    Welcome to <strong>Indinet Broadband<\/strong>, your trusted local <strong>internet service provider<\/strong> offering ultra-fast, uninterrupted fiber optic broadband connections for homes and enterprises across <strong>Kolkata<\/strong>, <strong>West Bengal<\/strong>, and <strong>Bihar<\/strong>. Whether you need seamless 4K video streaming, lag-free online gaming, remote work stability, or smart home connectivity, Indinet delivers reliable high-speed wifi internet tailored to your daily needs.\r\n  <\/p>\r\n\r\n  <h3>Why Choose Indinet Fiber Broadband?<\/h3>\r\n  <ul>\r\n    <li><strong>Ultra-Fast Fiber Speeds:<\/strong> Symmetrical upload and download speeds with unlimited data usage.<\/li>\r\n    <li><strong>Instant Online Broadband Recharge:<\/strong> Quick and secure online wifi recharge portal with multiple payment options.<\/li>\r\n    <li><strong>Bundled OTT Entertainment:<\/strong> Access top streaming platforms with high-speed internet and SITI Playtop integration.<\/li>\r\n    <li><strong>24\/7 Dedicated Customer Support:<\/strong> Local technical assistance ensuring zero downtime.<\/li>\r\n  <\/ul>\r\n\r\n  <h3>Explore Our Broadband Plans & Coverage<\/h3>\r\n  <p>\r\n    Looking for the <strong>best broadband connection in Kolkata<\/strong> or nearby regions? Check out our affordable monthly, quarterly, and annual internet packages:\r\n  <\/p>\r\n  <ul>\r\n    <li><a href=\"https:\/\/idebojyoti.online\/indinet\/indinet-broadband-plans\">View All Indinet Broadband Plans<\/a><\/li>\r\n    <li><a href=\"https:\/\/idebojyoti.online\/indinet\/kolkata-broadband-plans\">Best Broadband Plans in Kolkata<\/a><\/li>\r\n    <li><a href=\"https:\/\/idebojyoti.online\/indinet\/indinet-broadband-offers\">Latest Broadband Offers & Deals<\/a><\/li>\r\n    <li><a href=\"https:\/\/idebojyoti.online\/indinet\/ott-packs\">Broadband with OTT Subscription Packs<\/a><\/li>\r\n    <li><a href=\"https:\/\/idebojyoti.online\/indinet\/indinet-broadband-contact\">Check Broadband Coverage Near You & Apply<\/a><\/li>\r\n  <\/ul>\r\n\r\n  <h3>Frequently Asked Questions (FAQs)<\/h3>\r\n\r\n  <h4>How can I apply for a new broadband connection near me?<\/h4>\r\n  <p>\r\n    Applying is simple: visit our <a href=\"https:\/\/idebojyoti.online\/indinet\/indinet-broadband-contact\">Contact & Connection page<\/a>, enter your location details, and our local team will verify feasibility and complete fiber installation quickly.\r\n  <\/p>\r\n\r\n  <h4>How do I recharge my Indinet wifi \/ broadband account?<\/h4>\r\n  <p>\r\n    You can complete your <strong>broadband recharge<\/strong> in seconds by entering your Customer ID \/ Registered Mobile Number on our online recharge portal and paying via UPI, card, or net banking.\r\n  <\/p>\r\n\r\n  <h4>What makes Indinet the leading internet provider in Kolkata & West Bengal?<\/h4>\r\n  <p>\r\n    Indinet combines fiber-to-the-home (FTTH) network infrastructure, low-latency routing, affordable tariff plans, and bundled entertainment to provide the most reliable high-speed internet experience.\r\n  <\/p>\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-8c64e89 e-flex e-con-boxed e-con e-parent\" data-id=\"8c64e89\" 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-41f7066 elementor-widget elementor-widget-html\" data-id=\"41f7066\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================================\r\n  INDINET BROADBAND - SMART AI LEAD CAPTURE CHATBOT (\"KOMAL\")\r\n  Features:\r\n  - 5-Second Proactive Teaser Bubble (\"Looking for a new connection?\")\r\n  - Real-Time Live Message Chime (Web Audio API synth)\r\n  - 60-Second Duplicate Lead Cooldown & Protection\r\n  - Official Google Play & App Store Links\r\n  - Direct Indinet CRM Database Sync\r\n========================================================================= -->\r\n\r\n<style>\r\n  \/* =========================================================================\r\n     INDINET BRANDED CHATBOT STYLING (Royal Blue #0056D2 & Golden Amber #FF9900)\r\n     Maximum Specificity & Bulletproof !important CSS (Protected against Theme Overrides)\r\n     ========================================================================= *\/\r\n  .indinet-chat-root {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: fixed !important;\r\n    bottom: 24px !important;\r\n    right: 24px !important;\r\n    z-index: 9999999 !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n  .indinet-chat-root * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Proactive Greeting Teaser Bubble (Pops up above launcher) *\/\r\n  div.indinet-chat-root .indinet-teaser-bubble,\r\n  .indinet-teaser-bubble {\r\n    position: absolute !important;\r\n    bottom: 76px !important;\r\n    right: 0 !important;\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    color: #0F172A !important;\r\n    padding: 12px 16px !important;\r\n    border-radius: 16px 16px 4px 16px !important;\r\n    box-shadow: 0 12px 35px rgba(0, 50, 130, 0.22), 0 2px 10px rgba(0, 0, 0, 0.08) !important;\r\n    border: 1.5px solid #BFDBFE !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    width: 290px !important;\r\n    max-width: calc(100vw - 40px) !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    animation: indinetTeaserAnim 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\r\n    z-index: 9999998 !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  @keyframes indinetTeaserAnim {\r\n    from { opacity: 0; transform: translateY(12px) scale(0.92); }\r\n    to { opacity: 1; transform: translateY(0) scale(1); }\r\n  }\r\n  div.indinet-chat-root .indinet-teaser-bubble:hover,\r\n  .indinet-teaser-bubble:hover {\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 16px 40px rgba(0, 86, 210, 0.3) !important;\r\n    border-color: #0056D2 !important;\r\n  }\r\n  .indinet-teaser-avatar-wrap {\r\n    width: 42px !important;\r\n    height: 42px !important;\r\n    min-width: 42px !important;\r\n    min-height: 42px !important;\r\n    max-width: 42px !important;\r\n    max-height: 42px !important;\r\n    border-radius: 50% !important;\r\n    overflow: hidden !important;\r\n    flex-shrink: 0 !important;\r\n    border: 2px solid #0056D2 !important;\r\n    background: #ffffff !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n    box-shadow: 0 2px 6px rgba(0, 86, 210, 0.2) !important;\r\n  }\r\n  .indinet-teaser-avatar {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 100% !important;\r\n    min-height: 100% !important;\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    object-position: center 15% !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: none !important;\r\n  }\r\n  .indinet-teaser-text {\r\n    flex: 1 !important;\r\n    font-size: 0.83rem !important;\r\n    font-weight: 500 !important;\r\n    color: #1E293B !important;\r\n    line-height: 1.38 !important;\r\n  }\r\n  .indinet-teaser-text strong {\r\n    color: #0056D2 !important;\r\n    display: block !important;\r\n    font-size: 0.86rem !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 2px !important;\r\n  }\r\n  div.indinet-chat-root .indinet-teaser-close,\r\n  .indinet-teaser-close {\r\n    position: absolute !important;\r\n    top: -7px !important;\r\n    left: -7px !important;\r\n    background: #FF9900 !important;\r\n    background-color: #FF9900 !important;\r\n    color: #ffffff !important;\r\n    border: 2px solid #ffffff !important;\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    border-radius: 50% !important;\r\n    font-size: 11px !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;\r\n    padding: 0 !important;\r\n    line-height: 1 !important;\r\n    font-weight: 700 !important;\r\n  }\r\n  .indinet-teaser-close:hover {\r\n    background: #E68A00 !important;\r\n    background-color: #E68A00 !important;\r\n    transform: scale(1.1) !important;\r\n  }\r\n\r\n  \/* Floating Trigger Launcher - Royal Blue & Amber Gradient *\/\r\n  div.indinet-chat-root button.indinet-launcher,\r\n  button.indinet-launcher,\r\n  .indinet-launcher {\r\n    width: 62px !important;\r\n    height: 62px !important;\r\n    min-width: 62px !important;\r\n    min-height: 62px !important;\r\n    border-radius: 50% !important;\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    background-image: linear-gradient(135deg, #0056D2 0%, #0066FF 65%, #FF9900 100%) !important;\r\n    box-shadow: 0 8px 25px rgba(0, 86, 210, 0.45), 0 2px 8px rgba(255, 153, 0, 0.35) !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease !important;\r\n    outline: none !important;\r\n    position: relative !important;\r\n    flex-shrink: 0 !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    z-index: 9999999 !important;\r\n  }\r\n  div.indinet-chat-root button.indinet-launcher:hover,\r\n  button.indinet-launcher:hover,\r\n  .indinet-launcher:hover {\r\n    background: #0047B3 !important;\r\n    background-color: #0047B3 !important;\r\n    background-image: linear-gradient(135deg, #0047B3 0%, #0056D2 65%, #FF9900 100%) !important;\r\n    transform: scale(1.08) translateY(-2px) !important;\r\n    box-shadow: 0 12px 32px rgba(0, 86, 210, 0.6), 0 4px 12px rgba(255, 153, 0, 0.45) !important;\r\n  }\r\n  div.indinet-chat-root button.indinet-launcher svg,\r\n  button.indinet-launcher svg,\r\n  .indinet-launcher svg {\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n    fill: #ffffff !important;\r\n    color: #ffffff !important;\r\n    stroke: none !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n  }\r\n  .indinet-launcher-pulse {\r\n    position: absolute !important;\r\n    top: 1px !important;\r\n    right: 1px !important;\r\n    width: 15px !important;\r\n    height: 15px !important;\r\n    background: #22C55E !important;\r\n    border: 2.5px solid #ffffff !important;\r\n    border-radius: 50% !important;\r\n    box-shadow: 0 0 8px rgba(34, 197, 94, 0.8) !important;\r\n  }\r\n\r\n  \/* Chat Window *\/\r\n  div.indinet-chat-root .indinet-window,\r\n  div.indinet-window,\r\n  .indinet-window {\r\n    position: fixed !important;\r\n    bottom: 96px !important;\r\n    right: 24px !important;\r\n    width: 380px !important;\r\n    height: 600px !important;\r\n    max-height: calc(100vh - 120px) !important;\r\n    background: #F4F8FD !important;\r\n    background-color: #F4F8FD !important;\r\n    border-radius: 22px !important;\r\n    box-shadow: 0 18px 50px rgba(0, 42, 107, 0.22), 0 2px 10px rgba(0, 0, 0, 0.04) !important;\r\n    display: none;\r\n    flex-direction: column !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid rgba(0, 86, 210, 0.15) !important;\r\n    animation: indinetSlideUp 0.26s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    z-index: 9999999 !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .indinet-window.indinet-open {\r\n    display: flex !important;\r\n  }\r\n  @keyframes indinetSlideUp {\r\n    from { opacity: 0; transform: translateY(20px) scale(0.96); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Responsive Design across Desktop, Tablet, and Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .indinet-chat-root {\r\n      bottom: 20px !important;\r\n      right: 18px !important;\r\n    }\r\n    div.indinet-chat-root .indinet-window,\r\n    .indinet-window {\r\n      width: 360px !important;\r\n      right: 16px !important;\r\n      bottom: 84px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .indinet-chat-root {\r\n      bottom: 20px !important;\r\n      right: 18px !important;\r\n    }\r\n    \/* Compact Floating Circular Launcher on Mobile with edge gap *\/\r\n    div.indinet-chat-root button.indinet-launcher,\r\n    button.indinet-launcher,\r\n    .indinet-launcher {\r\n      width: 50px !important;\r\n      height: 50px !important;\r\n      min-width: 50px !important;\r\n      min-height: 50px !important;\r\n    }\r\n    div.indinet-chat-root button.indinet-launcher svg,\r\n    button.indinet-launcher svg,\r\n    .indinet-launcher svg {\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n    }\r\n    .indinet-launcher-pulse {\r\n      width: 12px !important;\r\n      height: 12px !important;\r\n      top: 1px !important;\r\n      right: 1px !important;\r\n      border-width: 2px !important;\r\n    }\r\n    div.indinet-chat-root .indinet-teaser-bubble,\r\n    .indinet-teaser-bubble {\r\n      bottom: 64px !important;\r\n      right: 0 !important;\r\n      width: 275px !important;\r\n      max-width: calc(100vw - 36px) !important;\r\n      padding: 10px 14px !important;\r\n      gap: 10px !important;\r\n    }\r\n    .indinet-teaser-avatar-wrap {\r\n      width: 38px !important;\r\n      height: 38px !important;\r\n      min-width: 38px !important;\r\n      min-height: 38px !important;\r\n    }\r\n\r\n    \/* Fullscreen chat window when opened on mobile *\/\r\n    div.indinet-chat-root .indinet-window,\r\n    .indinet-window {\r\n      position: fixed !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      bottom: 0 !important;\r\n      right: 0 !important;\r\n      width: 100vw !important;\r\n      height: 100% !important;\r\n      height: 100dvh !important;\r\n      max-height: 100% !important;\r\n      max-height: 100dvh !important;\r\n      border-radius: 0 !important;\r\n      border: none !important;\r\n      z-index: 99999999 !important;\r\n    }\r\n    div.indinet-chat-root .indinet-header,\r\n    .indinet-header {\r\n      border-radius: 0 !important;\r\n      padding: 12px 14px !important;\r\n    }\r\n    div.indinet-chat-root .indinet-foot,\r\n    .indinet-foot {\r\n      padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) 12px !important;\r\n    }\r\n    .indinet-avatar-wrap {\r\n      width: 38px !important;\r\n      height: 38px !important;\r\n      min-width: 38px !important;\r\n      min-height: 38px !important;\r\n    }\r\n    .indinet-online-status {\r\n      bottom: 1px !important;\r\n      right: 1px !important;\r\n      width: 10px !important;\r\n      height: 10px !important;\r\n    }\r\n    .indinet-msg-avatar-wrap {\r\n      width: 28px !important;\r\n      height: 28px !important;\r\n      min-width: 28px !important;\r\n      min-height: 28px !important;\r\n    }\r\n  }\r\n\r\n  \/* Header - Guaranteed Indinet Royal Blue Gradient Background *\/\r\n  div.indinet-chat-root .indinet-header,\r\n  div.indinet-window .indinet-header,\r\n  div.indinet-header,\r\n  .indinet-header {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    background-image: linear-gradient(120deg, #0047B3 0%, #0056D2 55%, #0066FF 100%) !important;\r\n    color: #ffffff !important;\r\n    padding: 14px 18px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    flex-shrink: 0 !important;\r\n    position: relative !important;\r\n    box-shadow: 0 3px 12px rgba(0, 50, 130, 0.25) !important;\r\n    border-bottom: 3px solid #FF9900 !important;\r\n    box-sizing: border-box !important;\r\n    margin: 0 !important;\r\n  }\r\n  .indinet-profile {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n  }\r\n  \r\n  \/* Bulletproof Circle Avatar in Header *\/\r\n  .indinet-avatar-wrap {\r\n    position: relative !important;\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    min-width: 44px !important;\r\n    min-height: 44px !important;\r\n    max-width: 44px !important;\r\n    max-height: 44px !important;\r\n    border-radius: 50% !important;\r\n    background: #ffffff !important;\r\n    padding: 2px !important;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;\r\n    flex-shrink: 0 !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    overflow: visible !important;\r\n    box-sizing: border-box !important;\r\n    display: inline-block !important;\r\n  }\r\n  .indinet-avatar-inner {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border-radius: 50% !important;\r\n    overflow: hidden !important;\r\n    display: block !important;\r\n  }\r\n  .indinet-avatar-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 100% !important;\r\n    min-height: 100% !important;\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    object-position: center 15% !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    display: block !important;\r\n    border: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n  .indinet-online-status {\r\n    position: absolute !important;\r\n    bottom: 2px !important;\r\n    right: 2px !important;\r\n    width: 11px !important;\r\n    height: 11px !important;\r\n    background: #22C55E !important;\r\n    background-color: #22C55E !important;\r\n    border: 2px solid #ffffff !important;\r\n    border-radius: 50% !important;\r\n    z-index: 10 !important;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;\r\n  }\r\n  div.indinet-chat-root .indinet-header-titles h4,\r\n  .indinet-header-titles h4 {\r\n    font-size: 1.05rem !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -0.01em !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: 1.2 !important;\r\n    font-family: inherit !important;\r\n  }\r\n  div.indinet-chat-root .indinet-badge-pill,\r\n  .indinet-badge-pill {\r\n    background: #FF9900 !important;\r\n    background-color: #FF9900 !important;\r\n    color: #ffffff !important;\r\n    font-size: 0.65rem !important;\r\n    font-weight: 800 !important;\r\n    padding: 2px 6px !important;\r\n    border-radius: 4px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.5px !important;\r\n    display: inline-block !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  div.indinet-chat-root .indinet-header-titles p,\r\n  .indinet-header-titles p {\r\n    font-size: 0.78rem !important;\r\n    color: #E0ECFF !important;\r\n    margin: 2px 0 0 0 !important;\r\n    padding: 0 !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.2 !important;\r\n    font-family: inherit !important;\r\n  }\r\n  .indinet-header-actions {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n  }\r\n  div.indinet-chat-root .indinet-btn-icon,\r\n  .indinet-btn-icon {\r\n    background: rgba(255, 255, 255, 0.22) !important;\r\n    background-color: rgba(255, 255, 255, 0.22) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n    color: #ffffff !important;\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    min-width: 32px !important;\r\n    min-height: 32px !important;\r\n    border-radius: 50% !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    transition: background 0.2s !important;\r\n    outline: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n  div.indinet-chat-root .indinet-btn-icon:hover,\r\n  .indinet-btn-icon:hover {\r\n    background: rgba(255, 255, 255, 0.38) !important;\r\n    background-color: rgba(255, 255, 255, 0.38) !important;\r\n  }\r\n  div.indinet-chat-root .indinet-btn-icon svg,\r\n  .indinet-btn-icon svg {\r\n    stroke: #ffffff !important;\r\n    color: #ffffff !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* Chat Messages Area *\/\r\n  div.indinet-chat-root .indinet-body,\r\n  .indinet-body {\r\n    flex: 1 !important;\r\n    padding: 16px !important;\r\n    overflow-y: auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 12px !important;\r\n    scroll-behavior: smooth !important;\r\n    background: #F4F8FD !important;\r\n    background-color: #F4F8FD !important;\r\n  }\r\n  .indinet-body::-webkit-scrollbar {\r\n    width: 5px !important;\r\n  }\r\n  .indinet-body::-webkit-scrollbar-thumb {\r\n    background: #C4D9F5 !important;\r\n    border-radius: 4px !important;\r\n  }\r\n\r\n  div.indinet-chat-root .indinet-date-pill,\r\n  .indinet-date-pill {\r\n    align-self: center !important;\r\n    background: #E1EDFC !important;\r\n    background-color: #E1EDFC !important;\r\n    color: #0056D2 !important;\r\n    font-size: 0.72rem !important;\r\n    font-weight: 600 !important;\r\n    padding: 3px 12px !important;\r\n    border-radius: 12px !important;\r\n    margin: 2px 0 6px 0 !important;\r\n    border: 1px solid #CFE3FA !important;\r\n    display: inline-block !important;\r\n  }\r\n\r\n  \/* Message Rows *\/\r\n  .indinet-msg-row {\r\n    display: flex !important;\r\n    gap: 8px !important;\r\n    max-width: 88% !important;\r\n    animation: indinetFadeIn 0.2s ease !important;\r\n  }\r\n  @keyframes indinetFadeIn {\r\n    from { opacity: 0; transform: translateY(6px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .indinet-msg-row.indinet-bot {\r\n    align-self: flex-start !important;\r\n  }\r\n  .indinet-msg-row.indinet-user {\r\n    align-self: flex-end !important;\r\n    flex-direction: row-reverse !important;\r\n  }\r\n\r\n  \/* Bulletproof Circle Avatar in Chat Messages *\/\r\n  .indinet-msg-avatar-wrap {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    min-width: 32px !important;\r\n    min-height: 32px !important;\r\n    max-width: 32px !important;\r\n    max-height: 32px !important;\r\n    border-radius: 50% !important;\r\n    overflow: hidden !important;\r\n    flex-shrink: 0 !important;\r\n    margin-top: 4px !important;\r\n    border: 1.5px solid #CFE3FA !important;\r\n    background: #ffffff !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  .indinet-msg-avatar {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 100% !important;\r\n    min-height: 100% !important;\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    object-position: center 15% !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    display: block !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: none !important;\r\n  }\r\n  .indinet-msg-group {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 3px !important;\r\n  }\r\n  .indinet-bubble {\r\n    padding: 13px 16px !important;\r\n    font-size: 0.9rem !important;\r\n    line-height: 1.52 !important;\r\n    word-break: break-word !important;\r\n  }\r\n  div.indinet-chat-root .indinet-bot .indinet-bubble,\r\n  .indinet-bot .indinet-bubble {\r\n    background: #FFFFFF !important;\r\n    background-color: #FFFFFF !important;\r\n    color: #0F172A !important;\r\n    border-radius: 18px 18px 18px 4px !important;\r\n    box-shadow: 0 2px 10px rgba(0, 86, 210, 0.08) !important;\r\n    border: 1px solid #E2EDF9 !important;\r\n  }\r\n  div.indinet-chat-root .indinet-user .indinet-bubble,\r\n  .indinet-user .indinet-bubble {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    color: #FFFFFF !important;\r\n    border-radius: 18px 18px 4px 18px !important;\r\n    box-shadow: 0 3px 12px rgba(0, 86, 210, 0.32) !important;\r\n  }\r\n  .indinet-timestamp {\r\n    font-size: 0.68rem !important;\r\n    color: #8397B2 !important;\r\n    margin-top: 3px !important;\r\n  }\r\n  .indinet-bot .indinet-timestamp {\r\n    margin-left: 4px !important;\r\n  }\r\n  .indinet-user .indinet-timestamp {\r\n    text-align: right !important;\r\n    margin-right: 4px !important;\r\n  }\r\n\r\n  \/* Interactive Option Buttons *\/\r\n  .indinet-options {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 8px !important;\r\n    margin-top: 10px !important;\r\n  }\r\n  div.indinet-chat-root .indinet-pill-btn,\r\n  .indinet-pill-btn {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    padding: 9px 18px !important;\r\n    border-radius: 22px !important;\r\n    font-size: 0.86rem !important;\r\n    font-weight: 600 !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.2s ease !important;\r\n    box-shadow: 0 2px 8px rgba(0, 86, 210, 0.25) !important;\r\n    outline: none !important;\r\n    display: inline-block !important;\r\n    margin: 0 !important;\r\n  }\r\n  div.indinet-chat-root .indinet-pill-btn:hover,\r\n  .indinet-pill-btn:hover {\r\n    background: #FF9900 !important;\r\n    background-color: #FF9900 !important;\r\n    color: #ffffff !important;\r\n    transform: translateY(-1px) !important;\r\n    box-shadow: 0 4px 10px rgba(255, 153, 0, 0.38) !important;\r\n  }\r\n\r\n  \/* Location Card *\/\r\n  div.indinet-chat-root .indinet-loc-card,\r\n  .indinet-loc-card {\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    border: 1.5px dashed #0056D2 !important;\r\n    border-radius: 14px !important;\r\n    padding: 14px !important;\r\n    margin-top: 10px !important;\r\n    text-align: center !important;\r\n  }\r\n  div.indinet-chat-root .indinet-loc-btn,\r\n  .indinet-loc-btn {\r\n    background: #EBF3FE !important;\r\n    background-color: #EBF3FE !important;\r\n    color: #0056D2 !important;\r\n    border: 1px solid #B8D6FC !important;\r\n    border-radius: 10px !important;\r\n    padding: 10px 16px !important;\r\n    font-size: 0.86rem !important;\r\n    font-weight: 600 !important;\r\n    cursor: pointer !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    width: 100% !important;\r\n    justify-content: center !important;\r\n    transition: all 0.2s !important;\r\n    outline: none !important;\r\n  }\r\n  div.indinet-chat-root .indinet-loc-btn:hover,\r\n  .indinet-loc-btn:hover {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  \/* App Card *\/\r\n  div.indinet-chat-root .indinet-app-card,\r\n  .indinet-app-card {\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    border-radius: 14px !important;\r\n    padding: 12px 14px !important;\r\n    margin-top: 10px !important;\r\n    border: 1px solid #DCE8F6 !important;\r\n    box-shadow: 0 2px 8px rgba(0, 86, 210, 0.05) !important;\r\n  }\r\n  .indinet-app-header {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    margin-bottom: 10px !important;\r\n  }\r\n  .indinet-app-qr {\r\n    width: 60px !important;\r\n    height: 60px !important;\r\n    border-radius: 8px !important;\r\n    border: 1px solid #CBD5E1 !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n  .indinet-app-info strong {\r\n    color: #0056D2 !important;\r\n    font-size: 0.86rem !important;\r\n    display: block !important;\r\n  }\r\n  .indinet-app-info p {\r\n    font-size: 0.76rem !important;\r\n    color: #64748B !important;\r\n    margin-top: 2px !important;\r\n    line-height: 1.35 !important;\r\n  }\r\n  .indinet-app-stores {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 8px !important;\r\n    margin-top: 8px !important;\r\n    border-top: 1px solid #F1F5F9 !important;\r\n    padding-top: 10px !important;\r\n  }\r\n  div.indinet-chat-root .indinet-store-btn,\r\n  .indinet-store-btn {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 6px !important;\r\n    background: #F8FAFC !important;\r\n    background-color: #F8FAFC !important;\r\n    border: 1px solid #E2E8F0 !important;\r\n    border-radius: 8px !important;\r\n    padding: 7px 10px !important;\r\n    color: #1E293B !important;\r\n    text-decoration: none !important;\r\n    font-size: 0.74rem !important;\r\n    font-weight: 600 !important;\r\n    transition: all 0.2s !important;\r\n  }\r\n  div.indinet-chat-root .indinet-store-btn:hover,\r\n  .indinet-store-btn:hover {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    color: #ffffff !important;\r\n    border-color: #0056D2 !important;\r\n  }\r\n  .indinet-store-btn svg {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    fill: currentColor !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* Typing Dots *\/\r\n  div.indinet-chat-root .indinet-typing,\r\n  .indinet-typing {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 4px !important;\r\n    padding: 10px 14px !important;\r\n    background: #FFFFFF !important;\r\n    background-color: #FFFFFF !important;\r\n    border-radius: 18px !important;\r\n    width: fit-content !important;\r\n    border: 1px solid #E2EDF9 !important;\r\n  }\r\n  .indinet-dot {\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    border-radius: 50% !important;\r\n    animation: indinetBounce 1.4s infinite ease-in-out !important;\r\n  }\r\n  .indinet-dot:nth-child(1) { animation-delay: -0.32s !important; }\r\n  .indinet-dot:nth-child(2) { animation-delay: -0.16s !important; }\r\n  @keyframes indinetBounce {\r\n    0%, 80%, 100% { transform: scale(0); }\r\n    40% { transform: scale(1); }\r\n  }\r\n\r\n  \/* Footer & Input Bar - Clean border & No ugly dotted focus *\/\r\n  div.indinet-chat-root .indinet-foot,\r\n  .indinet-foot {\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    padding: 10px 14px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    border-top: 1px solid #E2EDF9 !important;\r\n    flex-shrink: 0 !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  div.indinet-chat-root .indinet-input-wrap,\r\n  .indinet-input-wrap {\r\n    flex: 1 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    background: #F4F8FD !important;\r\n    background-color: #F4F8FD !important;\r\n    border-radius: 24px !important;\r\n    padding: 4px 14px !important;\r\n    border: 1.5px solid #D9E7F8 !important;\r\n    transition: all 0.2s !important;\r\n    outline: none !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  div.indinet-chat-root .indinet-input-wrap:focus-within,\r\n  .indinet-input-wrap:focus-within {\r\n    border-color: #0056D2 !important;\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    box-shadow: 0 0 0 3px rgba(0, 86, 210, 0.12) !important;\r\n  }\r\n  div.indinet-chat-root .indinet-text-input,\r\n  .indinet-text-input {\r\n    width: 100% !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    font-size: 0.9rem !important;\r\n    color: #0F172A !important;\r\n    padding: 7px 0 !important;\r\n    font-family: inherit !important;\r\n    -webkit-appearance: none !important;\r\n  }\r\n  .indinet-text-input:focus {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n  }\r\n  div.indinet-chat-root .indinet-send-button,\r\n  .indinet-send-button {\r\n    background: #0056D2 !important;\r\n    background-color: #0056D2 !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    min-width: 38px !important;\r\n    min-height: 38px !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    flex-shrink: 0 !important;\r\n    transition: background 0.2s, transform 0.2s !important;\r\n    outline: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n  div.indinet-chat-root .indinet-send-button:hover,\r\n  .indinet-send-button:hover {\r\n    background: #FF9900 !important;\r\n    background-color: #FF9900 !important;\r\n    transform: scale(1.05) !important;\r\n  }\r\n  .indinet-send-button:disabled {\r\n    background: #CBD5E1 !important;\r\n    background-color: #CBD5E1 !important;\r\n    cursor: not-allowed !important;\r\n    transform: none !important;\r\n  }\r\n  div.indinet-chat-root .indinet-send-button svg,\r\n  .indinet-send-button svg {\r\n    fill: #ffffff !important;\r\n    color: #ffffff !important;\r\n    display: block !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- CHATBOT HTML CONTAINER -->\r\n<div class=\"indinet-chat-root\" id=\"indinetChatRoot\">\r\n  <!-- Proactive Teaser Bubble (Appears after 5 seconds) -->\r\n  <div class=\"indinet-teaser-bubble\" id=\"indinetTeaser\" style=\"display: none;\">\r\n    <button class=\"indinet-teaser-close\" id=\"indinetTeaserClose\" title=\"Dismiss\">&times;<\/button>\r\n    <div class=\"indinet-teaser-avatar-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/09\/Komal.webp\" alt=\"Komal\" class=\"indinet-teaser-avatar\">\r\n    <\/div>\r\n    <div class=\"indinet-teaser-text\">\r\n      <strong>Komal (Indinet Care)<\/strong>\r\n      Hi! Looking for a new high-speed fiber connection? \ud83d\ude80\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Launcher Button -->\r\n  <button class=\"indinet-launcher\" id=\"indinetLauncher\" aria-label=\"Chat with Komal\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\"\/><\/svg>\r\n    <div class=\"indinet-launcher-pulse\"><\/div>\r\n  <\/button>\r\n\r\n  <!-- Chat Window -->\r\n  <div class=\"indinet-window\" id=\"indinetWindow\">\r\n    <!-- Header -->\r\n    <div class=\"indinet-header\">\r\n      <div class=\"indinet-profile\">\r\n        <div class=\"indinet-avatar-wrap\">\r\n          <div class=\"indinet-avatar-inner\">\r\n            <img decoding=\"async\" src=\"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/09\/Komal.webp\" alt=\"Komal\" class=\"indinet-avatar-img\" id=\"indinetHeaderAvatar\">\r\n          <\/div>\r\n          <div class=\"indinet-online-status\"><\/div>\r\n        <\/div>\r\n        <div class=\"indinet-header-titles\">\r\n          <h4>Komal <span class=\"indinet-badge-pill\">Live Support<\/span><\/h4>\r\n          <p>Indinet's Smart AI Bot<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"indinet-header-actions\">\r\n        <button class=\"indinet-btn-icon\" id=\"indinetResetBtn\" title=\"Restart Conversation\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"1 4 1 10 7 10\"><\/polyline><polyline points=\"23 20 23 14 17 14\"><\/polyline><path d=\"M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"indinet-btn-icon\" id=\"indinetCloseBtn\" title=\"Close\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Messages Log -->\r\n    <div class=\"indinet-body\" id=\"indinetBody\">\r\n      <div class=\"indinet-date-pill\">Today<\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer Input -->\r\n    <div class=\"indinet-foot\">\r\n      <div class=\"indinet-input-wrap\">\r\n        <input type=\"text\" class=\"indinet-text-input\" id=\"indinetInput\" placeholder=\"Type your message...\" autocomplete=\"off\">\r\n      <\/div>\r\n      <button class=\"indinet-send-button\" id=\"indinetSend\" aria-label=\"Send\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/**\r\n   * =========================================================================\r\n   * INDINET CRM CONFIGURATION (AI EXECUTIVE: KOMAL)\r\n   * =========================================================================\r\n   *\/\r\n  const INDINET_CONFIG = {\r\n    botName: \"Komal\",\r\n    botSubtitle: \"Indinet's Smart AI Bot\",\r\n    companyName: \"Indinet Broadband\",\r\n    supportPhone: \"+91 9620804863\",\r\n    supportUrl: \"https:\/\/indinet.co.in\/selfcare\",\r\n\r\n    \/\/ Realistic Indian Executive Avatar (Komal) - Circular WebP\r\n    botAvatarUrl: \"https:\/\/idebojyoti.online\/indinet\/wp-content\/uploads\/2026\/09\/Komal.webp\",\r\n\r\n    \/\/ Official Indinet App Store Links\r\n    androidAppUrl: \"https:\/\/play.google.com\/store\/apps\/details?id=com.siti.playtop.mobile&hl=en_IN\",\r\n    iosAppUrl: \"https:\/\/apps.apple.com\/in\/app\/siti-playtop-magic\/id1538143698\",\r\n    qrCodeUrl: \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=https:\/\/play.google.com\/store\/apps\/details?id=com.siti.playtop.mobile&hl=en_IN\",\r\n\r\n    \/\/ CRM Endpoints\r\n    primaryEndpoint: \"\/wp-json\/indinet-crm\/v1\/lead\",\r\n    fallbackEndpoint: \"customer-care.php?api=submitChatbotLead\",\r\n    \r\n    \/\/ Proactive Greeting Timer (in milliseconds, 5000 = 5 seconds)\r\n    teaserDelayMs: 5000,\r\n\r\n    \/\/ Audio Chime notification\r\n    enableSound: true,\r\n\r\n    \/\/ Duplicate Lead Cooldown (in seconds)\r\n    cooldownSeconds: 60,\r\n\r\n    \/\/ Optional Webhook & WhatsApp Forwarding\r\n    webhookUrl: \"\", \r\n    whatsappNumber: \"918240033798\", \r\n    saveToLocalStorage: true\r\n  };\r\n\r\n  let step = 0;\r\n  let isSubmitting = false;\r\n  let lastSubmissionTime = 0;\r\n  let lead = {\r\n    requestId: Math.floor(1000000 + Math.random() * 9000000).toString(),\r\n    language: \"English\",\r\n    serviceType: \"New Connection\",\r\n    fullName: \"\",\r\n    phoneNumber: \"\",\r\n    pincode: \"\",\r\n    location: \"\",\r\n    feedbackRating: \"\",\r\n    feedbackComment: \"\"\r\n  };\r\n\r\n  const launcher = document.getElementById('indinetLauncher');\r\n  const win = document.getElementById('indinetWindow');\r\n  const closeBtn = document.getElementById('indinetCloseBtn');\r\n  const resetBtn = document.getElementById('indinetResetBtn');\r\n  const body = document.getElementById('indinetBody');\r\n  const input = document.getElementById('indinetInput');\r\n  const sendBtn = document.getElementById('indinetSend');\r\n  const headerAvatar = document.getElementById('indinetHeaderAvatar');\r\n  const teaser = document.getElementById('indinetTeaser');\r\n  const teaserClose = document.getElementById('indinetTeaserClose');\r\n\r\n  if (headerAvatar && INDINET_CONFIG.botAvatarUrl) {\r\n    headerAvatar.src = INDINET_CONFIG.botAvatarUrl;\r\n  }\r\n\r\n  \/* =========================================================================\r\n     LIVE REAL-TIME SOUND CHIME (Web Audio API Synth - Zero MP3 dependency)\r\n     ========================================================================= *\/\r\n  let audioCtx = null;\r\n  function playMessageChime() {\r\n    if (!INDINET_CONFIG.enableSound) return;\r\n    try {\r\n      if (!audioCtx) {\r\n        const AudioContext = window.AudioContext || window.webkitAudioContext;\r\n        audioCtx = new AudioContext();\r\n      }\r\n      if (audioCtx.state === 'suspended') {\r\n        audioCtx.resume();\r\n      }\r\n      \r\n      const now = audioCtx.currentTime;\r\n      \/\/ Tone 1: High crisp bell (587 Hz - D5)\r\n      const osc1 = audioCtx.createOscillator();\r\n      const gain1 = audioCtx.createGain();\r\n      osc1.type = 'sine';\r\n      osc1.frequency.setValueAtTime(587.33, now);\r\n      gain1.gain.setValueAtTime(0.08, now);\r\n      gain1.gain.exponentialRampToValueAtTime(0.001, now + 0.15);\r\n      osc1.connect(gain1);\r\n      gain1.connect(audioCtx.destination);\r\n      osc1.start(now);\r\n      osc1.stop(now + 0.15);\r\n\r\n      \/\/ Tone 2: Harmonic response (880 Hz - A5)\r\n      const osc2 = audioCtx.createOscillator();\r\n      const gain2 = audioCtx.createGain();\r\n      osc2.type = 'sine';\r\n      osc2.frequency.setValueAtTime(880.00, now + 0.08);\r\n      gain2.gain.setValueAtTime(0.09, now + 0.08);\r\n      gain2.gain.exponentialRampToValueAtTime(0.001, now + 0.28);\r\n      osc2.connect(gain2);\r\n      gain2.connect(audioCtx.destination);\r\n      osc2.start(now + 0.08);\r\n      osc2.stop(now + 0.28);\r\n    } catch(e) {\r\n      \/\/ Audio autoplay policies safely ignored\r\n    }\r\n  }\r\n\r\n  function getTimeStr() {\r\n    const d = new Date();\r\n    const days = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\n    let h = d.getHours(), m = d.getMinutes().toString().padStart(2, '0');\r\n    const ampm = h >= 12 ? 'PM' : 'AM';\r\n    h = h % 12 || 12;\r\n    return `${days[d.getDay()]} ${h}:${m} ${ampm}`;\r\n  }\r\n\r\n  function scrollToBottom() {\r\n    setTimeout(() => { body.scrollTop = body.scrollHeight; }, 40);\r\n  }\r\n\r\n  function showTyping() {\r\n    const id = 'typing_' + Date.now();\r\n    const row = document.createElement('div');\r\n    row.className = 'indinet-msg-row indinet-bot';\r\n    row.id = id;\r\n    row.innerHTML = `\r\n      <div class=\"indinet-msg-avatar-wrap\">\r\n        <img decoding=\"async\" src=\"${INDINET_CONFIG.botAvatarUrl}\" class=\"indinet-msg-avatar\" alt=\"${INDINET_CONFIG.botName}\">\r\n      <\/div>\r\n      <div class=\"indinet-typing\"><div class=\"indinet-dot\"><\/div><div class=\"indinet-dot\"><\/div><div class=\"indinet-dot\"><\/div><\/div>\r\n    `;\r\n    body.appendChild(row);\r\n    scrollToBottom();\r\n    return id;\r\n  }\r\n\r\n  function hideTyping(id) {\r\n    const el = document.getElementById(id);\r\n    if (el) el.remove();\r\n  }\r\n\r\n  async function botReply(html, delay = 650) {\r\n    let tId = null;\r\n    if (delay > 0) {\r\n      tId = showTyping();\r\n      await new Promise(r => setTimeout(r, delay));\r\n      hideTyping(tId);\r\n    }\r\n    const row = document.createElement('div');\r\n    row.className = 'indinet-msg-row indinet-bot';\r\n    row.innerHTML = `\r\n      <div class=\"indinet-msg-avatar-wrap\">\r\n        <img decoding=\"async\" src=\"${INDINET_CONFIG.botAvatarUrl}\" class=\"indinet-msg-avatar\" alt=\"${INDINET_CONFIG.botName}\">\r\n      <\/div>\r\n      <div class=\"indinet-msg-group\">\r\n        <div class=\"indinet-bubble\">${html}<\/div>\r\n        <div class=\"indinet-timestamp\">${getTimeStr()}<\/div>\r\n      <\/div>\r\n    `;\r\n    body.appendChild(row);\r\n    playMessageChime(); \/\/ Play subtle real-time chime\r\n    scrollToBottom();\r\n  }\r\n\r\n  function userReply(text) {\r\n    const row = document.createElement('div');\r\n    row.className = 'indinet-msg-row indinet-user';\r\n    const escaped = text.replace(\/[&<>'\"]\/g, t => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', \"'\": '&#39;', '\"': '&quot;' }[t] || t));\r\n    row.innerHTML = `\r\n      <div class=\"indinet-msg-group\">\r\n        <div class=\"indinet-bubble\">${escaped}<\/div>\r\n        <div class=\"indinet-timestamp\">${getTimeStr()}<\/div>\r\n      <\/div>\r\n    `;\r\n    body.appendChild(row);\r\n    scrollToBottom();\r\n  }\r\n\r\n  \/\/ Conversation Starter\r\n  async function startBot() {\r\n    await botReply(`Hi I am ${INDINET_CONFIG.botName.toUpperCase()}!`, 400);\r\n    await botReply(`\r\n      Choose your preferred languages:\r\n      <div class=\"indinet-options\">\r\n        <button class=\"indinet-pill-btn\" onclick=\"window.__indinetSelectLang('English')\">English<\/button>\r\n        <button class=\"indinet-pill-btn\" onclick=\"window.__indinetSelectLang('\u09ac\u09be\u0982\u09b2\u09be')\">\u09ac\u09be\u0982\u09b2\u09be<\/button>\r\n        <button class=\"indinet-pill-btn\" onclick=\"window.__indinetSelectLang('\u0939\u093f\u0928\u094d\u0926\u0940')\">\u0939\u093f\u0928\u094d\u0926\u0940<\/button>\r\n      <\/div>\r\n    `, 600);\r\n    step = 1;\r\n  }\r\n\r\n  window.__indinetSelectLang = async function(lang) {\r\n    if (step !== 1) return;\r\n    lead.language = lang;\r\n    userReply(lang);\r\n\r\n    await botReply(`I am ${INDINET_CONFIG.botName} - Your 24*7 Support Assistant \ud83d\ude42<br>I am here to assist you regarding a <strong>New Indinet Broadband Connection<\/strong>.`, 650);\r\n\r\n    await botReply(`\r\n      If you are already an existing Indinet Broadband Customer then you can register your query or request through the following link <a href=\"${INDINET_CONFIG.supportUrl}\" target=\"_blank\" style=\"color:#0056D2; font-weight:700;\">${INDINET_CONFIG.supportUrl}<\/a>, or by downloading the Indinet Broadband APP (QR Code) or by sending us an whatsapp on <strong>${INDINET_CONFIG.supportPhone}<\/strong>.\r\n      \r\n      <div class=\"indinet-app-card\">\r\n        <div class=\"indinet-app-header\">\r\n          <img decoding=\"async\" src=\"${INDINET_CONFIG.qrCodeUrl}\" class=\"indinet-app-qr\" alt=\"Scan App QR\">\r\n          <div class=\"indinet-app-info\">\r\n            <strong>Scan the QR code to download the App<\/strong>\r\n            <p>Instant bill payments, plan renewal &amp; self-care.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"indinet-app-stores\">\r\n          <a href=\"${INDINET_CONFIG.androidAppUrl}\" target=\"_blank\" class=\"indinet-store-btn\" title=\"Download on Google Play\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3.609 1.814L13.792 12 3.61 22.186a1.996 1.996 0 0 1-.61-1.42V3.234c0-.555.226-1.057.609-1.42zm11.597 11.598l2.25 2.25-11.75 6.776 9.5-9.026zm0-2.824L5.706 1.562l11.75 6.776-2.25 2.25zM16.62 12l2.844-1.638a1.5 1.5 0 0 1 0 2.602L16.62 12z\"\/><\/svg>\r\n            Google Play\r\n          <\/a>\r\n          <a href=\"${INDINET_CONFIG.iosAppUrl}\" target=\"_blank\" class=\"indinet-store-btn\" title=\"Download on Apple App Store\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.85c.66-.8 1.11-1.92.99-3.04-.95.04-2.1 1.64-2.76 2.4-.58.68-1.1 1.82-.96 2.92 1.06.08 2.07-.48 2.73-1.28z\"\/><\/svg>\r\n            App Store\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    `, 800);\r\n\r\n    await botReply(`For a new broadband connection let's start by getting to know you better.<br>What is your <strong>Full Name<\/strong>?`, 650);\r\n    step = 2;\r\n  };\r\n\r\n  async function handleInputSubmit() {\r\n    const text = input.value.trim();\r\n    if (!text) return;\r\n    input.value = '';\r\n\r\n    if (step === 1) {\r\n      window.__indinetSelectLang(text);\r\n      return;\r\n    }\r\n    if (step === 2) {\r\n      if (text.length < 2) {\r\n        userReply(text);\r\n        await botReply(\"Please enter your valid Full Name.\");\r\n        return;\r\n      }\r\n      lead.fullName = text;\r\n      userReply(text);\r\n      await botReply(`Nice to meet you, <strong>${text}<\/strong>`, 500);\r\n      await botReply(`To proceed I would need you to enter your <strong>mobile number<\/strong> \ud83d\udcde`, 600);\r\n      step = 3;\r\n      return;\r\n    }\r\n    if (step === 3) {\r\n      const cleanPhone = text.replace(\/[^0-9]\/g, '');\r\n      if (cleanPhone.length < 10) {\r\n        userReply(text);\r\n        await botReply(\"Please enter a valid 10-digit mobile number (e.g. 9876543210).\");\r\n        return;\r\n      }\r\n      lead.phoneNumber = cleanPhone;\r\n      userReply(text);\r\n      await botReply(`Thanks for confirming,<br><br>We will use this phone number as the primary contact number for further communication`, 600);\r\n      await botReply(`To set up the connection, do share your area <strong>PIN CODE<\/strong> with me.`, 600);\r\n      step = 4;\r\n      return;\r\n    }\r\n    if (step === 4) {\r\n      const cleanPin = text.replace(\/[^0-9]\/g, '');\r\n      if (cleanPin.length < 5) {\r\n        userReply(text);\r\n        await botReply(\"Please enter a valid PIN code.\");\r\n        return;\r\n      }\r\n      lead.pincode = cleanPin;\r\n      userReply(text);\r\n      await botReply(`\r\n        Kindly select your location:\r\n        <div class=\"indinet-loc-card\">\r\n          <button class=\"indinet-loc-btn\" onclick=\"window.__indinetShareLocation()\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            Share your location\r\n          <\/button>\r\n        <\/div>\r\n        <p style=\"font-size:0.75rem; color:#64748B; text-align:center; margin-top:5px;\">Or type your area \/ landmark below.<\/p>\r\n      `, 600);\r\n      step = 5;\r\n      return;\r\n    }\r\n    if (step === 5) {\r\n      lead.location = text;\r\n      userReply(text);\r\n      completeIndinetLead();\r\n      return;\r\n    }\r\n    if (step === 6) {\r\n      userReply(text);\r\n      lead.feedbackComment = text;\r\n      finishIndinetChat();\r\n      return;\r\n    }\r\n\r\n    userReply(text);\r\n    await botReply(`Thank you! Our representative will be getting in touch with you shortly. Have a great day! \ud83d\ude0a`, 500);\r\n  }\r\n\r\n  window.__indinetShareLocation = function() {\r\n    if (navigator.geolocation) {\r\n      const t = showTyping();\r\n      navigator.geolocation.getCurrentPosition(\r\n        pos => {\r\n          hideTyping(t);\r\n          lead.location = `GPS: ${pos.coords.latitude.toFixed(4)}, ${pos.coords.longitude.toFixed(4)}`;\r\n          userReply(`\ud83d\udccd Location Shared (${lead.location})`);\r\n          completeIndinetLead();\r\n        },\r\n        err => {\r\n          hideTyping(t);\r\n          lead.location = `Area PIN: ${lead.pincode}`;\r\n          userReply(`Area PIN: ${lead.pincode}`);\r\n          completeIndinetLead();\r\n        }\r\n      );\r\n    } else {\r\n      lead.location = `Area PIN: ${lead.pincode}`;\r\n      userReply(`Area PIN: ${lead.pincode}`);\r\n      completeIndinetLead();\r\n    }\r\n  };\r\n\r\n  \/* =========================================================================\r\n     60-SECOND DUPLICATE LEAD COOLDOWN & INGESTION\r\n     ========================================================================= *\/\r\n  async function completeIndinetLead() {\r\n    const now = Date.now();\r\n    \r\n    \/\/ Cooldown check (60 seconds)\r\n    if (isSubmitting || (lastSubmissionTime && (now - lastSubmissionTime) < (INDINET_CONFIG.cooldownSeconds * 1000))) {\r\n      console.log(\"[Indinet CRM] Submission cooldown active, preventing duplicate.\");\r\n    } else {\r\n      isSubmitting = true;\r\n      lastSubmissionTime = now;\r\n      lead.submittedAt = new Date().toISOString();\r\n      lead.pageUrl = window.location.href;\r\n\r\n      \/\/ Save locally\r\n      if (INDINET_CONFIG.saveToLocalStorage) {\r\n        try {\r\n          let arr = JSON.parse(localStorage.getItem('indinet_captured_leads') || '[]');\r\n          arr.unshift(lead);\r\n          localStorage.setItem('indinet_captured_leads', JSON.stringify(arr));\r\n        } catch(e){}\r\n      }\r\n\r\n      \/\/ Direct CRM dispatch\r\n      await sendToCRM(lead);\r\n      isSubmitting = false;\r\n    }\r\n\r\n    await botReply(`Our sales representative will be getting in touch with you on <strong>${lead.phoneNumber}<\/strong> to take this forward! Your request Id is <strong>${lead.requestId}<\/strong>.`, 800);\r\n\r\n    await botReply(`I am happy to be of assistance to you today.<br><br>Please let me know whether I was able to address your requirement suitably?\r\n      <div class=\"indinet-options\">\r\n        <button class=\"indinet-pill-btn\" onclick=\"window.__indinetFeedbackRate('Yes')\">Yes<\/button>\r\n        <button class=\"indinet-pill-btn\" onclick=\"window.__indinetFeedbackRate('No')\">No<\/button>\r\n      <\/div>\r\n    `, 700);\r\n    step = 6;\r\n  }\r\n\r\n  async function sendToCRM(payload) {\r\n    try {\r\n      const res = await fetch(INDINET_CONFIG.primaryEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(payload)\r\n      });\r\n      if (!res.ok) throw new Error('Primary fallback');\r\n    } catch(err) {\r\n      try {\r\n        await fetch(INDINET_CONFIG.fallbackEndpoint, {\r\n          method: 'POST',\r\n          headers: { 'Content-Type': 'application\/json' },\r\n          body: JSON.stringify(payload)\r\n        });\r\n      } catch(e) {\r\n        console.warn('CRM dispatch error:', e);\r\n      }\r\n    }\r\n\r\n    if (INDINET_CONFIG.webhookUrl) {\r\n      try {\r\n        fetch(INDINET_CONFIG.webhookUrl, {\r\n          method: 'POST',\r\n          headers: { 'Content-Type': 'application\/json' },\r\n          body: JSON.stringify(payload),\r\n          mode: 'no-cors'\r\n        });\r\n      } catch(e){}\r\n    }\r\n  }\r\n\r\n  window.__indinetFeedbackRate = async function(val) {\r\n    lead.feedbackRating = val;\r\n    userReply(val);\r\n    sendToCRM(lead);\r\n\r\n    if (val === 'Yes') {\r\n      await botReply(`\ud83d\ude0a Wow , I am delighted to here that !!!!<br>Please spend a few more seconds and kindly let me know what you liked the most, so that I can do more of it.\r\n        <div class=\"indinet-options\">\r\n          <button class=\"indinet-pill-btn\" onclick=\"window.__indinetSendComment('I was able to assist you promptly')\">I was able to assist you promptly<\/button>\r\n          <button class=\"indinet-pill-btn\" onclick=\"window.__indinetSendComment('Quick and easy process')\">Quick and easy process<\/button>\r\n        <\/div>\r\n      `, 650);\r\n    } else {\r\n      await botReply(`Thank you for taking the time to give me your feedback. Please let us know how we can improve:`, 600);\r\n    }\r\n  };\r\n\r\n  window.__indinetSendComment = function(comm) {\r\n    lead.feedbackComment = comm;\r\n    userReply(comm);\r\n    sendToCRM(lead);\r\n    finishIndinetChat();\r\n  };\r\n\r\n  async function finishIndinetChat() {\r\n    await botReply(`Thanks for taking the time to give me your feedback.<br><br>Every feedback helps me get better. Thank you for contacting <strong>${INDINET_CONFIG.companyName}<\/strong>.<br><br>Have a nice day ahead.`, 700);\r\n    step = 7;\r\n  }\r\n\r\n  function restart() {\r\n    step = 0;\r\n    lead = {\r\n      requestId: Math.floor(1000000 + Math.random() * 9000000).toString(),\r\n      language: \"English\",\r\n      serviceType: \"New Connection\",\r\n      fullName: \"\",\r\n      phoneNumber: \"\",\r\n      pincode: \"\",\r\n      location: \"\",\r\n      feedbackRating: \"\",\r\n      feedbackComment: \"\"\r\n    };\r\n    body.innerHTML = '<div class=\"indinet-date-pill\">Today<\/div>';\r\n    startBot();\r\n  }\r\n\r\n  function openChatWindow() {\r\n    if (teaser) teaser.style.display = 'none';\r\n    win.classList.add('indinet-open');\r\n    \/\/ Only auto-focus on desktop screens to prevent mobile virtual keyboard from popping up and covering buttons\r\n    if (window.innerWidth > 768) {\r\n      setTimeout(() => { input.focus(); }, 120);\r\n    }\r\n  }\r\n\r\n  launcher.addEventListener('click', () => {\r\n    if (win.classList.contains('indinet-open')) {\r\n      win.classList.remove('indinet-open');\r\n    } else {\r\n      openChatWindow();\r\n    }\r\n  });\r\n\r\n  if (teaser) {\r\n    teaser.addEventListener('click', (e) => {\r\n      if (e.target.id === 'indinetTeaserClose') return;\r\n      openChatWindow();\r\n    });\r\n  }\r\n\r\n  if (teaserClose) {\r\n    teaserClose.addEventListener('click', (e) => {\r\n      e.stopPropagation();\r\n      teaser.style.display = 'none';\r\n    });\r\n  }\r\n\r\n  closeBtn.addEventListener('click', () => win.classList.remove('indinet-open'));\r\n  resetBtn.addEventListener('click', restart);\r\n  sendBtn.addEventListener('click', handleInputSubmit);\r\n  input.addEventListener('keydown', e => { if (e.key === 'Enter') handleInputSubmit(); });\r\n\r\n  \/\/ 5-Second Proactive Teaser Bubble Trigger\r\n  setTimeout(() => {\r\n    if (!win.classList.contains('indinet-open') && teaser) {\r\n      teaser.style.display = 'flex';\r\n      playMessageChime(); \/\/ Gentle chime when proactive bubble appears\r\n    }\r\n  }, INDINET_CONFIG.teaserDelayMs);\r\n\r\n  startBot();\r\n})();\r\n<\/script>\r\n\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>\ud83d\udcde Toll-Free: 1800-123-4001 \ud83d\udcde Kolkata Office: 033-40025000 \ud83d\udcac WhatsApp: +91 98361 16900 \u2709\ufe0f Email: indicare@indinet.co.in \ud83d\udccd Corporate Office: MEDIASITI-14th Floor, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/idebojyoti.online\/indinet\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}