{"id":591,"date":"2026-05-18T15:40:20","date_gmt":"2026-05-18T15:40:20","guid":{"rendered":"https:\/\/icncl.tollywoodfocuskolkata.com\/?page_id=591"},"modified":"2026-05-18T16:50:39","modified_gmt":"2026-05-18T16:50:39","slug":"life-icncl","status":"publish","type":"page","link":"https:\/\/testnew.indinet.co.in\/icncl\/life-icncl","title":{"rendered":"Life@ICNCL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"591\" class=\"elementor elementor-591\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba63a55 e-con-full e-flex e-con e-parent\" data-id=\"ba63a55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6c3cc4 elementor-widget elementor-widget-html\" data-id=\"e6c3cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       1. MAIN WRAPPER & CORPORATE HEADER\r\n       ========================================= *\/\r\n    .icncl-gallery-wrapper {\r\n        max-width: 1200px; \r\n        width: 100%;\r\n        margin: 0 auto; \r\n        padding: 20px 0px 40px 0px; \/* Snug top padding to flow with your breadcrumb menu *\/\r\n        font-family: inherit;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* PREMIUM BRANDED CENTERED GALLERY HEADER *\/\r\n    .icncl-header-container {\r\n        margin-bottom: 45px;\r\n        text-align: center; \/* Centered alignment *\/\r\n        max-width: 750px; \r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    .icncl-pre-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #555555;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        margin: 0 0 6px 0;\r\n        display: block;\r\n    }\r\n    .icncl-main-title {\r\n        font-size: 42px; \/* Matches the prominent corporate styling size hierarchy *\/\r\n        font-weight: 800;\r\n        color: #F04E23; \/* Core brand orange pulled directly from your corporate banner *\/\r\n        line-height: 1.15;\r\n        margin: 0 0 20px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .icncl-sub-title {\r\n        font-size: 15px;\r\n        font-weight: 400;\r\n        color: #555555; \/* Neutral body copy tone to mirror the summary block text *\/\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       2. GRID LAYOUT & COVER CARDS\r\n       ========================================= *\/\r\n    .icncl-gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); \r\n        gap: 30px; \r\n    }\r\n\r\n    .icncl-gallery-section {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 8px; \r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); \r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        cursor: pointer;\r\n        background-color: #f9f9f9;\r\n        height: 260px; \r\n    }\r\n\r\n    .icncl-gallery-section:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); \r\n    }\r\n\r\n    \/* Hide all trailing images inside the container *\/\r\n    .icncl-gallery-item {\r\n        display: none;\r\n    }\r\n\r\n    \/* Only display the very first image as the cover *\/\r\n    .icncl-gallery-item:first-of-type {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .icncl-gallery-item img {\r\n        width: 100%;\r\n        height: 100%; \r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .icncl-gallery-section:hover img {\r\n        transform: scale(1.05); \r\n    }\r\n\r\n    \/* =========================================\r\n       3. TEXT OVERLAY ON COVER\r\n       ========================================= *\/\r\n    .icncl-gallery-title {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0;\r\n        padding: 45px 20px 20px 20px;\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        z-index: 2;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0) 100%);\r\n    }\r\n\r\n    \/* =========================================\r\n       4. RESPONSIVE DESIGN\r\n       ========================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .icncl-gallery-wrapper { padding: 20px 15px; }\r\n        .icncl-main-title { font-size: 36px; }\r\n        .icncl-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }\r\n        .icncl-gallery-section { height: 230px; }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .icncl-gallery-wrapper { padding: 20px 10px; } \r\n        .icncl-header-container { margin-bottom: 25px; padding: 0 10px; }\r\n        .icncl-pre-title { font-size: 14px; }\r\n        .icncl-main-title { font-size: 28px; margin-bottom: 12px; }\r\n        .icncl-sub-title { font-size: 14px; }\r\n        .icncl-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 15px; } \r\n        .icncl-gallery-section { height: 200px; border-radius: 6px; }\r\n        .icncl-gallery-title { font-size: 15px; padding: 30px 15px 15px 15px; } \r\n    }\r\n\r\n    \/* =========================================\r\n       5. PROFESSIONAL LIGHTBOX OVERLAY\r\n       ========================================= *\/\r\n    .icncl-lightbox {\r\n        display: flex !important; \r\n        align-items: center;\r\n        justify-content: center;\r\n        position: fixed;\r\n        z-index: 999999;\r\n        left: 0 !important;\r\n        top: 0 !important;\r\n        right: 0 !important;\r\n        bottom: 0 !important;\r\n        margin: auto !important;\r\n        width: 100vw !important;\r\n        height: 100vh !important;\r\n        background-color: rgba(0, 0, 0, 0.90); \r\n        backdrop-filter: blur(10px); \r\n        -webkit-backdrop-filter: blur(10px);\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.3s ease, visibility 0.3s ease;\r\n        touch-action: none; \r\n    }\r\n\r\n    .icncl-lightbox.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .icncl-lightbox-content {\r\n        max-width: 85vw;\r\n        max-height: 85vh;\r\n        width: auto; \r\n        height: auto; \r\n        margin: auto !important; \r\n        display: block;\r\n        border-radius: 4px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.6);\r\n        transform: scale(0.95);\r\n        transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s ease;\r\n        object-fit: contain;\r\n        user-select: none;\r\n        -webkit-user-drag: none;\r\n    }\r\n\r\n    .icncl-lightbox.show .icncl-lightbox-content {\r\n        transform: scale(1); \r\n    }\r\n    \r\n    .icncl-lightbox-content.fade-out {\r\n        opacity: 0.3;\r\n        transform: scale(0.97);\r\n    }\r\n\r\n    .icncl-lightbox-close {\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 40px;\r\n        color: #ffffff;\r\n        font-size: 45px;\r\n        font-weight: 300;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease, transform 0.2s ease;\r\n        z-index: 1000001;\r\n    }\r\n\r\n    .icncl-lightbox-close:hover {\r\n        color: #F04E23; \r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .icncl-nav-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 40px;\r\n        font-family: monospace;\r\n        cursor: pointer;\r\n        padding: 10px 20px;\r\n        user-select: none;\r\n        transition: color 0.2s, background-color 0.2s;\r\n        border-radius: 4px;\r\n        display: block;\r\n    }\r\n    .icncl-nav-btn:hover { color: #F04E23; background: rgba(255,255,255,0.05); }\r\n    .icncl-prev { left: 20px; }\r\n    .icncl-next { right: 20px; }\r\n\r\n    \/* =========================================\r\n       6. MOBILE SPECIFIC OVERRIDES\r\n       ========================================= *\/\r\n    @media (max-width: 767px) {\r\n        .icncl-lightbox-close { \r\n            position: fixed !important;\r\n            top: calc(75px + env(safe-area-inset-top, 0px)) !important; \r\n            right: 20px !important; \r\n            font-size: 28px !important; \r\n            padding: 0 !important;\r\n            background-color: rgba(0, 0, 0, 0.6) !important; \r\n            border-radius: 50% !important;\r\n            width: 44px !important;\r\n            height: 44px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            line-height: 0 !important;\r\n            z-index: 2147483647 !important;\r\n        }\r\n        \r\n        .icncl-lightbox-content { \r\n            max-width: 95vw; \r\n            max-height: 75vh; \r\n            margin: auto !important; \r\n        }\r\n        \r\n        .icncl-nav-btn { display: none; } \r\n    }\r\n<\/style>\r\n\r\n<div class=\"icncl-gallery-wrapper\">\r\n\r\n    <div class=\"icncl-header-container\">\r\n        <span class=\"icncl-pre-title\">Vibrant Culture.<\/span>\r\n        <h1 class=\"icncl-main-title\">Shared Moments.<\/h1>\r\n        <p class=\"icncl-sub-title\">Explore milestones, corporate gatherings, and community achievements that frame our ongoing journey here at ICNCL.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"icncl-gallery-grid\">\r\n        \r\n        <div class=\"icncl-gallery-section\">\r\n            <h2 class=\"icncl-gallery-title\">ICNC Birthday<\/h2>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/BirthDay_1.webp\" alt=\"ICNC Birthday 1\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/BirthDay_2.webp\" alt=\"ICNC Birthday 2\" loading=\"lazy\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"icncl-gallery-section\">\r\n            <h2 class=\"icncl-gallery-title\">RBC Event<\/h2>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/3-scaled.webp\" alt=\"RBC Event 1\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/1.webp\" alt=\"RBC Event 2\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/4-scaled.webp\" alt=\"RBC Event 3\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/2-scaled.webp\" alt=\"RBC Event 4\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"icncl-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/testnew.indinet.co.in\/icncl\/wp-content\/uploads\/2026\/05\/5-scaled.webp\" alt=\"RBC Event 5\" loading=\"lazy\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"icncl-lightbox\" class=\"icncl-lightbox\">\r\n        <span class=\"icncl-lightbox-close\">&times;<\/span>\r\n        <div class=\"icncl-nav-btn icncl-prev\">&lt;<\/div>\r\n        <img decoding=\"async\" class=\"icncl-lightbox-content\" id=\"icncl-lightbox-img\" src=\"\" alt=\"Enlarged view\">\r\n        <div class=\"icncl-nav-btn icncl-next\">&gt;<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const lightbox = document.getElementById('icncl-lightbox');\r\n        const lightboxImg = document.getElementById('icncl-lightbox-img');\r\n        const closeBtn = document.querySelector('.icncl-lightbox-close');\r\n        const prevBtn = document.querySelector('.icncl-prev');\r\n        const nextBtn = document.querySelector('.icncl-next');\r\n        \r\n        let contextImages = [];\r\n        let currentIndex = 0;\r\n\r\n        function updateLightboxImage(index) {\r\n            if (index < 0 || index >= contextImages.length) return;\r\n            currentIndex = index;\r\n            \r\n            lightboxImg.classList.add('fade-out');\r\n            setTimeout(() => {\r\n                lightboxImg.src = contextImages[currentIndex].src;\r\n                lightboxImg.alt = contextImages[currentIndex].alt;\r\n                lightboxImg.classList.remove('fade-out');\r\n            }, 120);\r\n        }\r\n\r\n        document.querySelectorAll('.icncl-gallery-section').forEach((section) => {\r\n            section.addEventListener('click', function(e) {\r\n                contextImages = Array.from(this.querySelectorAll('.icncl-gallery-item img'));\r\n                if (contextImages.length === 0) return;\r\n\r\n                currentIndex = 0; \r\n                lightboxImg.src = contextImages[currentIndex].src;\r\n                lightboxImg.alt = contextImages[currentIndex].alt;\r\n                lightbox.classList.add('show');\r\n            });\r\n        });\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('show');\r\n            setTimeout(() => { lightboxImg.src = ''; }, 300); \r\n        }\r\n\r\n        prevBtn.addEventListener('click', (e) => { e.stopPropagation(); updateLightboxImage(currentIndex - 1); });\r\n        nextBtn.addEventListener('click', (e) => { e.stopPropagation(); updateLightboxImage(currentIndex + 1); });\r\n        closeBtn.addEventListener('click', closeLightbox);\r\n        \r\n        lightbox.addEventListener('click', function(e) {\r\n            if (e.target === lightbox) closeLightbox();\r\n        });\r\n\r\n        document.addEventListener('keydown', function(e) {\r\n            if (!lightbox.classList.contains('show')) return;\r\n            if (e.key === 'Escape') closeLightbox();\r\n            if (e.key === 'ArrowRight' || e.key === 'Right') updateLightboxImage(currentIndex + 1);\r\n            if (e.key === 'ArrowLeft' || e.key === 'Left') updateLightboxImage(currentIndex - 1);\r\n        });\r\n\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        const swipeThreshold = 50;\r\n\r\n        lightbox.addEventListener('touchstart', function(e) {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n        }, { passive: true });\r\n\r\n        lightbox.addEventListener('touchend', function(e) {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            handleSwipeGesture();\r\n        }, { passive: true });\r\n\r\n        function handleSwipeGesture() {\r\n            const difference = touchStartX - touchEndX;\r\n            if (Math.abs(difference) > swipeThreshold) {\r\n                if (difference > 0) {\r\n                    if (currentIndex < contextImages.length - 1) {\r\n                        updateLightboxImage(currentIndex + 1);\r\n                    }\r\n                } else {\r\n                    if (currentIndex > 0) {\r\n                        updateLightboxImage(currentIndex - 1);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    });\r\n<\/script>\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>Vibrant Culture. Shared Moments. Explore milestones, corporate gatherings, and community achievements that frame our ongoing journey here at ICNCL. ICNC [&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-591","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages\/591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/comments?post=591"}],"version-history":[{"count":0,"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/pages\/591\/revisions"}],"wp:attachment":[{"href":"https:\/\/testnew.indinet.co.in\/icncl\/wp-json\/wp\/v2\/media?parent=591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}