{"id":7595,"date":"2025-11-20T15:26:57","date_gmt":"2025-11-20T15:26:57","guid":{"rendered":"https:\/\/staging.growdigitally.consulting\/10x\/?page_id=7595"},"modified":"2026-01-29T04:27:17","modified_gmt":"2026-01-29T04:27:17","slug":"leadership","status":"publish","type":"page","link":"https:\/\/staging.growdigitally.consulting\/10x\/mysore\/leadership\/","title":{"rendered":"Leadership Mysore"},"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 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 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

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\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

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

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<\/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 line-height: 24px;\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-157c74e elementor-hidden-desktop elementor-widget-mobile__width-inherit elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"157c74e\" 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}\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-e903a25 e-flex e-con-boxed e-con e-parent\" data-id=\"e903a25\" 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-dff5d13 elementor-widget elementor-widget-heading\" data-id=\"dff5d13\" 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-a84a013 elementor-widget__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"a84a013\" 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-d953055 e-con-full ltgradient elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"d953055\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-dfc56d5 e-flex e-con-boxed e-con e-child\" data-id=\"dfc56d5\" 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-8a87887 e-con-full g e-flex e-con e-child\" data-id=\"8a87887\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0c3c7 elementor-widget elementor-widget-heading\" data-id=\"df0c3c7\" 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-42245e2 elementor-widget elementor-widget-heading\" data-id=\"42245e2\" 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-bdc9704 elementor-widget elementor-widget-text-editor\" data-id=\"bdc9704\" 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-ebfa4e2 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"ebfa4e2\" 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-c060cd2 e-flex e-con-boxed e-con e-child\" data-id=\"c060cd2\" 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-424ef6d e-con-full e-flex e-con e-child\" data-id=\"424ef6d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a154a24 e-flex e-con-boxed e-con e-child\" data-id=\"a154a24\" 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-8c01a27 e-con-full g e-flex e-con e-child\" data-id=\"8c01a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-687b89e elementor-widget elementor-widget-heading\" data-id=\"687b89e\" 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-9a3d78f elementor-widget elementor-widget-heading\" data-id=\"9a3d78f\" 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-cc52a27 elementor-widget elementor-widget-text-editor\" data-id=\"cc52a27\" 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-aec90ff e-flex e-con-boxed e-con e-child\" data-id=\"aec90ff\" 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-814c53c e-con-full e-flex e-con e-child\" data-id=\"814c53c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-d7be85f e-flex e-con-boxed e-con e-child\" data-id=\"d7be85f\" 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-0de3550 e-con-full g e-flex e-con e-child\" data-id=\"0de3550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-270014e elementor-widget elementor-widget-heading\" data-id=\"270014e\" 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-1cd10c6 elementor-widget elementor-widget-heading\" data-id=\"1cd10c6\" 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-7119fc9 elementor-widget elementor-widget-text-editor\" data-id=\"7119fc9\" 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-1c1d18e e-flex e-con-boxed e-con e-child\" data-id=\"1c1d18e\" 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-79fd6a2 e-con-full e-flex e-con e-child\" data-id=\"79fd6a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-49e2425 e-flex e-con-boxed e-con e-child\" data-id=\"49e2425\" 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-1f9a3d4 e-con-full g e-flex e-con e-child\" data-id=\"1f9a3d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a91010 elementor-widget elementor-widget-heading\" data-id=\"6a91010\" 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\">Rajeev Kumar Pargaien<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19a6b8d elementor-widget elementor-widget-heading\" data-id=\"19a6b8d\" 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-031ce8e elementor-widget elementor-widget-text-editor\" data-id=\"031ce8e\" 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;\">With over 24 years of experience in teaching, educational leadership, and curriculum implementation, Mr. Rajeev Kumar Pargaien truly embodies the 10X vision of life-entrepreneurship, STEAM-H integration, and purpose-driven learning. As a seasoned IB specialist\u2014certified IBDP Math AA HL Examiner, IA Moderator, and IBEN Program Leader\u2014he has successfully implemented the IB framework, conducted thorough program evaluations, and aligned curricula across both India and international campuses. <\/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-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile 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-2a6913e elementor-widget elementor-widget-global elementor-global-14607 elementor-widget-html\" data-id=\"2a6913e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<!-- ELEMENTOR HTML WIDGET CODE - FINAL VERSION -->\n<!-- Paste this code into an Elementor HTML widget -->\n\n<div class=\"tc-container\">\n <div class=\"tc-wrapper\" id=\"tcWrapper\">\n <div class=\"tc-track\" id=\"tcTrack\">\n <!-- Loading indicator -->\n <div class=\"tc-loading\">Loading...<\/div>\n <\/div>\n <\/div>\n\n <!-- Navigation Dots -->\n <div class=\"tc-dots\" id=\"tcDots\"><\/div>\n<\/div>\n\n<style>\n\/* Team Carousel - Single Card Centered *\/\n.tc-container {\n max-width: 100%;\n width: 100%;\n position: relative;\n margin: 0 auto;\n overflow: hidden;\n background: #f5f5f5;\n padding: 20px 0;\n}\n\n.tc-loading {\n text-align: center;\n padding: 100px 20px;\n font-size: 18px;\n color: #333;\n}\n\n.tc-wrapper {\n overflow: hidden;\n position: relative;\n cursor: grab;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 380px;\n min-height: 380px;\n}\n\n.tc-wrapper:active {\n cursor: grabbing;\n}\n\n.tc-wrapper.dragging {\n cursor: grabbing;\n}\n\n.tc-track {\n display: flex;\n transition: transform 0.6s ease-in-out;\n gap: 30px;\n will-change: transform;\n position: absolute;\n left: 50%;\n}\n\n.tc-track.no-transition {\n transition: none;\n}\n\n.tc-item {\n flex: 0 0 358px;\n height: 380px;\n position: relative;\n user-select: none;\n}\n\n\/* Card Styles *\/\n.tc-card {\n width: 358px;\n height: 380px;\n position: relative;\n cursor: pointer;\n border-radius: 40px;\n overflow: hidden;\n pointer-events: auto;\n background: #fff;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n\/* Front Side *\/\n.tc-front {\n position: absolute;\n width: 100%;\n height: 100%;\n transition: opacity 0.5s ease;\n z-index: 1;\n background: #e0e0e0;\n}\n\n.tc-card:hover .tc-front {\n opacity: 0;\n}\n\n.tc-front img {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n object-fit: cover;\n object-position: top center;\n pointer-events: none;\n border-radius: 40px;\n}\n\n.tc-front img.loading {\n opacity: 0;\n}\n\n.tc-front img.loaded {\n opacity: 1;\n transition: opacity 0.3s ease;\n}\n\n.tc-content {\n width: 358px;\n padding: 140px 24px 24px 24px;\n position: absolute;\n left: 0;\n top: 162px;\n background: linear-gradient(5deg, rgba(8, 8, 8, 0.30) 0%, rgba(8, 8, 8, 0) 91%);\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.tc-name {\n color: #FFF;\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\n font-size: 28px;\n font-weight: 400;\n line-height: 100%;\n letter-spacing: -1.68px;\n}\n\n.tc-position {\n color: #fff;\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\n font-size: 18px;\n font-weight: 400;\n line-height: 100%;\n letter-spacing: -1.08px;\n}\n\n\/* Back Side *\/\n.tc-back {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 40px;\n background: linear-gradient(133deg, #3A3939 2.45%, #080808 97.61%);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n padding: 56px 24px;\n opacity: 0;\n transition: opacity 0.5s ease;\n z-index: 0;\n}\n\n.tc-card:hover .tc-back {\n opacity: 1;\n z-index: 2;\n}\n\n.tc-back-header {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n}\n\n.tc-back-name {\n color: #FFF;\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\n font-size: 28px;\n font-style: normal;\n font-weight: 400;\n line-height: 100%;\n letter-spacing: -1.68px;\n}\n\n.tc-back-position {\n color: #fff;\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: 100%;\n letter-spacing: -1.08px;\n}\n\n.tc-back-desc {\n color: #fff;\n font-feature-settings: 'liga' off, 'clig' off;\n font-family: \"Avenir Next LT Pro\", -apple-system, BlinkMacSystemFont, Arial, sans-serif;\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 140%;\n margin-top: 32px;\n width: 100%;\n}\n\n\/* Navigation Dots *\/\n.tc-dots {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 40px;\n width: 100%;\n}\n\n.tc-dots .tc-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.2);\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.tc-dots .tc-dot.active {\n background: #080808;\n width: 32px;\n border-radius: 6px;\n}\n\n.tc-dots .tc-dot:hover {\n background: rgba(0, 0, 0, 0.4);\n}\n\n\/* Responsive *\/\n@media (max-width: 480px) {\n .tc-container {\n overflow: hidden;\n }\n .tc-wrapper {\n height: 290px;\n min-height: 290px;\n overflow: hidden;\n }\n .tc-item {\n flex: 0 0 280px;\n }\n .tc-card {\n width: 280px;\n height: 280px;\n margin-top: 50px;\n }\n .tc-content {\n width: 280px;\n top: 120px;\n padding: 100px 20px 20px 20px;\n }\n .tc-back {\n width: 280px;\n height: 280px;\n padding: 30px 20px;\n }\n .tc-name, .tc-back-name {\n font-size: 22px;\n letter-spacing: -1.32px;\n }\n .tc-position, .tc-back-position {\n font-size: 14px;\n letter-spacing: -0.84px;\n }\n .tc-back-desc {\n font-size: 13px;\n margin-top: 20px;\n line-height: 130%;\n }\n .tc-dots {\n margin-top: 30px;\n }\n}\n\n@media (min-width: 481px) and (max-width: 768px) {\n .tc-container {\n overflow: hidden;\n }\n .tc-wrapper {\n height: 340px;\n min-height: 340px;\n overflow: hidden;\n }\n .tc-item {\n flex: 0 0 320px;\n }\n .tc-card {\n width: 320px;\n height: 340px;\n }\n .tc-content {\n width: 320px;\n top: 150px;\n padding: 120px 22px 22px 22px;\n }\n .tc-back {\n width: 320px;\n height: 340px;\n padding: 40px 22px;\n }\n .tc-name, .tc-back-name {\n font-size: 24px;\n letter-spacing: -1.44px;\n }\n .tc-position, .tc-back-position {\n font-size: 16px;\n letter-spacing: -0.96px;\n }\n .tc-back-desc {\n font-size: 14px;\n margin-top: 24px;\n }\n .tc-dots {\n margin-top: 35px;\n }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n .tc-container {\n padding: 0 40px;\n overflow: hidden;\n }\n .tc-wrapper {\n overflow: hidden;\n }\n}\n\n@media (min-width: 1025px) and (max-width: 1366px) {\n .tc-container {\n padding: 0 80px;\n overflow: hidden;\n }\n .tc-wrapper {\n overflow: hidden;\n }\n}\n\n@media (min-width: 1367px) {\n .tc-container {\n overflow: hidden;\n }\n .tc-wrapper {\n overflow: hidden;\n }\n}\n<\/style>\n\n<script>\n(function() {\n 'use strict';\n \n class SingleCardCarousel {\n constructor() {\n this.wrapper = document.getElementById('tcWrapper');\n this.track = document.getElementById('tcTrack');\n this.dotsContainer = document.getElementById('tcDots');\n \n if (!this.wrapper || !this.track || !this.dotsContainer) {\n console.error('Required elements not found');\n return;\n }\n \n this.cardsData = [\n {\n name: 'Rajeev Kumar Pargaien',\n position: 'Diploma Programme Coordinator',\n fullName: 'Rajeev Kumar Pargaien',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Rajeev-Kumar-Pargaien-1.jpg'\n },\n {\n name: 'Prasiddhi Ravi',\n position: 'Middle Year Programme (MYP) coordinator',\n fullName: 'Prasiddhi Ravi',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Jinu-Sara-Rajan-1-scaled.png'\n },\n {\n name: 'Dr Poulami Ray',\n position: 'History Facilitator',\n fullName: 'Dr Poulami Ray',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Poulami-Ray-scaled.jpg'\n },\n {\n name: 'Dr Prithvi Shirahatti',\n position: 'Biology Facilitator',\n fullName: 'Dr Prithvi Shirahatti',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Prithvi-scaled.jpg'\n },\n {\n name: 'Dr Soumya Narayan',\n position: 'Computer Science Facilitator',\n fullName: 'Dr Soumya Narayan',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Meghna-Prabir.jpg'\n },\n {\n name: 'Mr Abdul Latheef',\n position: 'Physics Facilitator',\n fullName: 'Mr Abdul Latheef',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Abdul-scaled.jpg'\n },\n {\n name: 'Mr Yash Verma',\n position: 'Chemistry Facilitator',\n fullName: 'Mr Yash Verma',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Yash-scaled.jpg'\n },\n {\n name: 'Mr Kanhaiya Kumar',\n position: 'French Facilitator',\n fullName: 'Mr Kanhaiya Kumar',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Kanhaiya-Kumar-scaled.jpg'\n },\n {\n name: 'Mr Utkarsh',\n position: 'Spanish Facilitator',\n fullName: 'Mr Utkarsh',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Utkarsh-scaled.jpg'\n },\n {\n name: 'Dr Abliash Chandran',\n position: 'English Facilitator',\n fullName: 'Dr Abliash Chandran',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Dr.-Pritesh-Dagur.jpg'\n },\n {\n name: 'Mr Sanjay Krishna Kutum',\n position: 'Design & Innovation Facilitator',\n fullName: 'Mr Sanjay Krishna Kutum',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Sanjay-scaled.jpg'\n },\n {\n name: 'Mr Raghu S',\n position: 'STEAM-H FacilitatoR',\n fullName: 'Mr Raghu S',\n description: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.',\n image: 'https:\/\/staging.growdigitally.consulting\/10x\/wp-content\/uploads\/2025\/11\/Raghu-scaled.jpg'\n }\n ];\n\n this.totalCards = this.cardsData.length;\n this.currentIndex = 0;\n this.autoplayInterval = null;\n this.autoplayDelay = 4000;\n this.maxDots = 5; \/\/ Maximum dots to show\n\n this.isDragging = false;\n this.startPos = 0;\n this.currentTranslate = 0;\n this.prevTranslate = 0;\n this.animationID = 0;\n\n this.init();\n }\n\n getResponsiveValues() {\n const width = window.innerWidth;\n if (width <= 480) {\n return { cardWidth: 280, gap: 20 };\n } else if (width <= 768) {\n return { cardWidth: 320, gap: 25 };\n } else {\n return { cardWidth: 358, gap: 30 };\n }\n }\n\n init() {\n try {\n this.createCards();\n this.createDots();\n \n this.currentIndex = this.totalCards;\n this.updateCarousel(false);\n \n setTimeout(() => {\n this.startAutoplay();\n }, 500);\n\n this.wrapper.addEventListener('mousedown', this.dragStart.bind(this));\n this.wrapper.addEventListener('mousemove', this.drag.bind(this));\n this.wrapper.addEventListener('mouseup', this.dragEnd.bind(this));\n this.wrapper.addEventListener('mouseleave', this.dragEnd.bind(this));\n\n this.wrapper.addEventListener('touchstart', this.dragStart.bind(this), { passive: false });\n this.wrapper.addEventListener('touchmove', this.drag.bind(this), { passive: false });\n this.wrapper.addEventListener('touchend', this.dragEnd.bind(this));\n\n this.wrapper.addEventListener('mouseenter', () => this.stopAutoplay());\n this.wrapper.addEventListener('mouseleave', () => {\n if (!this.isDragging) this.startAutoplay();\n });\n\n let resizeTimer;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(() => {\n this.updateCarousel(false);\n }, 250);\n });\n \n console.log('Carousel initialized successfully with max ' + this.maxDots + ' dots');\n } catch (error) {\n console.error('Initialization error:', error);\n }\n }\n\n createCards() {\n const fragment = document.createDocumentFragment();\n const loading = this.track.querySelector('.tc-loading');\n if (loading) loading.remove();\n\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\n this.cardsData.forEach(card => fragment.appendChild(this.createCardElement(card)));\n\n this.track.appendChild(fragment);\n }\n\n createCardElement(data) {\n const div = document.createElement('div');\n div.className = 'tc-item';\n div.innerHTML = `\n <div class=\"tc-card\">\n <div class=\"tc-front\">\n <img decoding=\"async\" src=\"${data.image}\" alt=\"${data.name}\" draggable=\"false\" class=\"loading\" \n onerror=\"this.style.display='none'; this.parentElement.style.background='#ccc';\"\n onload=\"this.classList.remove('loading'); this.classList.add('loaded');\">\n <div class=\"tc-content\">\n <div class=\"tc-name\">${data.name}<\/div>\n <div class=\"tc-position\">${data.position}<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-back\">\n <div class=\"tc-back-header\">\n <div class=\"tc-back-name\">${data.fullName}<\/div>\n <div class=\"tc-back-position\">${data.position}<\/div>\n <\/div>\n <div class=\"tc-back-desc\">${data.description}<\/div>\n <\/div>\n <\/div>\n `;\n return div;\n }\n\n createDots() {\n this.dotsContainer.innerHTML = '';\n const dotsToShow = Math.min(this.maxDots, this.totalCards);\n\n for (let i = 0; i < dotsToShow; i++) {\n const dot = document.createElement('div');\n dot.classList.add('tc-dot');\n dot.dataset.dotIndex = i;\n \n dot.addEventListener('click', () => {\n const realIndex = this.getRealIndex();\n const startIndex = this.getStartIndex(realIndex);\n const targetIndex = startIndex + i;\n this.currentIndex = targetIndex + this.totalCards;\n this.updateCarousel(true);\n this.stopAutoplay();\n this.startAutoplay();\n });\n \n this.dotsContainer.appendChild(dot);\n }\n }\n\n getStartIndex(currentReal) {\n if (this.totalCards <= this.maxDots) {\n return 0;\n }\n \n let start = currentReal - Math.floor(this.maxDots \/ 2);\n \n if (start < 0) {\n start = 0;\n } else if (start + this.maxDots > this.totalCards) {\n start = this.totalCards - this.maxDots;\n }\n \n return start;\n }\n\n updateCarousel(animate = true) {\n if (!animate) {\n this.track.classList.add('no-transition');\n }\n\n const { cardWidth, gap } = this.getResponsiveValues();\n const offset = -(this.currentIndex * (cardWidth + gap)) + (cardWidth \/ 2);\n this.track.style.transform = `translateX(${offset}px)`;\n this.currentTranslate = offset;\n this.prevTranslate = offset;\n\n if (!animate) {\n setTimeout(() => {\n this.track.classList.remove('no-transition');\n }, 50);\n }\n\n this.updateDots();\n }\n\n updateDots() {\n const realIndex = this.getRealIndex();\n const startIndex = this.getStartIndex(realIndex);\n const dots = this.dotsContainer.querySelectorAll('.tc-dot');\n \n dots.forEach((dot, i) => {\n const dotRealIndex = startIndex + i;\n dot.classList.toggle('active', dotRealIndex === realIndex);\n });\n }\n\n getRealIndex() {\n let realIndex = this.currentIndex % this.totalCards;\n if (realIndex < 0) realIndex += this.totalCards;\n return realIndex;\n }\n\n handleInfiniteLoop() {\n if (this.currentIndex >= this.totalCards * 2) {\n this.currentIndex = this.totalCards;\n this.updateCarousel(false);\n } else if (this.currentIndex < this.totalCards) {\n this.currentIndex = this.totalCards * 2 - 1;\n this.updateCarousel(false);\n }\n }\n\n startAutoplay() {\n this.stopAutoplay();\n this.autoplayInterval = setInterval(() => {\n this.next();\n }, this.autoplayDelay);\n }\n\n stopAutoplay() {\n if (this.autoplayInterval) {\n clearInterval(this.autoplayInterval);\n this.autoplayInterval = null;\n }\n }\n\n next() {\n this.currentIndex++;\n this.updateCarousel(true);\n setTimeout(() => this.handleInfiniteLoop(), 600);\n }\n\n prev() {\n this.currentIndex--;\n this.updateCarousel(true);\n setTimeout(() => this.handleInfiniteLoop(), 600);\n }\n\n dragStart(e) {\n this.isDragging = true;\n this.startPos = this.getPositionX(e);\n this.animationID = requestAnimationFrame(this.animation.bind(this));\n this.wrapper.classList.add('dragging');\n this.stopAutoplay();\n }\n\n drag(e) {\n if (this.isDragging) {\n e.preventDefault();\n const currentPosition = this.getPositionX(e);\n this.currentTranslate = this.prevTranslate + currentPosition - this.startPos;\n }\n }\n\n dragEnd() {\n if (!this.isDragging) return;\n \n this.isDragging = false;\n cancelAnimationFrame(this.animationID);\n this.wrapper.classList.remove('dragging');\n\n const movedBy = this.currentTranslate - this.prevTranslate;\n\n if (movedBy < -50) {\n this.next();\n } else if (movedBy > 50) {\n this.prev();\n } else {\n this.updateCarousel(true);\n }\n\n this.startAutoplay();\n }\n\n getPositionX(e) {\n return e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\n }\n\n animation() {\n if (this.isDragging) {\n this.track.style.transform = `translateX(${this.currentTranslate}px)`;\n requestAnimationFrame(this.animation.bind(this));\n }\n }\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n new SingleCardCarousel();\n });\n } else {\n new SingleCardCarousel();\n }\n})();\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\/mysore\/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 is the result of visionary leadership committed to reimagining education \u2014 empowering students with the skills, values, and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8935,"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-7595","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/7595","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=7595"}],"version-history":[{"count":0,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/7595\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/pages\/8935"}],"wp:attachment":[{"href":"https:\/\/staging.growdigitally.consulting\/10x\/wp-json\/wp\/v2\/media?parent=7595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}