{"id":1145,"date":"2026-05-24T10:50:09","date_gmt":"2026-05-24T05:20:09","guid":{"rendered":"https:\/\/darkorange-marten-320368.hostingersite.com\/?page_id=1145"},"modified":"2026-05-25T17:16:35","modified_gmt":"2026-05-25T11:46:35","slug":"hero-section","status":"publish","type":"page","link":"https:\/\/madhubangarappa.com\/kn\/hero-section\/","title":{"rendered":"Hero Section"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"slider-container\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide-section\" style=\"z-index: 4;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"hero\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-bg\" style=\"background: url('https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/BG-MAHU.png') center center\/cover no-repeat;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-big-text\">PEOPLE FIRST<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" src=\"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png\" class=\"hero-person\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-blur\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h1>Building A Stronger Future Together<\/h1>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Committed to development, education,<!\u2013- [et_pb_br_holder] -\u2013>transparency and opportunities for every citizen.<\/pee><!-- [et_pb_line_break_holder] -->                <a href=\"#\" class=\"hero-btn\">OUR VISION<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide-section\" style=\"z-index: 3;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"hero\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-bg\" style=\"background:url('https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/layer-1-1.png') center center\/cover no-repeat;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-big-text\">EDUCATION<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" src=\"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/layer-3-sec-2-3.png\" class=\"hero-person\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-blur\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h1>Empowering Every Student<\/h1>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Creating opportunities through quality education,<!\u2013- [et_pb_br_holder] -\u2013>modern classrooms and digital learning.<\/pee><!-- [et_pb_line_break_holder] -->                <a href=\"#\" class=\"hero-btn\">SEE OUR WORK<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide-section\" style=\"z-index: 2;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"hero\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-bg\" style=\"background:url('https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/layer-1.png') center center\/cover no-repeat;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-big-text\">EMPOWERMENT<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" src=\"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/layer-3-3.png\" class=\"hero-person\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-blur\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h1>Creating Opportunities For Every Generation<\/h1>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Supporting education, entrepreneurship and<!\u2013- [et_pb_br_holder] -\u2013>community development across the region.<\/pee><!-- [et_pb_line_break_holder] -->                <a href=\"#\" class=\"hero-btn\">LEARN MORE<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide-section\" style=\"z-index: 1;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"hero\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-bg\" style=\"background:url('https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/BG-MAHU.png') center center\/cover no-repeat;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-big-text\">VISION 2030<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" src=\"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png\" class=\"hero-person\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-blur\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"hero-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h1>A Stronger Future For All<\/h1>\n<p><!-- [et_pb_line_break_holder] -->                <pee>A roadmap for growth, innovation and prosperity<!\u2013- [et_pb_br_holder] -\u2013>built on transparency and public service.<\/pee><!-- [et_pb_line_break_holder] -->                <a href=\"#\" class=\"hero-btn\">OUR VISION<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* ==========================<!-- [et_pb_line_break_holder] -->   GLOBAL STRUCTURE<!-- [et_pb_line_break_holder] -->========================== *\/<!-- [et_pb_line_break_holder] -->html, body {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    background-color: #000;<!-- [et_pb_line_break_holder] -->    font-family: sans-serif;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.slider-container {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.slide-section {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100vh;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero {<!-- [et_pb_line_break_holder] -->    position: fixed;<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100vh;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    pointer-events: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.slide-section:first-child .hero {<!-- [et_pb_line_break_holder] -->    pointer-events: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================<!-- [et_pb_line_break_holder] -->   STRICT LAYER STACKING (Z-INDEX)<!-- [et_pb_line_break_holder] -->========================== *\/<!-- [et_pb_line_break_holder] -->.hero-bg       { z-index: 1; }<!-- [et_pb_line_break_holder] -->.hero-big-text { z-index: 2; }<!-- [et_pb_line_break_holder] -->.hero-person   { z-index: 3; }<!-- [et_pb_line_break_holder] -->.hero-blur     { z-index: 4; } \/* Keeps vignette behind the text elements *\/<!-- [et_pb_line_break_holder] -->.hero-content  { z-index: 10; } \/* Forces text and buttons completely outside blur scope *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-bg, .hero-big-text, .hero-person, .hero-content, .hero-blur {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    will-change: transform, opacity;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-bg {<!-- [et_pb_line_break_holder] -->    inset: -20px;<!-- [et_pb_line_break_holder] -->    background-position: center center;<!-- [et_pb_line_break_holder] -->    background-size: cover;<!-- [et_pb_line_break_holder] -->    background-repeat: no-repeat;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-big-text {<!-- [et_pb_line_break_holder] -->    top: 40%;<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->    font-size: 10vw;<!-- [et_pb_line_break_holder] -->    font-weight: 900;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    white-space: nowrap;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-person {<!-- [et_pb_line_break_holder] -->    right: 8%;<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    height: 85%;<!-- [et_pb_line_break_holder] -->    width: auto;<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================<!-- [et_pb_line_break_holder] -->   THE BLUR FIX<!-- [et_pb_line_break_holder] -->========================== *\/<!-- [et_pb_line_break_holder] -->.hero-blur {<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    bottom: -150px;<!-- [et_pb_line_break_holder] -->    transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->    width: 140%;<!-- [et_pb_line_break_holder] -->    height: 500px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-blur::before {<!-- [et_pb_line_break_holder] -->    content: \"\";<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    inset: 0;<!-- [et_pb_line_break_holder] -->    background: #000;<!-- [et_pb_line_break_holder] -->    opacity: .6;<!-- [et_pb_line_break_holder] -->    filter: blur(60px); \/* Slightly reduced to stop intense bleeding over foreground items *\/<!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    transform: scaleY(.65);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================<!-- [et_pb_line_break_holder] -->   SHARP GRAPHICS CONTENT<!-- [et_pb_line_break_holder] -->========================== *\/<!-- [et_pb_line_break_holder] -->.hero-content {<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    bottom: 80px;<!-- [et_pb_line_break_holder] -->    transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->    width: 800px;<!-- [et_pb_line_break_holder] -->    max-width: 90%;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-content h1 {<!-- [et_pb_line_break_holder] -->    margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->    font-size: 38px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->  color:white;<!-- [et_pb_line_break_holder] -->    \/* Clean text shadow to make header highly readable over variable imagery backgrounds *\/<!-- [et_pb_line_break_holder] -->    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-content p {<!-- [et_pb_line_break_holder] -->    margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    line-height: 1.5;<!-- [et_pb_line_break_holder] -->    font-weight: 400;<!-- [et_pb_line_break_holder] -->    color: #ffffff;<!-- [et_pb_line_break_holder] -->    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-btn {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    padding: 16px 40px;<!-- [et_pb_line_break_holder] -->    background: #ffc107;<!-- [et_pb_line_break_holder] -->    color: #111;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    pointer-events: auto;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);<!-- [et_pb_line_break_holder] -->    transition: background 0.2s ease, transform 0.2s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hero-btn:hover {<!-- [et_pb_line_break_holder] -->    background: #ffca2c;<!-- [et_pb_line_break_holder] -->    transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================<!-- [et_pb_line_break_holder] -->   MEDIA QUERIES<!-- [et_pb_line_break_holder] -->========================== *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 980px) {<!-- [et_pb_line_break_holder] -->    .hero-big-text { top: 25%; font-size: 20vw; white-space: normal; width: 100%; text-align: center; }<!-- [et_pb_line_break_holder] -->    .hero-person { right: 50%; height: 50%; transform: translateX(50%); }<!-- [et_pb_line_break_holder] -->    .hero-content { bottom: 60px; }<!-- [et_pb_line_break_holder] -->    .hero-content h1 { font-size: 28px; }<!-- [et_pb_line_break_holder] -->    .hero-content p { font-size: 15px; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->let mouseX = 0, mouseY = 0;<!-- [et_pb_line_break_holder] -->let targetMouseX = 0, targetMouseY = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->window.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->    targetMouseX = (e.clientX - window.innerWidth \/ 2) \/ (window.innerWidth \/ 2);<!-- [et_pb_line_break_holder] -->    targetMouseY = (e.clientY - window.innerHeight \/ 2) \/ (window.innerHeight \/ 2);<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function processParallaxFrame() {<!-- [et_pb_line_break_holder] -->    mouseX += (targetMouseX - mouseX) * 0.08;<!-- [et_pb_line_break_holder] -->    mouseY += (targetMouseY - mouseY) * 0.08;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const containers = document.querySelectorAll('.slide-section');<!-- [et_pb_line_break_holder] -->    const scrollY = window.scrollY;<!-- [et_pb_line_break_holder] -->    const vh = window.innerHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    containers.forEach((container, idx) => {<!-- [et_pb_line_break_holder] -->        const hero = container.querySelector('.hero');<!-- [et_pb_line_break_holder] -->        const bg = hero.querySelector('.hero-bg');<!-- [et_pb_line_break_holder] -->        const txt = hero.querySelector('.hero-big-text');<!-- [et_pb_line_break_holder] -->        const person = hero.querySelector('.hero-person');<!-- [et_pb_line_break_holder] -->        const content = hero.querySelector('.hero-content');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const containerTop = container.offsetTop;<!-- [et_pb_line_break_holder] -->        const relativeScroll = scrollY - containerTop;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (scrollY >= containerTop - vh && scrollY <= containerTop + vh) {<!-- [et_pb_line_break_holder] -->            hero.style.display = \"block\";<!-- [et_pb_line_break_holder] -->            if(relativeScroll >= 0 && relativeScroll < vh) {<!-- [et_pb_line_break_holder] -->                hero.style.pointerEvents = \"auto\";<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                hero.style.pointerEvents = \"none\";<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            let clipPercent = 100;<!-- [et_pb_line_break_holder] -->            if (relativeScroll > 0) {<!-- [et_pb_line_break_holder] -->                clipPercent = 100 - ((relativeScroll \/ vh) * 100);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (clipPercent < 0) clipPercent = 0;<!-- [et_pb_line_break_holder] -->            if (clipPercent > 100) clipPercent = 100;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            hero.style.clipPath = `polygon(0 0, 100% 0, 100% ${clipPercent}%, 0 ${clipPercent}%)`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const progress = clipPercent \/ 100; <!-- [et_pb_line_break_holder] -->            const scrollBg = (1 - progress) * -60;<!-- [et_pb_line_break_holder] -->            const scrollTxt = (1 - progress) * -140;<!-- [et_pb_line_break_holder] -->            const scrollPerson = (1 - progress) * -30;<!-- [et_pb_line_break_holder] -->            const scrollContent = (1 - progress) * -90;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (bg) bg.style.transform = `translate3d(${mouseX * -10}px, ${scrollBg + (mouseY * -10)}px, 0) scale(1.05)`;<!-- [et_pb_line_break_holder] -->            if (txt) txt.style.transform = `translate3d(calc(-50% + ${mouseX * -20}px), calc(-50% + ${scrollTxt}px), 0)`;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            if (person) {<!-- [et_pb_line_break_holder] -->                const baseTX = window.innerWidth <= 980 ? 50 : 0;<!-- [et_pb_line_break_holder] -->                const unit = window.innerWidth <= 980 ? '%' : 'px';<!-- [et_pb_line_break_holder] -->                person.style.transform = `translate3d(calc(${baseTX}${unit} + ${mouseX * 15}px), ${scrollPerson + (mouseY * 8)}px, 0)`;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (content) content.style.transform = `translate3d(-50%, ${scrollContent}px, 0)`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            hero.style.display = \"none\";<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    requestAnimationFrame(processParallaxFrame);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->requestAnimationFrame(processParallaxFrame);<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1145","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hero Section - Madhu Bangarappa<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/madhubangarappa.com\/kn\/hero-section\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero Section - Madhu Bangarappa\" \/>\n<meta property=\"og:url\" content=\"https:\/\/madhubangarappa.com\/kn\/hero-section\/\" \/>\n<meta property=\"og:site_name\" content=\"Madhu Bangarappa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-25T11:46:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/\",\"url\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/\",\"name\":\"Hero Section - Madhu Bangarappa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/darkorange-marten-320368.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/MADHU.png\",\"datePublished\":\"2026-05-24T05:20:09+00:00\",\"dateModified\":\"2026-05-25T11:46:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/#breadcrumb\"},\"inLanguage\":\"kn\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"kn\",\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/#primaryimage\",\"url\":\"https:\\\/\\\/darkorange-marten-320368.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/MADHU.png\",\"contentUrl\":\"https:\\\/\\\/darkorange-marten-320368.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/MADHU.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/hero-section\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/madhubangarappa.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hero Section\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/madhubangarappa.com\\\/#website\",\"url\":\"https:\\\/\\\/madhubangarappa.com\\\/\",\"name\":\"Starchandru\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/madhubangarappa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"kn\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hero Section - Madhu Bangarappa","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/madhubangarappa.com\/kn\/hero-section\/","og_locale":"en_US","og_type":"article","og_title":"Hero Section - Madhu Bangarappa","og_url":"https:\/\/madhubangarappa.com\/kn\/hero-section\/","og_site_name":"Madhu Bangarappa","article_modified_time":"2026-05-25T11:46:35+00:00","og_image":[{"url":"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/madhubangarappa.com\/hero-section\/","url":"https:\/\/madhubangarappa.com\/hero-section\/","name":"Hero Section - Madhu Bangarappa","isPartOf":{"@id":"https:\/\/madhubangarappa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/madhubangarappa.com\/hero-section\/#primaryimage"},"image":{"@id":"https:\/\/madhubangarappa.com\/hero-section\/#primaryimage"},"thumbnailUrl":"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png","datePublished":"2026-05-24T05:20:09+00:00","dateModified":"2026-05-25T11:46:35+00:00","breadcrumb":{"@id":"https:\/\/madhubangarappa.com\/hero-section\/#breadcrumb"},"inLanguage":"kn","potentialAction":[{"@type":"ReadAction","target":["https:\/\/madhubangarappa.com\/hero-section\/"]}]},{"@type":"ImageObject","inLanguage":"kn","@id":"https:\/\/madhubangarappa.com\/hero-section\/#primaryimage","url":"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png","contentUrl":"https:\/\/darkorange-marten-320368.hostingersite.com\/wp-content\/uploads\/2026\/05\/MADHU.png"},{"@type":"BreadcrumbList","@id":"https:\/\/madhubangarappa.com\/hero-section\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/madhubangarappa.com\/"},{"@type":"ListItem","position":2,"name":"Hero Section"}]},{"@type":"WebSite","@id":"https:\/\/madhubangarappa.com\/#website","url":"https:\/\/madhubangarappa.com\/","name":"Starchandru","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/madhubangarappa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"kn"}]}},"_links":{"self":[{"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/pages\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/comments?post=1145"}],"version-history":[{"count":45,"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/pages\/1145\/revisions"}],"predecessor-version":[{"id":1224,"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/pages\/1145\/revisions\/1224"}],"wp:attachment":[{"href":"https:\/\/madhubangarappa.com\/kn\/wp-json\/wp\/v2\/media?parent=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}