{"id":19068,"date":"2025-11-13T07:32:52","date_gmt":"2025-11-13T02:02:52","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=19068"},"modified":"2025-12-29T00:09:05","modified_gmt":"2025-12-28T18:39:05","slug":"network-india","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/network-india\/","title":{"rendered":"India"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19068\" class=\"elementor elementor-19068\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-6069da1 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-section-overflow-visible pxl-bg-color-none pxl-section-overlay-none\" data-id=\"6069da1\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\n                            <div class=\"elementor-background-overlay\"><\/div>\n            \n                <div class=\"elementor-container elementor-column-gap-default \">\n                <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-786e6ee pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"786e6ee\" data-element_type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-4ccdd4b elementor-widget elementor-widget-pxl_image\" data-id=\"4ccdd4b\" data-element_type=\"widget\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-4ccdd4b-6693\" class=\"pxl-image-single  style-default wow skewIn style-hover-style-1\" data-wow-delay=\"300ms\"  >\r\n    <div class=\"pxl-item--inner \" data-wow-delay=\"120ms\">\r\n        \r\n                    <div class=\"pxl-item--image\" data-parallax-value=\"\">\r\n                                <img decoding=\"async\" width=\"172\" height=\"63\" src=\"https:\/\/demo.vleafy.com\/ibc2\/wp-content\/uploads\/2024\/06\/contact-us-img-1.png\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                            <\/div>\r\n            \r\n        <div class=\"btn-image\">\r\n                                                    <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5211dec elementor-widget elementor-widget-pxl_heading\" data-id=\"5211dec\" data-element_type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_heading-5211dec-2485\" class=\"pxl-heading pxl-heading--tcustom\">\n\t<div class=\"pxl-heading--inner\">\n\n\t\t\n\t<h4 class=\"pxl-item--title   pxl-color-custom wow fadeInUp\" data-wow-delay=\"ms\">\n\n\n\tNetwork &#8211; India\t\t\t\n\t<\/h4>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e30cad2 e-flex e-con-boxed e-con e-parent \" data-id=\"e30cad2\" data-element_type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e024d89 elementor-widget elementor-widget-html\" data-id=\"e024d89\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <style>\r\n        .tn-members-section {\r\n            padding: 60px 20px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .tn-members-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n\r\n\r\n        .tn-districts-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .tn-district-card {\r\n            background: linear-gradient(180deg, #8f1f79 0%, #17112b 100%);\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(138, 53, 255, 0.2);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .tn-district-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: rgba(138, 53, 255, 0.5);\r\n            box-shadow: 0 10px 30px rgba(138, 53, 255, 0.3);\r\n        }\r\n\r\n        .tn-district-header {\r\n            padding: 25px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        .tn-district-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 25px;\r\n            right: 25px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #8a35ff, #f2295b, transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .tn-district-card.active .tn-district-header::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .tn-district-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .tn-district-name {\r\n            font-size: 1.4rem;\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .tn-member-count {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 14px;\r\n            background: rgba(138, 53, 255, 0.2);\r\n            border-radius: 20px;\r\n            color: #e9e9e9;\r\n            font-size: 0.95rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tn-member-count::before {\r\n            content: '\ud83d\udc65';\r\n            font-size: 1rem;\r\n            background: linear-gradient(118deg, #8a35ff 0%, #f2295b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tn-expand-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            background: rgba(138, 53, 255, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tn-expand-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            stroke: #8a35ff;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .tn-district-card.active .tn-expand-icon {\r\n            background: linear-gradient(118deg, #8a35ff 0%, #f2295b 100%);\r\n        }\r\n\r\n        .tn-district-card.active .tn-expand-icon svg {\r\n            transform: rotate(180deg);\r\n            stroke: #ffffff;\r\n        }\r\n\r\n        .tn-district-details {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n        }\r\n\r\n        .tn-district-card.active .tn-district-details {\r\n            max-height: 1000px;\r\n            padding: 0 25px 25px 25px;\r\n        }\r\n\r\n        .tn-member-list {\r\n            display: grid;\r\n            gap: 12px;\r\n        }\r\n\r\n        .tn-member-item {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(138, 53, 255, 0.15);\r\n            border-radius: 12px;\r\n            padding: 14px 18px;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .tn-member-item:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-color: rgba(138, 53, 255, 0.3);\r\n        }\r\n\r\n        .tn-member-name {\r\n            color: #ffffff;\r\n            font-size: 1.05rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Responsive breakpoints *\/\r\n        @media (max-width: 480px) {\r\n            .tn-members-section {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .tn-members-title h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .tn-members-title p {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .tn-districts-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .tn-district-header {\r\n                padding: 20px;\r\n            }\r\n\r\n            .tn-district-name {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .tn-member-count {\r\n                font-size: 0.85rem;\r\n                padding: 5px 12px;\r\n            }\r\n\r\n            .tn-expand-icon {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .tn-member-item {\r\n                padding: 12px 15px;\r\n            }\r\n\r\n            .tn-member-name {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 481px) and (max-width: 768px) {\r\n            .tn-members-section {\r\n                padding: 50px 20px;\r\n            }\r\n\r\n            .tn-members-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .tn-districts-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 18px;\r\n            }\r\n\r\n            .tn-district-name {\r\n                font-size: 1.25rem;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 769px) and (max-width: 1024px) {\r\n            .tn-districts-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1025px) and (max-width: 1440px) {\r\n            .tn-districts-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 22px;\r\n            }\r\n\r\n            .tn-members-container {\r\n                max-width: 1100px;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1441px) {\r\n            .tn-members-container {\r\n                max-width: 1400px;\r\n            }\r\n\r\n            .tn-districts-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 25px;\r\n            }\r\n\r\n            .tn-members-title h2 {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        \/* Landscape orientation tablets *\/\r\n        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\r\n            .tn-districts-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Portrait orientation tablets *\/\r\n        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\r\n            .tn-districts-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tn-members-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .tn-districts-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .tn-district-name {\r\n                font-size: 1.2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"tn-members-section\">\r\n        <div class=\"tn-members-container\">\r\n            <div class=\"tn-districts-grid\" id=\"tnDistrictsGrid\">\r\n                <!-- Districts will be populated here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n         \r\n   const districtData = [\r\n    \/\/ States (28)\r\n    { name: \"01. Andhra Pradesh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"02. Arunachal Pradesh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"03. Assam\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"04. Bihar\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"05. Chhattisgarh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"06. Goa\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"07. Gujarat\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"08. Haryana\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"09. Himachal Pradesh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"10. Jharkhand\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"11. Karnataka\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"12. Kerala\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"13. Madhya Pradesh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"14. Maharashtra\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"15. Manipur\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"16. Meghalaya\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"17. Mizoram\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"18. Nagaland\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"19. Odisha\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"20. Punjab\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"21. Rajasthan\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"22. Sikkim\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"23. Tamil Nadu\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"24. Telangana\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"25. Tripura\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"26. Uttar Pradesh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"27. Uttarakhand\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"28. West Bengal\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n\r\n    \/\/ Union Territories (8)\r\n    { name: \"01. Andaman and Nicobar Islands\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"02. Chandigarh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"03. Dadra and Nagar Haveli and Daman and Diu\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"94. New Delhi\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"05. Jammu and Kashmir\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"06. Ladakh\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"07. Lakshadweep\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) },\r\n    { name: \"08. Puducherry\", members: Array.from({length: Math.floor(Math.random() * 3) + 3}, (_, i) => ({name: `Name ${i + 1}`})) }\r\n];\r\n\r\n\r\n\r\n        function getInitials(name) {\r\n            return name.split(' ').map(n => n[0]).join('').toUpperCase();\r\n        }\r\n\r\n        function createDistrictCard(district) {\r\n            const card = document.createElement('div');\r\n            card.className = 'tn-district-card';\r\n            \r\n            const membersHTML = district.members.map(member => `\r\n                <div class=\"tn-member-item\">\r\n                    <div class=\"tn-member-name\">${member.name}<\/div>\r\n                <\/div>\r\n            `).join('');\r\n\r\n            card.innerHTML = `\r\n                <div class=\"tn-district-header\">\r\n                    <div class=\"tn-district-info\">\r\n                        <div class=\"tn-district-name\">${district.name}<\/div>\r\n                        <div class=\"tn-member-count\">${district.members.length} Members<\/div>\r\n                    <\/div>\r\n                    <div class=\"tn-expand-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tn-district-details\">\r\n                    <div class=\"tn-member-list\">\r\n                        ${membersHTML}\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n\r\n            card.querySelector('.tn-district-header').addEventListener('click', () => {\r\n                const wasActive = card.classList.contains('active');\r\n                document.querySelectorAll('.tn-district-card').forEach(c => c.classList.remove('active'));\r\n                if (!wasActive) {\r\n                    card.classList.add('active');\r\n                }\r\n            });\r\n\r\n            return card;\r\n        }\r\n\r\n        function renderDistricts() {\r\n            const grid = document.getElementById('tnDistrictsGrid');\r\n            grid.innerHTML = '';\r\n            \r\n            districtData.forEach(district => {\r\n                grid.appendChild(createDistrictCard(district));\r\n            });\r\n        }\r\n\r\n        renderDistricts();\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Network &#8211; India<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19068","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/19068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/comments?post=19068"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/19068\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=19068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}