{"id":5129,"date":"2025-11-11T05:33:49","date_gmt":"2025-11-11T05:33:49","guid":{"rendered":"https:\/\/staging.growdigitally.consulting\/10x\/?page_id=5129"},"modified":"2026-01-29T08:46:42","modified_gmt":"2026-01-29T08:46:42","slug":"leadership","status":"publish","type":"page","link":"https:\/\/staging.growdigitally.consulting\/10x\/bangalore\/leadership\/","title":{"rendered":"Leadership Bangalore"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Leadership<\/h1>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

10X International School is the result of visionary leadership committed to reimagining education \u2014 empowering students with the skills, values, and mindset to lead in an unpredictable future<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Trustees<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Guided By Experience and a shared passion for Education, Our Leaders shape the School 10X Philosophy<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sushil Mantri<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Chairman, Indus Trust<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Sushil Mantri, chairman of Mantri Developers, is a real estate innovator and Harvard Business School alumnus. He played a key role in shaping Karnataka’s real estate policies and is known for his financial acumen and strategic vision. Passionate about education, he advocates for long-term investment in building strong institutions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
Sushil Mantri<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Shivaram Malavalli<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Trustee<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Shivaram Malavalli is a pioneer in fostering entrepreneurship and building technology ecosystems in India. He has led initiatives to support tech start-ups, developed incubators, and contributed to ICT and telecommunications in education. As a leader in various engineering and business organizations, he continues to shape small enterprises and global collaborations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
Shivaram Malavalli<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dr. Kumar Malavalli<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Trustee<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Dr. Kumar Malavalli is a Silicon Valley entrepreneur and co-founder of Brocade Communications, a pioneer in the storage networking industry. He has built a multi-billion-dollar enterprise and has been recognized for his contributions to technology and education. His mission is to provide socially relevant education, integrating leadership and entrepreneurship with technology.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
Dr. Kumar Malavalli<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

H.B. Jairaj<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Trustee<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

H. B. Jairaj is the Chairman of HRB Group of companies, with a background in finance from Case Western Reserve University, USA. He has successfully led ventures in real estate, hospitality, and healthcare while mentoring aspiring entrepreneurs. Known for his strategic insight and deep understanding of global education trends, he actively contributes to prestigious associations like the Karnataka State Cricket Association and the Indian Red Cross Society.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
H.B. Jairaj<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t<\/rect><\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t<\/rect><\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Profile Carousel<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .carousel-wrapper {\r\n width: 100%;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .carousel-container {\r\n display: flex;\r\n gap: 24px;\r\n align-items: flex-start;\r\n width: 100%;\r\n }\r\n\r\n .content-section {\r\n width: 548px;\r\n padding-right: 48px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 48px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 13px;\r\n }\r\n\r\n .name {\r\n color: #000;\r\n font-size: 32px;\r\n font-weight: 500;\r\n }\r\n\r\n .title {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 500;\r\n }\r\n\r\n .description {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 400;\r\n opacity: 0;\r\n animation: fadeIn 0.5s ease-in forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .images-section {\r\n display: flex;\r\n flex-shrink: 0;\r\n position: relative;\r\n width: calc(358px + 24px + 179px); \/* active card + gap + half of next card *\/\r\n overflow: hidden;\r\n }\r\n\r\n .image-card {\r\n padding: 24px;\r\n border-radius: 32px;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .image-card.active {\r\n width: 350px;\r\n outline: 1px solid rgba(255, 255, 255, 0.25);\r\n outline-offset: -1px;\r\n }\r\n\r\n .image-card.next {\r\n width: 358px;\r\n outline: none;\r\n opacity: 1;\r\n position: relative;\r\n }\r\n\r\n .image-wrapper {\r\n width: 310px;\r\n height: 310px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n margin-bottom: 27px;\r\n }\r\n\r\n .image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n \/* Remove all grayscale\/brightness filters - keep images in full color *\/\r\n .image-card .image-wrapper img {\r\n filter: none;\r\n }\r\n\r\n .card-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .image-card.active .card-info {\r\n opacity: 1;\r\n }\r\n\r\n .card-name {\r\n color: #000;\r\n font-family: \"Avenir Next LT Pro\";\r\n font-size: 24px;\r\n font-style: normal;\r\n font-weight: 400;\r\n }\r\n\r\n .card-title {\r\n color: #000;\r\n font-family: \"Avenir Next LT Pro\";\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n }\r\n\r\n .navigation-dots {\r\n display: flex;\r\n gap: 12px;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 40px;\r\n }\r\n\r\n .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.40);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dot.active {\r\n background: #FFF;\r\n width: 10px;\r\n height: 10px;\r\n }\r\n\r\n \/* Tablet view - NO WRAP, same layout as desktop, just smaller *\/\r\n @media (max-width: 1024px) {\r\n .carousel-wrapper {\r\n max-width: 100%;\r\n padding: 0 20px;\r\n }\r\n\r\n .carousel-container {\r\n gap: 16px;\r\n flex-wrap: nowrap; \/* Force no wrap *\/\r\n }\r\n\r\n .content-section {\r\n width: 340px;\r\n padding-right: 24px;\r\n gap: 32px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .name {\r\n font-size: 24px;\r\n }\r\n\r\n .title {\r\n font-size: 16px;\r\n }\r\n\r\n .description {\r\n font-size: 18px;\r\n }\r\n\r\n .images-section {\r\n width: calc(240px + 16px + 120px); \/* active card + gap + half of next card *\/\r\n gap: 16px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .image-card {\r\n padding: 16px;\r\n border-radius: 24px;\r\n }\r\n\r\n .image-card.active {\r\n width: 240px;\r\n }\r\n\r\n .image-card.next {\r\n width: 240px;\r\n }\r\n\r\n .image-wrapper {\r\n width: 208px;\r\n height: 208px;\r\n margin-bottom: 16px;\r\n border-radius: 12px;\r\n }\r\n\r\n .card-name {\r\n font-size: 16px;\r\n }\r\n\r\n .card-title {\r\n font-size: 12px;\r\n }\r\n\r\n .navigation-dots {\r\n margin-top: 32px;\r\n gap: 10px;\r\n }\r\n\r\n .dot {\r\n width: 6px;\r\n height: 6px;\r\n }\r\n\r\n .dot.active {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"carousel-wrapper\">\r\n <div class=\"carousel-container\">\r\n <div class=\"content-section\">\r\n <div class=\"header\">\r\n <h3 class=\"name\" id=\"profileName\">H.B. dummy<\/h3>\r\n <p class=\"title\" id=\"profileTitle\">Trustee<\/p>\r\n <\/div>\r\n <p class=\"description\" id=\"profileDescription\">\r\n H. B. Jairaj is the Chairman of HRB Group of companies, with a background in finance from Case Western Reserve University, USA. He has successfully led ventures in real estate, hospitality, and healthcare while mentoring aspiring entrepreneurs. Known for his strategic insight and deep understanding of global education trends, he actively contributes to prestigious associations like the Karnataka State Cricket Association and the Indian Red Cross Society.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"images-section\">\r\n <div class=\"image-card active\" id=\"activeCard\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/H.B.-Jairaj.jpg\" alt=\"Profile\" id=\"activeImage\">\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-name\" id=\"activeCardName\">H.B. Jairaj<\/div>\r\n <div class=\"card-title\" id=\"activeCardTitle\">Trustee<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-card next\" id=\"nextCard\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Kumar-Malavalli.jpg\" alt=\"Next Profile\" id=\"nextImage\">\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-name\">Dr. Kumar Malavalli<\/div>\r\n <div class=\"card-title\">Trustee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"navigation-dots\" id=\"navDots\">\r\n <!-- Dots will be generated dynamically -->\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const profiles = [\r\n {\r\n name: \"H.B. Jairaj\",\r\n title: \"Trustee\",\r\n description: \"H. B. Jairaj is the Chairman of HRB Group of companies, with a background in finance from Case Western Reserve University, USA. He has successfully led ventures in real estate, hospitality, and healthcare while mentoring aspiring entrepreneurs. Known for his strategic insight and deep understanding of global education trends, he actively contributes to prestigious associations like the Karnataka State Cricket Association and the Indian Red Cross Society.\",\r\n image: \"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/H.B.-Jairaj.jpg\"\r\n },\r\n {\r\n name: \"Dr. Kumar Malavalli\",\r\n title: \"Trustee\",\r\n description: \"Dr. Kumar Malavalli is a Silicon Valley entrepreneur and co-founder of Brocade Communications, a pioneer in the storage networking industry. He has built a multi-billion-dollar enterprise and has been recognized for his contributions to technology and education. His mission is to provide socially relevant education, integrating leadership and entrepreneurship with technology.\",\r\n image: \"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Kumar-Malavalli.jpg\"\r\n },\r\n {\r\n name: \"Shivaram Malavalli\",\r\n title: \"Trustee\",\r\n description: \"Shivaram Malavalli is a pioneer in fostering entrepreneurship and building technology ecosystems in India. He has led initiatives to support tech start-ups, developed incubators, and contributed to ICT and telecommunications in education. As a leader in various engineering and business organizations, he continues to shape small enterprises and global collaborations.\",\r\n image: \"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Shivaram-Malavalli.jpg\"\r\n },\r\n {\r\n name: \"Sushil Mantri\",\r\n title: \"Trustee\",\r\n description: \"Sushil Mantri, chairman of Mantri Developers, is a real estate innovator and Harvard Business School alumnus. He played a key role in shaping Karnataka's real estate policies and is known for his financial acumen and strategic vision. Passionate about education, he advocates for long-term investment in building strong institutions.\",\r\n image: \"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Sushil-Mantri.jpg\"\r\n },\r\n \r\n ];\r\n\r\n const navDots = document.getElementById('navDots');\r\n const profileName = document.getElementById('profileName');\r\n const profileTitle = document.getElementById('profileTitle');\r\n const profileDescription = document.getElementById('profileDescription');\r\n const activeCard = document.getElementById('activeCard');\r\n const nextCard = document.getElementById('nextCard');\r\n const activeImage = document.getElementById('activeImage');\r\n const nextImage = document.getElementById('nextImage');\r\n const activeCardName = document.getElementById('activeCardName');\r\n const activeCardTitle = document.getElementById('activeCardTitle');\r\n\r\n let currentIndex = 0;\r\n const maxDots = 5;\r\n\r\n function getNextIndex(current) {\r\n return (current + 1) % profiles.length;\r\n }\r\n\r\n function getStartIndex(currentReal) {\r\n if (profiles.length <= maxDots) {\r\n return 0;\r\n }\r\n \r\n let start = currentReal - Math.floor(maxDots \/ 2);\r\n \r\n if (start < 0) {\r\n start = 0;\r\n } else if (start + maxDots > profiles.length) {\r\n start = profiles.length - maxDots;\r\n }\r\n \r\n return start;\r\n }\r\n\r\n function createDots() {\r\n navDots.innerHTML = '';\r\n const dotsToShow = Math.min(maxDots, profiles.length);\r\n\r\n for (let i = 0; i < dotsToShow; i++) {\r\n const dot = document.createElement('span');\r\n dot.classList.add('dot');\r\n dot.dataset.dotIndex = i;\r\n \r\n dot.addEventListener('click', () => {\r\n const startIndex = getStartIndex(currentIndex);\r\n const targetIndex = startIndex + i;\r\n updateCarousel(targetIndex);\r\n });\r\n \r\n navDots.appendChild(dot);\r\n }\r\n }\r\n\r\n function updateDots() {\r\n const startIndex = getStartIndex(currentIndex);\r\n const dots = navDots.querySelectorAll('.dot');\r\n \r\n dots.forEach((dot, i) => {\r\n const dotRealIndex = startIndex + i;\r\n dot.classList.toggle('active', dotRealIndex === currentIndex);\r\n });\r\n }\r\n\r\n function updateCarousel(index) {\r\n currentIndex = index;\r\n const nextIndex = getNextIndex(index);\r\n\r\n \/\/ Update dots\r\n updateDots();\r\n\r\n \/\/ Update images\r\n activeImage.src = profiles[index].image;\r\n nextImage.src = profiles[nextIndex].image;\r\n\r\n \/\/ Update active card info\r\n activeCardName.textContent = profiles[index].name;\r\n activeCardTitle.textContent = profiles[index].title;\r\n\r\n \/\/ Update content with fade effect\r\n profileDescription.style.animation = 'none';\r\n setTimeout(() => {\r\n profileName.textContent = profiles[index].name;\r\n profileTitle.textContent = profiles[index].title;\r\n profileDescription.textContent = profiles[index].description;\r\n profileDescription.style.animation = 'fadeIn 0.5s ease-in forwards';\r\n }, 50);\r\n }\r\n\r\n \/\/ Next card click handler\r\n nextCard.addEventListener('click', () => {\r\n const nextIndex = getNextIndex(currentIndex);\r\n updateCarousel(nextIndex);\r\n });\r\n\r\n \/\/ Initialize\r\n createDots();\r\n updateCarousel(0);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1ed021 elementor-hidden-desktop elementor-widget-mobile__width-inherit elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"5c1ed021\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.leadership-section-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.leadership-section-wrapper .leadership-section {\r\n padding: 0px 16px;\r\n overflow: hidden;\r\n}\r\n\r\n.leadership-section-wrapper .leadership-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n}\r\n\r\n.leadership-section-wrapper .leadership-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n align-items: center;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .leadership-section-wrapper .leadership-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n }\r\n}\r\n\r\n.leadership-section-wrapper .leadership-info {\r\n padding-right: 20px;\r\n}\r\n\r\n.leadership-section-wrapper .leadership-header {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-name {\r\n color: #000;\r\n font-size: 26px;\r\n font-weight: 400;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-title {\r\n color: #000;\r\n font-size: 18px;\r\n font-weight: 400;\r\n}\r\n\r\n.leadership-section-wrapper .leader-bio {\r\n color: #000;\r\n font-size: 18px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 20px 0;\r\n touch-action: pan-y;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-track {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n height: 380px;\r\n overflow: visible;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-item {\r\n position: absolute;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-item.active {\r\n transform: translateX(0);\r\n opacity: 1;\r\n z-index: 20;\r\n cursor: default;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-item.left {\r\n transform: translateX(calc(-100% - 16px));\r\n opacity: 1;\r\n z-index: 20;\r\n pointer-events: auto;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-item.right {\r\n transform: translateX(calc(100% + 16px));\r\n opacity: 1;\r\n z-index: 20;\r\n pointer-events: auto;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-item.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.leadership-section-wrapper .leader-card {\r\n border-radius: 24px;\r\n border: 1px solid rgba(255,255,255,0.25);\r\n background-color: rgb(18,18,18);\r\n overflow: hidden;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.leadership-section-wrapper .leader-image {\r\n width: 240px;\r\n height: 228px;\r\n object-fit: cover;\r\n display: block;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-user-drag: none;\r\n -khtml-user-drag: none;\r\n -moz-user-drag: none;\r\n -o-user-drag: none;\r\n pointer-events: none;\r\n}\r\n\r\n.leadership-section-wrapper .leader-card-info {\r\n padding: 16px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-card-name {\r\n color: #FFF;\r\n font-size: 16px;\r\n font-weight: 400;\r\n letter-spacing: -0.96px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-card-title {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 14px;\r\n letter-spacing: -0.84px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-carousel-spacer {\r\n width: 240px;\r\n height: 340px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 32px;\r\n}\r\n\r\n.leadership-section-wrapper .leader-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background-color: rgba(255,255,255,0.25);\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.leadership-section-wrapper .leader-dot:hover {\r\n background-color: rgba(255,255,255,0.5);\r\n}\r\n\r\n.leadership-section-wrapper .leader-dot.active {\r\n width: 24px;\r\n border-radius: 4px;\r\n background-color: #FFF;\r\n}\r\n\r\n\/* Mobile and Tablet *\/\r\n@media (max-width: 1023px) {\r\n .leadership-section-wrapper .leader-carousel-item.left {\r\n transform: translateX(calc(-100% - 16px));\r\n opacity: 1;\r\n pointer-events: auto;\r\n z-index: 20;\r\n }\r\n\r\n .leadership-section-wrapper .leader-carousel-item.right {\r\n transform: translateX(calc(100% + 16px));\r\n opacity: 1;\r\n pointer-events: auto;\r\n z-index: 20;\r\n }\r\n}\r\n<\/style>\r\n\r\n<!-- Leadership Section -->\r\n<section class=\"leadership-section-wrapper\">\r\n <div class=\"leadership-section\">\r\n <div class=\"leadership-container\">\r\n <div class=\"leadership-grid\">\r\n <!-- Left Content -->\r\n <div class=\"leadership-info\">\r\n <div class=\"leadership-header\">\r\n <span class=\"leader-name\" id=\"leaderName\">Dr. Kumar Malavalli<\/span>\r\n <p class=\"leader-title\" id=\"leaderTitle\">Trustee<\/p>\r\n <\/div>\r\n <p class=\"leader-bio\" id=\"leaderBio\">\r\n Dr. Kumar Malavalli is an entrepreneur, renowned philanthropist and a visionary in the field of storage networks...\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Right Carousel -->\r\n <div class=\"leader-carousel-wrapper\" id=\"leaderCarouselWrapper\">\r\n <div class=\"leader-carousel-track\" id=\"leaderCarouselTrack\"><\/div>\r\n <div class=\"leader-dots\" id=\"leaderDotsContainer\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n const leadershipData = [\r\n {name:\"H.B. Jairaj\",title:\"Trustee\",bio:\"H. B. Jairaj is the Chairman of HRB Group of companies, with a background in finance from Case Western Reserve University, USA. He has successfully led ventures in real estate, hospitality, and healthcare while mentoring aspiring entrepreneurs. Known for his strategic insight and deep understanding of global education trends, he actively contributes to prestigious associations like the Karnataka State Cricket Association and the Indian Red Cross Society.\",image:\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/H.B.-Jairaj.jpg\"},\r\n {name:\"Dr. Kumar Malavalli\",title:\"Trustee\",bio:\"Dr. Kumar Malavalli is a Silicon Valley entrepreneur and co-founder of Brocade Communications, a pioneer in the storage networking industry. He has built a multi-billion-dollar enterprise and has been recognized for his contributions to technology and education. His mission is to provide socially relevant education, integrating leadership and entrepreneurship with technology.\",image:\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Kumar-Malavalli.jpg\"},\r\n {name:\"Shivaram Malavalli\",title:\"Trustee\",bio:\"Shivaram Malavalli is a pioneer in fostering entrepreneurship and building technology ecosystems in India. He has led initiatives to support tech start-ups, developed incubators, and contributed to ICT and telecommunications in education. As a leader in various engineering and business organizations, he continues to shape small enterprises and global collaborations.\",image:\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Shivaram-Malavalli.jpg\"},\r\n {name:\"Sushil Mantri\",title:\"Trustee\",bio:\"Sushil Mantri, chairman of Mantri Developers, is a real estate innovator and Harvard Business School alumnus. He played a key role in shaping Karnataka's real estate policies and is known for his financial acumen and strategic vision. Passionate about education, he advocates for long-term investment in building strong institutions.\",image:\"https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Sushil-Mantri.jpg\"},\r\n ];\r\n\r\n let leadershipActiveIndex = 0;\r\n let leaderTouchStartX = 0;\r\n let leaderTouchEndX = 0;\r\n const leaderMaxDots = 5;\r\n\r\n function getLeaderStartIndex(currentReal) {\r\n if (leadershipData.length <= leaderMaxDots) {\r\n return 0;\r\n }\r\n \r\n let start = currentReal - Math.floor(leaderMaxDots \/ 2);\r\n \r\n if (start < 0) {\r\n start = 0;\r\n } else if (start + leaderMaxDots > leadershipData.length) {\r\n start = leadershipData.length - leaderMaxDots;\r\n }\r\n \r\n return start;\r\n }\r\n\r\n function initLeadershipCarousel() {\r\n const track = document.querySelector('.leadership-section-wrapper #leaderCarouselTrack');\r\n const dotsContainer = document.querySelector('.leadership-section-wrapper #leaderDotsContainer');\r\n const wrapper = document.querySelector('.leadership-section-wrapper #leaderCarouselWrapper');\r\n \r\n if (!track || !dotsContainer || !wrapper) return;\r\n \r\n track.innerHTML = '';\r\n dotsContainer.innerHTML = '';\r\n\r\n leadershipData.forEach((leader,index)=>{\r\n const item = document.createElement('div');\r\n item.className='leader-carousel-item';\r\n item.innerHTML = `<div class=\"leader-card\">\r\n <img decoding=\"async\" src=\"${leader.image}\" class=\"leader-image\" alt=\"${leader.name}\" draggable=\"false\">\r\n <div class=\"leader-card-info\">\r\n <span class=\"leader-card-name\">${leader.name}<\/span>\r\n <p class=\"leader-card-title\">${leader.title}<\/p>\r\n <\/div>\r\n <\/div>`;\r\n item.addEventListener('click',()=>{ setLeadershipSlide(index) });\r\n track.appendChild(item);\r\n });\r\n\r\n const spacer = document.createElement('div');\r\n spacer.className='leader-carousel-spacer';\r\n track.appendChild(spacer);\r\n\r\n \/\/ Create dots with max 5 limit\r\n const dotsToShow = Math.min(leaderMaxDots, leadershipData.length);\r\n for (let i = 0; i < dotsToShow; i++) {\r\n const dot = document.createElement('button');\r\n dot.className='leader-dot';\r\n dot.dataset.leaderDotIndex = i;\r\n dot.setAttribute('aria-label', `Go to slide ${i+1}`);\r\n dot.addEventListener('click',() => {\r\n const startIndex = getLeaderStartIndex(leadershipActiveIndex);\r\n const targetIndex = startIndex + i;\r\n setLeadershipSlide(targetIndex);\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n\r\n \/\/ Add touch event listeners for swipe\r\n wrapper.addEventListener('touchstart', handleLeaderTouchStart, {passive: true});\r\n wrapper.addEventListener('touchend', handleLeaderTouchEnd, {passive: true});\r\n\r\n updateLeadershipCarousel();\r\n }\r\n\r\n function handleLeaderTouchStart(e) {\r\n leaderTouchStartX = e.changedTouches[0].screenX;\r\n }\r\n\r\n function handleLeaderTouchEnd(e) {\r\n leaderTouchEndX = e.changedTouches[0].screenX;\r\n handleLeaderSwipe();\r\n }\r\n\r\n function handleLeaderSwipe() {\r\n const swipeThreshold = 50;\r\n const diff = leaderTouchStartX - leaderTouchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) {\r\n setLeadershipSlide((leadershipActiveIndex + 1) % leadershipData.length);\r\n } else {\r\n setLeadershipSlide((leadershipActiveIndex - 1 + leadershipData.length) % leadershipData.length);\r\n }\r\n }\r\n }\r\n\r\n function updateLeadershipCarousel() {\r\n const items = document.querySelectorAll('.leadership-section-wrapper .leader-carousel-item');\r\n const dots = document.querySelectorAll('.leadership-section-wrapper .leader-dot');\r\n\r\n items.forEach((item,i)=>{\r\n item.classList.remove('active','left','right','hidden');\r\n if(i===leadershipActiveIndex) item.classList.add('active');\r\n else if(i===(leadershipActiveIndex-1+leadershipData.length)%leadershipData.length) item.classList.add('left');\r\n else if(i===(leadershipActiveIndex+1)%leadershipData.length) item.classList.add('right');\r\n else item.classList.add('hidden');\r\n });\r\n\r\n \/\/ Update dots with dynamic range\r\n const startIndex = getLeaderStartIndex(leadershipActiveIndex);\r\n dots.forEach((dot, i) => {\r\n const dotRealIndex = startIndex + i;\r\n if (dotRealIndex === leadershipActiveIndex) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n\r\n const activeLeader = leadershipData[leadershipActiveIndex];\r\n const nameEl = document.getElementById('leaderName');\r\n const titleEl = document.getElementById('leaderTitle');\r\n const bioEl = document.getElementById('leaderBio');\r\n \r\n if (nameEl) nameEl.textContent = activeLeader.name;\r\n if (titleEl) titleEl.textContent = activeLeader.title;\r\n if (bioEl) bioEl.textContent = activeLeader.bio;\r\n }\r\n\r\n function setLeadershipSlide(i){ \r\n leadershipActiveIndex = i; \r\n updateLeadershipCarousel(); \r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initLeadershipCarousel);\r\n } else {\r\n initLeadershipCarousel();\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-74c93952 e-flex e-con-boxed e-con e-parent\" data-id=\"74c93952\" 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-16ac21d5 elementor-widget elementor-widget-heading\" data-id=\"16ac21d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Leadership<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53f3489d elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"53f3489d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>At 10X International School, we integrate human potential with the power of technology to create purposeful learning experiences. By leveraging tools like Virtual Reality, Blockchain, and Drones,<br \/>we empower students to become self-driven, lifelong learners.<br \/>Through experiential learning and Design Thinking, they evolve into creative and critical thinkers.<br \/>In our STEAM lab, hands-on exploration turns ideas into real-world solutions, while our educators nurture essential values\u2014ethics, resilience, emotional intelligence, and the joy of learning.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ef560b e-con-full ltgradient elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"8ef560b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-4d5d4ee e-flex e-con-boxed e-con e-child\" data-id=\"4d5d4ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dc197f e-con-full g e-flex e-con e-child\" data-id=\"5dc197f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-357efd0 elementor-widget elementor-widget-heading\" data-id=\"357efd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Lt. Gen Arjun Ray PVSM, VSM (Retd.)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a0bd22 elementor-widget elementor-widget-heading\" data-id=\"7a0bd22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">CEO & MD, Indus Trust<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44bd581 elementor-widget elementor-widget-text-editor\" data-id=\"44bd581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Lt. General Arjun Ray, PVSM, VSM (Retd.), is a distinguished soldier-scholar of the Indian Army with vast experience in defence, conflict management, and social transformation. Deeply committed to nation-building and education, he serves as the CEO and MD of the Indus Trust, where he provides visionary leadership and strategic direction to all Indus International Schools and institutions. Under his stewardship, Indus has emerged as a leading group of K-12 institutions in India.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2301474 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"2301474\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"d3f3592"},{"slide_title":"Slide #1","_id":"3269780"},{"slide_title":"Slide #1","_id":"e233532"}],"slides_to_show":"1","slides_to_show_tablet":"1","slides_to_scroll":"1","slides_to_show_mobile":"1","autoplay":"yes","autoplay_speed":5000,"pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"offset_sides":"none","arrows":"yes","pagination":"bullets","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a343536 e-flex e-con-boxed e-con e-child\" data-id=\"a343536\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c9b17b0 e-con-full e-flex e-con e-child\" data-id=\"c9b17b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-00a3796 e-flex e-con-boxed e-con e-child\" data-id=\"00a3796\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83c86a3 e-con-full g e-flex e-con e-child\" data-id=\"83c86a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f45a0 elementor-widget elementor-widget-heading\" data-id=\"18f45a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Lt. Gen Arjun Ray PVSM, VSM (Retd.)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96aebe1 elementor-widget elementor-widget-heading\" data-id=\"96aebe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">CEO & MD, Indus Trust<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2321235 elementor-widget elementor-widget-text-editor\" data-id=\"2321235\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Lt. General Arjun Ray, PVSM, VSM (Retd.), is a distinguished soldier-scholar of the Indian Army with vast experience in defence, conflict management, and social transformation. Deeply committed to nation-building and education, he serves as the CEO and MD of the Indus Trust, where he provides visionary leadership and strategic direction to all Indus International Schools and institutions. Under his stewardship, Indus has emerged as a leading group of K-12 institutions in India.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e50c1f e-flex e-con-boxed e-con e-child\" data-id=\"2e50c1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b05986f e-con-full e-flex e-con e-child\" data-id=\"b05986f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-162b031 e-flex e-con-boxed e-con e-child\" data-id=\"162b031\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5891c1e e-con-full g e-flex e-con e-child\" data-id=\"5891c1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bee8cab elementor-widget elementor-widget-heading\" data-id=\"bee8cab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Dr Sarojini Rao<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e311f7 elementor-widget elementor-widget-heading\" data-id=\"5e311f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Deputy CEO, Indus Trust\n<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b1d559 elementor-widget elementor-widget-text-editor\" data-id=\"2b1d559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dr. Sarojini Rao is an accomplished educational leader who has a profound impact on the academic landscape. Under Dr. Rao\u2019s visionary leadership, Indus International School Bangalore has achieved unparalleled success, including being ranked the premier international school in India for thirteen consecutive years. <\/span><span style=\"font-weight: 400;\">Dr. Rao has spearheaded numerous groundbreaking initiatives that have redefined the educational paradigm. Notably, she has been the driving force behind the Collaborative Learning Model, a paradigm-shifting initiative that forms the cornerstone of education at The Indus Trust.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a0c4ec e-flex e-con-boxed e-con e-child\" data-id=\"0a0c4ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8da9a41 e-con-full e-flex e-con e-child\" data-id=\"8da9a41\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-0275d50 e-flex e-con-boxed e-con e-child\" data-id=\"0275d50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb6057d e-con-full g e-flex e-con e-child\" data-id=\"bb6057d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcaa022 elementor-widget elementor-widget-heading\" data-id=\"fcaa022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Dr. Chirag Jhala<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48b2b41 elementor-widget elementor-widget-heading\" data-id=\"48b2b41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Director<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f74f288 elementor-widget elementor-widget-text-editor\" data-id=\"f74f288\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dr. Chirag Jhala, Director of 10X International School Bangalore, is a distinguished educational leader with a PhD in Physics from Germany and an MEd from India. He merges research expertise with a passion for reimagining education through the transformative 10X Concept, emphasizing Life Entrepreneurship, STEAM-H integration, and purpose-driven learning. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\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-fe62466 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"fe62466\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27db4573 elementor-widget elementor-widget-heading\" data-id=\"27db4573\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Faculty<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233e6fbd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"233e6fbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our educators at 10X are mentors, innovators, and lifelong learners themselves.<br \/>They nurture each student\u2019s potential through personalized guidance and meaningful engagement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-481703d elementor-widget elementor-widget-html\" data-id=\"481703d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ELEMENTOR HTML WIDGET CODE - FINAL VERSION -->\r\n<!-- Paste this code into an Elementor HTML widget -->\r\n\r\n<div class=\"tc-container\">\r\n <div class=\"tc-wrapper\" id=\"tcWrapper\">\r\n <div class=\"tc-track\" id=\"tcTrack\">\r\n <!-- Loading indicator -->\r\n <div class=\"tc-loading\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Navigation Dots -->\r\n <div class=\"tc-dots\" id=\"tcDots\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Team Carousel - Single Card Centered *\/\r\n.tc-container {\r\n max-width: 100%;\r\n width: 100%;\r\n position: relative;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n background: #f5f5f5;\r\n padding: 20px 0;\r\n}\r\n\r\n.tc-loading {\r\n text-align: center;\r\n padding: 100px 20px;\r\n font-size: 18px;\r\n color: #333;\r\n}\r\n\r\n.tc-wrapper {\r\n overflow: hidden;\r\n position: relative;\r\n cursor: grab;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 380px;\r\n min-height: 380px;\r\n}\r\n\r\n.tc-wrapper:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.tc-wrapper.dragging {\r\n cursor: grabbing;\r\n}\r\n\r\n.tc-track {\r\n display: flex;\r\n transition: transform 0.6s ease-in-out;\r\n gap: 30px;\r\n will-change: transform;\r\n position: absolute;\r\n left: 50%;\r\n}\r\n\r\n.tc-track.no-transition {\r\n transition: none;\r\n}\r\n\r\n.tc-item {\r\n flex: 0 0 358px;\r\n height: 380px;\r\n position: relative;\r\n user-select: none;\r\n}\r\n\r\n\/* Card Styles *\/\r\n.tc-card {\r\n width: 358px;\r\n height: 380px;\r\n position: relative;\r\n cursor: pointer;\r\n border-radius: 40px;\r\n overflow: hidden;\r\n pointer-events: auto;\r\n background: #fff;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Front Side *\/\r\n.tc-front {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n transition: opacity 0.5s ease;\r\n z-index: 1;\r\n background: #e0e0e0;\r\n}\r\n\r\n.tc-card:hover .tc-front {\r\n opacity: 0;\r\n}\r\n\r\n.tc-front img {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n object-fit: cover;\r\n object-position: top center;\r\n pointer-events: none;\r\n border-radius: 40px;\r\n}\r\n\r\n.tc-front img.loading {\r\n opacity: 0;\r\n}\r\n\r\n.tc-front img.loaded {\r\n opacity: 1;\r\n transition: opacity 0.3s ease;\r\n}\r\n\r\n.tc-content {\r\n width: 358px;\r\n padding: 140px 24px 24px 24px;\r\n position: absolute;\r\n left: 0;\r\n top: 162px;\r\n background: linear-gradient(5deg, rgba(8, 8, 8, 0.30) 0%, rgba(8, 8, 8, 0) 91%);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.tc-name {\r\n color: #FFF;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\r\n font-size: 28px;\r\n font-weight: 400;\r\n line-height: 100%;\r\n letter-spacing: -1.68px;\r\n}\r\n\r\n.tc-position {\r\n color: #fff;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\r\n font-size: 18px;\r\n font-weight: 400;\r\n line-height: 100%;\r\n letter-spacing: -1.08px;\r\n}\r\n\r\n\/* Back Side *\/\r\n.tc-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 40px;\r\n background: linear-gradient(133deg, #3A3939 2.45%, #080808 97.61%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n padding: 56px 24px;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n z-index: 0;\r\n}\r\n\r\n.tc-card:hover .tc-back {\r\n opacity: 1;\r\n z-index: 2;\r\n}\r\n\r\n.tc-back-header {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.tc-back-name {\r\n color: #FFF;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 100%;\r\n letter-spacing: -1.68px;\r\n}\r\n\r\n.tc-back-position {\r\n color: #fff;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\r\n font-size: 20px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 100%;\r\n letter-spacing: -1.08px;\r\n}\r\n\r\n.tc-back-desc {\r\n color: #fff;\r\n font-feature-settings: 'liga' off, 'clig' off;\r\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\r\n font-size: 18px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 140%;\r\n margin-top: 32px;\r\n width: 100%;\r\n}\r\n\r\n\/* Navigation Dots *\/\r\n.tc-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 40px;\r\n width: 100%;\r\n}\r\n\r\n.tc-dots .tc-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(0, 0, 0, 0.2);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.tc-dots .tc-dot.active {\r\n background: #080808;\r\n width: 32px;\r\n border-radius: 6px;\r\n}\r\n\r\n.tc-dots .tc-dot:hover {\r\n background: rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 480px) {\r\n .tc-container {\r\n overflow: hidden;\r\n }\r\n .tc-wrapper {\r\n height: 290px;\r\n min-height: 290px;\r\n overflow: hidden;\r\n }\r\n .tc-item {\r\n flex: 0 0 280px;\r\n }\r\n .tc-card {\r\n width: 280px;\r\n height: 280px;\r\n margin-top: 50px;\r\n }\r\n .tc-content {\r\n width: 280px;\r\n top: 120px;\r\n padding: 100px 20px 20px 20px;\r\n }\r\n .tc-back {\r\n width: 280px;\r\n height: 280px;\r\n padding: 30px 20px;\r\n }\r\n .tc-name, .tc-back-name {\r\n font-size: 22px;\r\n letter-spacing: -1.32px;\r\n }\r\n .tc-position, .tc-back-position {\r\n font-size: 14px;\r\n letter-spacing: -0.84px;\r\n }\r\n .tc-back-desc {\r\n font-size: 13px;\r\n margin-top: 20px;\r\n line-height: 130%;\r\n }\r\n .tc-dots {\r\n margin-top: 30px;\r\n }\r\n}\r\n\r\n@media (min-width: 481px) and (max-width: 768px) {\r\n .tc-container {\r\n overflow: hidden;\r\n }\r\n .tc-wrapper {\r\n height: 340px;\r\n min-height: 340px;\r\n overflow: hidden;\r\n }\r\n .tc-item {\r\n flex: 0 0 320px;\r\n }\r\n .tc-card {\r\n width: 320px;\r\n height: 340px;\r\n }\r\n .tc-content {\r\n width: 320px;\r\n top: 150px;\r\n padding: 120px 22px 22px 22px;\r\n }\r\n .tc-back {\r\n width: 320px;\r\n height: 340px;\r\n padding: 40px 22px;\r\n }\r\n .tc-name, .tc-back-name {\r\n font-size: 24px;\r\n letter-spacing: -1.44px;\r\n }\r\n .tc-position, .tc-back-position {\r\n font-size: 16px;\r\n letter-spacing: -0.96px;\r\n }\r\n .tc-back-desc {\r\n font-size: 14px;\r\n margin-top: 24px;\r\n }\r\n .tc-dots {\r\n margin-top: 35px;\r\n }\r\n}\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n .tc-container {\r\n padding: 0 40px;\r\n overflow: hidden;\r\n }\r\n .tc-wrapper {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1366px) {\r\n .tc-container {\r\n padding: 0 80px;\r\n overflow: hidden;\r\n }\r\n .tc-wrapper {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (min-width: 1367px) {\r\n .tc-container {\r\n overflow: hidden;\r\n }\r\n .tc-wrapper {\r\n overflow: hidden;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n class SingleCardCarousel {\r\n constructor() {\r\n this.wrapper = document.getElementById('tcWrapper');\r\n this.track = document.getElementById('tcTrack');\r\n this.dotsContainer = document.getElementById('tcDots');\r\n \r\n if (!this.wrapper || !this.track || !this.dotsContainer) {\r\n console.error('Required elements not found');\r\n return;\r\n }\r\n \r\n this.cardsData = [\r\n {\r\n name: 'Ms. Sowjanya Dayanand',\r\n position: 'Diploma Programme Coordinator',\r\n fullName: 'Ms. Sowjanya Dayanand',\r\n description: 'IB Examiner with 8+ years mentoring teachers, guiding students, and shaping strong DP learning cultures with clarity and purpose.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Sowjanya-Dayanand-scaled.png'\r\n },\r\n {\r\n name: 'Ms. Jinu Sara Rajan',\r\n position: 'Middle Years Programme Co-ordinator',\r\n fullName: 'Ms. Jinu Sara Rajan',\r\n description: 'MYP Coordinator pursuing a Ph.D. in Machine Learning & AI, driving future-ready learning and integrating emerging technologies into classrooms.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Jinu-Sara-Rajan-1-scaled.png'\r\n },\r\n {\r\n name: 'Ms. Aparna...',\r\n position: 'Head of College Placements',\r\n fullName: 'Ms. Aparna Chandrashekaran',\r\n description: 'Former Education USA Adviser with 8 years of U.S. Dept. of State experience, enabling students to access global universities with confidence.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Ms.-Aparna-Chandrashekaran.jpg'\r\n },\r\n {\r\n name: 'Dr. Kashefa Peerzada',\r\n position: 'Economic Faculty',\r\n fullName: 'Dr. Kashefa Peerzada',\r\n description: 'Economics educator with 15+ years in teaching, leadership, and research, helping students understand the forces shaping power, choice, and society.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Kashefa-Peerzada.jpg'\r\n },\r\n {\r\n name: 'Dr. Meghna Prabir',\r\n position: 'English Faculty',\r\n fullName: 'Dr. Meghna Prabir',\r\n description: 'English expert with 20+ years\\' teaching experience and university-level depth, committed to social equality, environmental justice, and strong literacy.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Meghna-Prabir.jpg'\r\n },\r\n {\r\n name: 'Dr. Vishal Mohandas...',\r\n position: 'Mathematics Faculty',\r\n fullName: 'Dr. Vishal Mohandas Panicker',\r\n description: 'Math educator with 20+ years\\' teaching and 7+ years in international schools, inspiring learners through clear reasoning and the beauty of math.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Vishal-Mohandas-Panicker.jpg'\r\n },\r\n {\r\n name: 'Ms. Jaishree Vinod',\r\n position: 'French Faculty',\r\n fullName: 'Ms. Jaishree Vinod',\r\n description: 'French teacher with 20+ years\\' experience, including a decade internationally, helping learners think boldly and express confidently in French.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Ms.-Jaishree-Vinod.jpg'\r\n },\r\n {\r\n name: 'Dr. Kaukab Razi',\r\n position: 'Biology Faculty',\r\n fullName: 'Dr. Kaukab Razi',\r\n description: 'Biology researcher with international publications, dedicated to building students\\' scientific curiosity, inquiry skills, and research-driven thinking.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Kaukab-Razi.jpg'\r\n },\r\n {\r\n name: 'Dr. Pankaj Kumar',\r\n position: 'Physics Faculty',\r\n fullName: 'Dr. Pankaj Kumar',\r\n description: 'Physicist with IIT Bombay credentials and strong research grounding, helping students connect complex concepts to real-world applications.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Pankaj-Kumar.jpg'\r\n },\r\n {\r\n name: 'Dr. Pritesh Dagur',\r\n position: 'Chemistry Faculty',\r\n fullName: 'Dr. Pritesh Dagur',\r\n description: 'IISc-trained chemist with a Ph.D. in Materials Chemistry, passionate about revealing chemistry\\'s real-world relevance and everyday beauty.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Pritesh-Dagur.jpg'\r\n },\r\n {\r\n name: 'Dr. Raji Narasimhan',\r\n position: 'TOK Co-ordinator & English Faculty',\r\n fullName: 'Dr. Raji Narasimhan',\r\n description: 'Published researcher in international English journals, guiding students through deep inquiry, TOK thinking, and strong literary foundations.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Raji-Narasimhan.jpg'\r\n },\r\n {\r\n name: 'Dr. Reeti Basu',\r\n position: 'History Faculty',\r\n fullName: 'Dr. Reeti Basu',\r\n description: 'Historian with a Ph.D. from JNU, uncovering hidden histories and helping students explore archives, perspectives, and critical global narratives.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Reeti-Basu.jpg'\r\n },\r\n {\r\n name: 'Ms. Sreelekha Devangam',\r\n position: 'Spanish Faculty',\r\n fullName: 'Ms. Sreelekha Devangam',\r\n description: 'C1-certified, DELE-accredited Spanish educator dedicated to helping students discover language, culture, and confident global communication.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Ms.-Sreelekha-Devangam.jpg'\r\n },\r\n {\r\n name: 'Ms. Sunitha M',\r\n position: 'ESS & Geography Faculty',\r\n fullName: 'Ms. Sunitha M',\r\n description: 'IB-certified ESS specialist and IB Biology Examiner fostering inclusive, engaging learning through environmental inquiry and global awareness.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Ms.-Sunitha-M.jpg'\r\n },\r\n {\r\n name: 'Ms. Vandyaa Lakkaraju',\r\n position: 'Life Entrepreneurship Faculty',\r\n fullName: 'Ms. Vandyaa Lakkaraju',\r\n description: 'Design and entrepreneurship educator with 10+ years of impact-driven work, merging creativity, innovation, and social change for learners.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Ms.-Vandyaa-Lakkaraju.jpg'\r\n },\r\n {\r\n name: 'Dr. Baishali Nandi',\r\n position: 'Business Management Faculty',\r\n fullName: 'Dr. Baishali Nandi',\r\n description: 'Business Management expert with strong academic and industry insight, guiding students to connect strategy, decision-making, and real-world impact.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Baishali-Nandi-scaled.png'\r\n },\r\n {\r\n name: 'Ms. Tejal Sharan',\r\n position: 'Life Entrepreneurship Faculty',\r\n fullName: 'Ms. Tejal Sharan',\r\n description: 'Design educator with NID and IIT Bombay experience, building student mindsets in creativity, problem-solving, and holistic design thinking.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Tejal-Sharan-1-scaled.png'\r\n },\r\n {\r\n name: 'Dr. Deepa H S',\r\n position: 'Psychology Faculty',\r\n fullName: 'Dr. Deepa H S',\r\n description: 'Psychology educator with 9+ years blending research and innovation, fostering empathy, creativity, and meaningful personal development.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Deepa-H.S-1-scaled.png'\r\n },\r\n {\r\n name: 'Mr. Richard Albert Gomes',\r\n position: 'STEAM Lab Facilitator',\r\n fullName: 'Mr. Richard Albert Gomes',\r\n description: 'STEAM Lab facilitator supporting hands-on experimentation, guiding students through engineering, prototyping, and interdisciplinary problem-solving.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Richard-Albert-Gomes-1-scaled.png'\r\n },\r\n {\r\n name: 'Ms. Jayalakshmi P',\r\n position: 'Chemistry and Bio Lab Facilitator',\r\n fullName: 'Ms. Jayalakshmi P',\r\n description: 'Lab facilitator ensuring safe, skill-based learning in biology and chemistry, helping students master experiments, precision, and scientific practice.',\r\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Jayalakshmi-P-1-scaled.png'\r\n }\r\n ];\r\n\r\n this.totalCards = this.cardsData.length;\r\n this.currentIndex = 0;\r\n this.autoplayInterval = null;\r\n this.autoplayDelay = 4000;\r\n this.maxDots = 5; \/\/ Maximum dots to show\r\n\r\n this.isDragging = false;\r\n this.startPos = 0;\r\n this.currentTranslate = 0;\r\n this.prevTranslate = 0;\r\n this.animationID = 0;\r\n\r\n this.init();\r\n }\r\n\r\n getResponsiveValues() {\r\n const width = window.innerWidth;\r\n if (width <= 480) {\r\n return { cardWidth: 280, gap: 20 };\r\n } else if (width <= 768) {\r\n return { cardWidth: 320, gap: 25 };\r\n } else {\r\n return { cardWidth: 358, gap: 30 };\r\n }\r\n }\r\n\r\n init() {\r\n try {\r\n this.createCards();\r\n this.createDots();\r\n \r\n this.currentIndex = this.totalCards;\r\n this.updateCarousel(false);\r\n \r\n setTimeout(() => {\r\n this.startAutoplay();\r\n }, 500);\r\n\r\n this.wrapper.addEventListener('mousedown', this.dragStart.bind(this));\r\n this.wrapper.addEventListener('mousemove', this.drag.bind(this));\r\n this.wrapper.addEventListener('mouseup', this.dragEnd.bind(this));\r\n this.wrapper.addEventListener('mouseleave', this.dragEnd.bind(this));\r\n\r\n this.wrapper.addEventListener('touchstart', this.dragStart.bind(this), { passive: false });\r\n this.wrapper.addEventListener('touchmove', this.drag.bind(this), { passive: false });\r\n this.wrapper.addEventListener('touchend', this.dragEnd.bind(this));\r\n\r\n this.wrapper.addEventListener('mouseenter', () => this.stopAutoplay());\r\n this.wrapper.addEventListener('mouseleave', () => {\r\n if (!this.isDragging) this.startAutoplay();\r\n });\r\n\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n this.updateCarousel(false);\r\n }, 250);\r\n });\r\n \r\n console.log('Carousel initialized successfully with max ' + this.maxDots + ' dots');\r\n } catch (error) {\r\n console.error('Initialization error:', error);\r\n }\r\n }\r\n\r\n createCards() {\r\n const fragment = document.createDocumentFragment();\r\n const loading = this.track.querySelector('.tc-loading');\r\n if (loading) loading.remove();\r\n\r\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\r\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\r\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\r\n\r\n this.track.appendChild(fragment);\r\n }\r\n\r\n createCardElement(data) {\r\n const div = document.createElement('div');\r\n div.className = 'tc-item';\r\n div.innerHTML = `\r\n <div class=\"tc-card\">\r\n <div class=\"tc-front\">\r\n <img decoding=\"async\" src=\"${data.image}\" alt=\"${data.name}\" draggable=\"false\" class=\"loading\" \r\n onerror=\"this.style.display='none'; this.parentElement.style.background='#ccc';\"\r\n onload=\"this.classList.remove('loading'); this.classList.add('loaded');\">\r\n <div class=\"tc-content\">\r\n <div class=\"tc-name\">${data.name}<\/div>\r\n <div class=\"tc-position\">${data.position}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tc-back\">\r\n <div class=\"tc-back-header\">\r\n <div class=\"tc-back-name\">${data.fullName}<\/div>\r\n <div class=\"tc-back-position\">${data.position}<\/div>\r\n <\/div>\r\n <div class=\"tc-back-desc\">${data.description}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n return div;\r\n }\r\n\r\n createDots() {\r\n this.dotsContainer.innerHTML = '';\r\n const dotsToShow = Math.min(this.maxDots, this.totalCards);\r\n\r\n for (let i = 0; i < dotsToShow; i++) {\r\n const dot = document.createElement('div');\r\n dot.classList.add('tc-dot');\r\n dot.dataset.dotIndex = i;\r\n \r\n dot.addEventListener('click', () => {\r\n const realIndex = this.getRealIndex();\r\n const startIndex = this.getStartIndex(realIndex);\r\n const targetIndex = startIndex + i;\r\n this.currentIndex = targetIndex + this.totalCards;\r\n this.updateCarousel(true);\r\n this.stopAutoplay();\r\n this.startAutoplay();\r\n });\r\n \r\n this.dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n getStartIndex(currentReal) {\r\n if (this.totalCards <= this.maxDots) {\r\n return 0;\r\n }\r\n \r\n let start = currentReal - Math.floor(this.maxDots \/ 2);\r\n \r\n if (start < 0) {\r\n start = 0;\r\n } else if (start + this.maxDots > this.totalCards) {\r\n start = this.totalCards - this.maxDots;\r\n }\r\n \r\n return start;\r\n }\r\n\r\n updateCarousel(animate = true) {\r\n if (!animate) {\r\n this.track.classList.add('no-transition');\r\n }\r\n\r\n const { cardWidth, gap } = this.getResponsiveValues();\r\n const offset = -(this.currentIndex * (cardWidth + gap)) + (cardWidth \/ 2);\r\n this.track.style.transform = `translateX(${offset}px)`;\r\n this.currentTranslate = offset;\r\n this.prevTranslate = offset;\r\n\r\n if (!animate) {\r\n setTimeout(() => {\r\n this.track.classList.remove('no-transition');\r\n }, 50);\r\n }\r\n\r\n this.updateDots();\r\n }\r\n\r\n updateDots() {\r\n const realIndex = this.getRealIndex();\r\n const startIndex = this.getStartIndex(realIndex);\r\n const dots = this.dotsContainer.querySelectorAll('.tc-dot');\r\n \r\n dots.forEach((dot, i) => {\r\n const dotRealIndex = startIndex + i;\r\n dot.classList.toggle('active', dotRealIndex === realIndex);\r\n });\r\n }\r\n\r\n getRealIndex() {\r\n let realIndex = this.currentIndex % this.totalCards;\r\n if (realIndex < 0) realIndex += this.totalCards;\r\n return realIndex;\r\n }\r\n\r\n handleInfiniteLoop() {\r\n if (this.currentIndex >= this.totalCards * 2) {\r\n this.currentIndex = this.totalCards;\r\n this.updateCarousel(false);\r\n } else if (this.currentIndex < this.totalCards) {\r\n this.currentIndex = this.totalCards * 2 - 1;\r\n this.updateCarousel(false);\r\n }\r\n }\r\n\r\n startAutoplay() {\r\n this.stopAutoplay();\r\n this.autoplayInterval = setInterval(() => {\r\n this.next();\r\n }, this.autoplayDelay);\r\n }\r\n\r\n stopAutoplay() {\r\n if (this.autoplayInterval) {\r\n clearInterval(this.autoplayInterval);\r\n this.autoplayInterval = null;\r\n }\r\n }\r\n\r\n next() {\r\n this.currentIndex++;\r\n this.updateCarousel(true);\r\n setTimeout(() => this.handleInfiniteLoop(), 600);\r\n }\r\n\r\n prev() {\r\n this.currentIndex--;\r\n this.updateCarousel(true);\r\n setTimeout(() => this.handleInfiniteLoop(), 600);\r\n }\r\n\r\n dragStart(e) {\r\n this.isDragging = true;\r\n this.startPos = this.getPositionX(e);\r\n this.animationID = requestAnimationFrame(this.animation.bind(this));\r\n this.wrapper.classList.add('dragging');\r\n this.stopAutoplay();\r\n }\r\n\r\n drag(e) {\r\n if (this.isDragging) {\r\n e.preventDefault();\r\n const currentPosition = this.getPositionX(e);\r\n this.currentTranslate = this.prevTranslate + currentPosition - this.startPos;\r\n }\r\n }\r\n\r\n dragEnd() {\r\n if (!this.isDragging) return;\r\n \r\n this.isDragging = false;\r\n cancelAnimationFrame(this.animationID);\r\n this.wrapper.classList.remove('dragging');\r\n\r\n const movedBy = this.currentTranslate - this.prevTranslate;\r\n\r\n if (movedBy < -50) {\r\n this.next();\r\n } else if (movedBy > 50) {\r\n this.prev();\r\n } else {\r\n this.updateCarousel(true);\r\n }\r\n\r\n this.startAutoplay();\r\n }\r\n\r\n getPositionX(e) {\r\n return e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n }\r\n\r\n animation() {\r\n if (this.isDragging) {\r\n this.track.style.transform = `translateX(${this.currentTranslate}px)`;\r\n requestAnimationFrame(this.animation.bind(this));\r\n }\r\n }\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new SingleCardCarousel();\r\n });\r\n } else {\r\n new SingleCardCarousel();\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-61a05648 e-flex e-con-boxed e-con e-parent\" data-id=\"61a05648\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ce35491 e-con-full e-flex e-con e-child\" data-id=\"ce35491\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa05977 elementor-widget elementor-widget-heading\" data-id=\"7fa05977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Unlock Your Child's Future Today<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58599366 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"58599366\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/staging.growdigitally.consulting\/10x\/bangalore\/enquire-now\/\" id=\"btnshadow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enquire Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\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>Leadership 10X International School is the result of visionary leadership committed to reimagining education \u2014 empowering students with the skills, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8929,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"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":"disabled","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-5129","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/5129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/comments?post=5129"}],"version-history":[{"count":0,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/5129\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/8929"}],"wp:attachment":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/media?parent=5129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}