{"id":637,"date":"2026-03-03T06:28:12","date_gmt":"2026-03-03T06:28:12","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=637"},"modified":"2026-07-24T12:06:06","modified_gmt":"2026-07-24T12:06:06","slug":"about-us","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800;900&display=swap');\n\n\/* ==========================================================================\n   1. WORDPRESS BLOCK EDITOR & OVERFLOW UNLOCKS (SCOPED TO #global-hero)\n   ========================================================================== *\/\n\n\/* Forces WordPress Custom HTML containers to auto height so image never clips *\/\n.wp-block-custom-html:has(#global-hero),\n.entry-content > .wp-block-custom-html:has(#global-hero),\n.wp-block-post-content > .wp-block-custom-html:has(#global-hero) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n\/* Hides internal scrollbars *\/\n#global-hero,\n#global-hero * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#global-hero::-webkit-scrollbar,\n#global-hero *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n}\n\n\/* ==========================================================================\n   2. HERO BLOCK CORE STYLES & FLUID RESPONSIVE ENGINE\n   ========================================================================== *\/\n\n:root {\n    --cl-teal: #14b8a6;\n    --cl-navy: #0c4a6e;\n    --cl-orange: #f97316;\n    --cl-sky: #0ea5e9;\n}\n\n#global-hero {\n    position: relative !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    min-height: auto !important; \/* Replaced 100vh lock *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: clamp(30px, 5vw, 80px) clamp(16px, 4vw, 40px) !important;\n    background: #ffffff !important;\n    overflow: visible !important;\n    font-family: 'Outfit', sans-serif !important;\n}\n\n\/* Ambient Radial Mesh Layer *\/\n#global-hero .live-mesh {\n    position: absolute;\n    inset: 0;\n    background-image: \n        radial-gradient(at 0% 0%, rgba(20, 184, 166, 0.04) 0px, transparent 50%),\n        radial-gradient(at 100% 100%, rgba(14, 165, 233, 0.04) 0px, transparent 50%);\n    z-index: 1;\n    pointer-events: none;\n}\n\n\/* 2-Column Adaptive Grid *\/\n#global-hero .hero-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));\n    gap: clamp(30px, 5vw, 60px);\n    max-width: min(1300px, 94vw);\n    width: 100%;\n    z-index: 10;\n    align-items: center;\n}\n\n#global-hero .hero-text {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    text-align: left;\n}\n\n\/* Prefix Badge *\/\n#global-hero .prefix-badge {\n    display: inline-block;\n    background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);\n    color: #ffffff;\n    padding: 8px 20px;\n    border-radius: 100px;\n    font-weight: 800;\n    font-size: clamp(0.7rem, 0.9vw, 0.75rem);\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.3);\n    width: fit-content;\n}\n\n\/* Fluid Headings *\/\n#global-hero h1 {\n    font-size: clamp(2.2rem, 4.5vw, 4.2rem) !important;\n    color: var(--cl-navy);\n    font-weight: 900;\n    line-height: 1.1;\n    margin: 0 0 25px;\n    letter-spacing: -1.5px;\n    text-transform: uppercase;\n    word-break: break-word;\n}\n\n#global-hero .line-wrap {\n    display: block;\n    white-space: normal; \/* Allows dynamic line breaking on small screens *\/\n}\n\n#global-hero .gradient-text {\n    background: linear-gradient(90deg, var(--cl-teal), var(--cl-sky), var(--cl-teal));\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: flowText 4s linear infinite;\n}\n\n@keyframes flowText { \n    to { background-position: 200% center; } \n}\n\n\/* Description Text *\/\n#global-hero .hero-text p {\n    font-size: clamp(0.98rem, 1.2vw, 1.2rem);\n    color: #64748b;\n    line-height: 1.7;\n    max-width: 600px;\n    margin-top: 0;\n    margin-bottom: 35px;\n}\n\n#global-hero .hero-text p strong {\n    color: var(--cl-navy);\n    font-weight: 600;\n}\n\n\/* Primary Button *\/\n#global-hero .btn-global {\n    display: inline-flex;\n    background: var(--cl-navy);\n    color: #ffffff !important;\n    padding: clamp(16px, 2vw, 22px) clamp(30px, 4vw, 50px);\n    border-radius: 100px;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: clamp(0.95rem, 1.1vw, 1.1rem);\n    transition: all 0.3s ease;\n    width: fit-content;\n    text-align: center;\n}\n\n#global-hero .btn-global:hover {\n    transform: scale(1.04);\n    background: #000000;\n}\n\n\/* --- VISUAL IMAGE FRAME & FLOATING BADGES --- *\/\n#global-hero .visual-container {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    margin-top: 20px;\n}\n\n#global-hero .main-frame {\n    position: relative;\n    width: 100%;\n    max-width: 460px;\n    aspect-ratio: 4\/5;\n    background: #ffffff;\n    border-radius: clamp(28px, 4vw, 48px);\n    padding: 10px;\n    box-shadow: 0 30px 70px rgba(0,0,0,0.08);\n    transform-style: preserve-3d;\n    z-index: 5;\n    transition: transform 0.15s ease-out;\n}\n\n#global-hero .main-frame img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: clamp(22px, 3.5vw, 38px);\n    display: block;\n}\n\n\/* Floating Badges *\/\n#global-hero .floating-badge {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: clamp(8px, 1.2vw, 14px) clamp(16px, 1.8vw, 24px);\n    border-radius: 18px;\n    font-weight: 900;\n    font-size: clamp(0.8rem, 1vw, 0.95rem);\n    color: var(--cl-navy);\n    box-shadow: 0 12px 30px rgba(0,0,0,0.12);\n    border: 1px solid #eeeeee;\n    z-index: 20;\n    animation: float 4s ease-in-out infinite;\n    white-space: nowrap;\n}\n\n#global-hero .b-1 { \n    top: 8%; \n    left: -10px; \n    border-left: 5px solid var(--cl-teal); \n}\n\n#global-hero .b-2 { \n    bottom: 10%; \n    right: -10px; \n    border-right: 5px solid var(--cl-orange); \n    animation-delay: 1s; \n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-12px); }\n}\n\n\/* Scroll Hint Indicator *\/\n#global-hero .scroll-hint {\n    position: absolute;\n    bottom: 15px;\n    left: 50%;\n    transform: translateX(-50%);\n    opacity: 0.5;\n}\n\n#global-hero .mouse {\n    width: 22px;\n    height: 38px;\n    border: 2px solid var(--cl-navy);\n    border-radius: 12px;\n    position: relative;\n}\n\n#global-hero .wheel {\n    width: 4px;\n    height: 7px;\n    background: var(--cl-teal);\n    border-radius: 2px;\n    position: absolute;\n    top: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    animation: scroll 2s infinite;\n}\n\n@keyframes scroll {\n    0% { opacity: 1; top: 6px; }\n    100% { opacity: 0; top: 20px; }\n}\n\n\/* ==========================================================================\n   3. MOBILE & SMALL SCREEN GUARANTEES (< 991px)\n   ========================================================================== *\/\n\n@media (max-width: 991px) {\n    #global-hero .hero-text { \n        align-items: center; \n        text-align: center; \n    }\n\n    #global-hero .prefix-badge {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    #global-hero .btn-global {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Keep badges inside the image bounds on mobile so they don't clip off-screen *\/\n    #global-hero .b-1 { \n        left: 10px !important; \n        top: 10px !important; \n    }\n\n    #global-hero .b-2 { \n        right: 10px !important; \n        bottom: 10px !important; \n    }\n\n    #global-hero .scroll-hint {\n        display: none !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    \/\/ Only enable mouse tilt and cursor tracking on desktop screens with a precise pointer\n    const isDesktop = window.matchMedia('(pointer: fine)').matches;\n\n    const heroBlock = document.getElementById('global-hero');\n    const glow = document.getElementById('glowCursor');\n    const card = document.getElementById('tiltCard');\n\n    if (isDesktop && heroBlock) {\n        \/\/ Scoped Cursor Gradient Glow\n        if (glow) {\n            heroBlock.addEventListener('mousemove', (e) => {\n                const rect = heroBlock.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                const y = e.clientY - rect.top;\n                glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(20, 184, 166, 0.12) 0%, transparent 40%)`;\n            });\n        }\n\n        \/\/ Scoped 3D Card Parallax Tilt\n        if (card) {\n            heroBlock.addEventListener('mousemove', (e) => {\n                let xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 30;\n                let yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 30;\n                card.style.transform = `rotateY(${xAxis}deg) rotateX(${-yAxis}deg)`;\n            });\n\n            heroBlock.addEventListener('mouseleave', () => {\n                card.style.transform = `rotateY(0deg) rotateX(0deg)`;\n            });\n        }\n    }\n});\n<\/script>\n\n<section id=\"global-hero\">\n    <!-- Interactive Background Glow Layer -->\n    <div class=\"live-mesh\" id=\"glowCursor\"><\/div>\n\n    <div class=\"hero-grid\">\n        <!-- Left Side: Typography & Action Button -->\n        <div class=\"hero-text\">\n            <div class=\"prefix-badge\">Established to Inspire<\/div>\n            <h1>\n                <span class=\"line-wrap\">Nurturing Curiosity,<\/span>\n                <span class=\"line-wrap gradient-text\">Building Confidence<\/span>\n            <\/h1>\n            \n            <p>\n                At <strong>Curious Learner<\/strong>, we believe learning should build confidence, not pressure. Through personalised one-on-one support and clear structure, we help students strengthen foundations, close gaps, and grow in both ability and self-belief.\n            <\/p>\n\n            <a href=\"#explore\" class=\"btn-global\">Explore Our Mission \u2192<\/a>\n        <\/div>\n\n        <!-- Right Side: Visual Image & Floating Badges -->\n        <div class=\"visual-container\">\n            <div class=\"main-frame\" id=\"tiltCard\">\n                <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/wp-content\/uploads\/2026\/01\/Cover-NZ.jpg\" alt=\"Curious Learner Student\" title=\"About Us\">\n                <!-- Floating Badges Overlay -->\n                <div class=\"floating-badge b-1\">\u2b50 Confidence<\/div>\n                <div class=\"floating-badge b-2\">\ud83c\udfaf Capability<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Scroll Indicator (Desktop Only) -->\n    <div class=\"scroll-hint\">\n        <div class=\"mouse\">\n            <div class=\"wheel\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Who We Are | Curious Learner Global<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n        :root {\n            --cl-teal: #14b8a6;\n            --cl-navy: #0c4a6e;\n            --cl-orange: #f97316;\n            --cl-sky: #0ea5e9;\n        }\n\n        body, html {\n            margin: 0; padding: 0; width: 100%;\n            background: #ffffff; font-family: 'Outfit', sans-serif;\n            overflow-x: hidden;\n        }\n\n        \/* --- STABILIZED ALIGNMENT WRAPPER --- *\/\n        #cl-kinetic-hub {\n            position: relative;\n            padding: 40px 0; \/* Reduced padding to align with above\/below sections *\/\n            display: flex;\n            justify-content: center;\n            overflow: hidden;\n            background: #ffffff;\n        }\n\n        \/* NEW SOFT GRADIENT MESH - REPLACES SQUARES *\/\n        .cl-mesh-layer {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at 10% 10%, rgba(20, 184, 166, 0.03) 0%, transparent 40%),\n                        radial-gradient(circle at 90% 90%, rgba(14, 165, 233, 0.03) 0%, transparent 40%);\n            z-index: 1;\n        }\n\n        .hub-content-layout {\n            max-width: 1200px; \/* Locked width for perfect vertical alignment *\/\n            width: 90%;\n            display: grid;\n            grid-template-columns: 0.8fr 1.2fr;\n            gap: 40px;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* --- IDENTITY NODE --- *\/\n        .hub-identity {\n            position: sticky;\n            top: 40px;\n            height: fit-content;\n        }\n\n        .live-pulse-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: var(--cl-navy);\n            color: #fff;\n            padding: 8px 18px;\n            border-radius: 100px;\n            font-weight: 900;\n            font-size: 0.7rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n        }\n\n        .hub-identity h2 {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            color: var(--cl-navy);\n            font-weight: 900;\n            line-height: 1;\n            margin: 0 0 20px;\n            letter-spacing: -2px;\n        }\n\n        .hub-identity h2 span { color: var(--cl-teal); }\n\n        .hub-identity p {\n            font-size: 1.1rem;\n            color: #64748b;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* --- MATRIX GRID --- *\/\n        .matrix-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .kinetic-card {\n            background: #ffffff;\n            border: 1px solid rgba(12, 74, 110, 0.1);\n            padding: 35px;\n            border-radius: 30px;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n            transform-style: preserve-3d;\n            cursor: pointer;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n        }\n\n        \/* COLOURED HOVER EFFECTS *\/\n        .kinetic-card:hover { transform: scale(1.02); }\n        .card-01:hover { border-color: var(--cl-teal); box-shadow: 0 20px 40px rgba(20, 184, 166, 0.1); }\n        .card-02:hover { border-color: var(--cl-orange); box-shadow: 0 20px 40px rgba(249, 115, 22, 0.1); }\n        .card-03:hover { border-color: var(--cl-sky); box-shadow: 0 20px 40px rgba(14, 165, 233, 0.1); }\n        .card-04:hover { border-color: var(--cl-navy); box-shadow: 0 20px 40px rgba(12, 74, 110, 0.1); }\n\n        .card-index {\n            display: block; font-weight: 900; font-size: 0.75rem;\n            letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px;\n        }\n\n        .card-01 .card-index { color: var(--cl-teal); }\n        .card-02 .card-index { color: var(--cl-orange); }\n        .card-03 .card-index { color: var(--cl-sky); }\n        .card-04 .card-index { color: var(--cl-navy); }\n\n        .kinetic-card p {\n            font-size: 1.05rem; color: #475569; line-height: 1.5; margin: 0;\n            pointer-events: none;\n        }\n        .kinetic-card p strong { color: var(--cl-navy); }\n\n        .wide-card { grid-column: span 2; background: var(--cl-navy); border: none; }\n        .wide-card p { color: #cbd5e1; }\n        .wide-card p strong { color: var(--cl-teal); }\n\n        @media (max-width: 900px) {\n            .hub-content-layout { grid-template-columns: 1fr; padding-bottom: 40px; }\n            .matrix-container { grid-template-columns: 1fr; }\n            .wide-card { grid-column: span 1; }\n            .hub-identity { position: relative; top: 0; text-align: center; margin-bottom: 30px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-kinetic-hub\">\n    <div class=\"cl-mesh-layer\"><\/div>\n\n    <div class=\"hub-content-layout\">\n        <div class=\"hub-identity\">\n            <div class=\"live-pulse-badge\">Node Status: Active<\/div>\n            <h2>Who We<br><span>Are<\/span><\/h2>\n            <p>Curious Learner is a surgical EdTech platform engineered to bridge the gap between curiosity and capability.<\/p>\n        <\/div>\n\n        <div class=\"matrix-container\">\n            <div class=\"kinetic-card card-01 tilt-target\">\n                <span class=\"card-index\">01 \/ Global Reach<\/span>\n                <p>We help children across <strong>Australia and New Zealand<\/strong> excel in academics.<\/p>\n            <\/div>\n            <div class=\"kinetic-card card-02 tilt-target\">\n                <span class=\"card-index\">02 \/ Precision<\/span>\n                <p>Personalised pathways for <strong>Selective Admissions, ICAS, and NAPLAN<\/strong>.<\/p>\n            <\/div>\n            <div class=\"kinetic-card wide-card tilt-target\">\n                <span class=\"card-index\" style=\"color: var(--cl-teal);\">03 \/ Philosophy<\/span>\n                <p>A true learning partner\u2014nurturing <strong>academic excellence and critical thinking<\/strong> to thrive in exams and life.<\/p>\n            <\/div>\n            <div class=\"kinetic-card card-03 tilt-target\">\n                <span class=\"card-index\">04 \/ Growth<\/span>\n                <p>Building <strong>confidence and self-belief<\/strong> through structured professional support.<\/p>\n            <\/div>\n            <div class=\"kinetic-card card-04 tilt-target\">\n                <span class=\"card-index\">05 \/ Innovation<\/span>\n                <p>Nurturing the next generation of thinkers through <strong>curiosity-driven mechanics<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    const targets = document.querySelectorAll('.tilt-target');\n    targets.forEach(target => {\n        target.addEventListener('mousemove', (e) => {\n            const rect = target.getBoundingClientRect();\n            const x = (e.clientX - rect.left) - (rect.width \/ 2);\n            const y = (e.clientY - rect.top) - (rect.height \/ 2);\n            target.style.transform = `perspective(1000px) rotateX(${-y \/ 20}deg) rotateY(${x \/ 20}deg) scale3d(1.02, 1.02, 1.02)`;\n        });\n        target.addEventListener('mouseleave', () => {\n            target.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n        :root {\n            --cl-teal: #14b8a6;\n            --cl-navy: #0c4a6e;\n            --cl-purple: #8b5cf6;\n            --cl-orange: #f97316;\n            --border-soft: rgba(12, 74, 110, 0.08);\n        }\n\n        \/* --- STABILIZED ALIGNMENT WRAPPER --- *\/\n        #cl-chromatic-vision {\n            position: relative;\n            padding: 40px 0; \/* Reduced padding for seamless vertical alignment *\/\n            background: #ffffff;\n            font-family: 'Outfit', sans-serif;\n            overflow: hidden;\n            display: flex;\n            justify-content: center;\n        }\n\n        \/* DYNAMIC MESH BACKGROUND - ELIMINATES EMPTY FEEL *\/\n        .vision-mesh {\n            position: absolute;\n            inset: 0;\n            background-image: \n                radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(20, 184, 166, 0.05) 0%, transparent 60%);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .vision-container {\n            max-width: 1200px; \/* Locked to align with 'Who We Are' section *\/\n            width: 90%;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* --- CENTERED HEADER --- *\/\n        .vision-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .vision-header h2 {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            color: var(--cl-navy);\n            font-weight: 900;\n            margin: 0;\n            text-transform: uppercase;\n            letter-spacing: -2px;\n        }\n\n        .vision-header h2 span { color: var(--cl-teal); }\n\n        .vision-accent {\n            width: 80px; height: 4px;\n            background: var(--cl-orange);\n            margin: 15px auto;\n            border-radius: 100px;\n        }\n\n        \/* --- 3-COLUMN CHROMATIC GRID --- *\/\n        .vision-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            perspective: 1200px;\n        }\n\n        .vision-card {\n            background: #ffffff;\n            border: 1px solid var(--border-soft);\n            padding: 50px 35px;\n            border-radius: 40px;\n            text-align: center;\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            transform-style: preserve-3d;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* INDIVIDUAL COLORED HOVER EFFECTS *\/\n        .v-card-teal:hover { \n            border-color: var(--cl-teal); \n            box-shadow: 0 30px 60px rgba(20, 184, 166, 0.15); \n        }\n        .v-card-purple:hover { \n            border-color: var(--cl-purple); \n            box-shadow: 0 30px 60px rgba(139, 92, 246, 0.15); \n        }\n        .v-card-orange:hover { \n            border-color: var(--cl-orange); \n            box-shadow: 0 30px 60px rgba(249, 115, 22, 0.15); \n        }\n\n        \/* ICON ANIMATIONS *\/\n        .v-icon-wrap {\n            font-size: 3.5rem;\n            margin-bottom: 25px;\n            display: inline-block;\n            transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .vision-card:hover .v-icon-wrap {\n            transform: translateZ(50px) scale(1.1);\n        }\n\n        .vision-card h3 {\n            font-size: 1.6rem;\n            color: var(--cl-navy);\n            font-weight: 900;\n            margin: 0 0 15px;\n            line-height: 1.2;\n        }\n\n        .vision-card p {\n            font-size: 1.1rem;\n            color: #64748b;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .vision-card p strong { color: var(--cl-navy); }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 991px) {\n            .vision-grid { grid-template-columns: 1fr; }\n            .vision-card { padding: 40px 30px; }\n            #cl-chromatic-vision { padding: 60px 0; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-chromatic-vision\">\n    <div class=\"vision-mesh\" id=\"vMesh\"><\/div>\n\n    <div class=\"vision-container\">\n        \n        <div class=\"vision-header\">\n            <h2>Our <span>Vision<\/span><\/h2>\n            <div class=\"vision-accent\"><\/div>\n            <p style=\"color: #64748b; font-size: 1.15rem; max-width: 600px; margin: 0 auto;\">\n                To set a new standard in personalised education by combining structured learning, measurable progress, and confidence-driven growth.\n            <\/p>\n        <\/div>\n\n        <div class=\"vision-grid\">\n            \n            <div class=\"vision-card v-card-teal kinetic-node\">\n                <div class=\"v-icon-wrap\">\ud83d\ude80<\/div>\n                <h3>Nurturing Future Leaders<\/h3>\n                <p>Developing <strong>lifelong learners<\/strong> equipped for today's opportunities and tomorrow's leadership.<\/p>\n            <\/div>\n\n            <div class=\"vision-card v-card-purple kinetic-node\">\n                <div class=\"v-icon-wrap\">\u2728<\/div>\n                <h3>Curiosity to Confidence<\/h3>\n                <p>Engineering a path where a child's <strong>curiosity<\/strong> transforms into absolute confidence.<\/p>\n            <\/div>\n\n            <div class=\"vision-card v-card-orange kinetic-node\">\n                <div class=\"v-icon-wrap\">\ud83c\udf93<\/div>\n                <h3>Global Accessibility<\/h3>\n                <p>Providing <strong>personalised learning<\/strong> for ICAS, NAPLAN, OC, and scholarships globally.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ --- 1. LIVE MESH BACKGROUND ---\n    const mesh = document.getElementById('vMesh');\n    document.addEventListener('mousemove', (e) => {\n        const x = (e.clientX \/ window.innerWidth) * 100;\n        const y = (e.clientY \/ window.innerHeight) * 100;\n        mesh.style.setProperty('--x', `${x}%`);\n        mesh.style.setProperty('--y', `${y}%`);\n    });\n\n    \/\/ --- 2. 3D KINETIC INTERACTION ---\n    const nodes = document.querySelectorAll('.kinetic-node');\n    nodes.forEach(node => {\n        node.addEventListener('mousemove', (e) => {\n            const rect = node.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n            \n            const rotateX = (y - centerY) \/ 10;\n            const rotateY = (centerX - x) \/ 10;\n\n            node.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.03, 1.03, 1.03)`;\n        });\n\n        node.addEventListener('mouseleave', () => {\n            node.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n        :root {\n            --cl-purple: #6B1AB7;\n            --cl-orange: #f97316;\n            --cl-teal: #14b8a6;\n            --cl-navy: #0c4a6e;\n        }\n\n        \/* --- STABILIZED LAYOUT --- *\/\n        #cl-mission-stable {\n            position: relative;\n            padding: 40px 0;\n            background: #ffffff;\n            font-family: 'Outfit', sans-serif;\n            overflow: hidden;\n            display: flex;\n            justify-content: center;\n        }\n\n        .mission-glow-layer {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(107, 26, 183, 0.04) 0%, transparent 60%);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .mission-wrapper {\n            max-width: 1200px;\n            width: 90%;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            position: relative;\n            z-index: 10;\n            align-items: center;\n        }\n\n        \/* --- LEFT SIDE: HIGH-CONTRAST HEADING (FIXED) --- *\/\n        .mission-title-area {\n            background: var(--cl-navy);\n            padding: 60px;\n            border-radius: 40px;\n            color: white;\n            box-shadow: 0 20px 50px rgba(12, 74, 110, 0.2);\n        }\n\n        .mission-prefix {\n            font-weight: 900;\n            letter-spacing: 4px;\n            color: var(--cl-teal);\n            font-size: 0.8rem;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            display: block;\n        }\n\n        \/* Fixed Heading Visibility *\/\n        .mission-title-area h2 {\n            font-size: clamp(2.5rem, 5vw, 3.8rem);\n            line-height: 0.95;\n            margin: 0;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .line-1 {\n            color: #ffffff; \/* Forced white for permanent visibility *\/\n            display: block;\n            margin-bottom: 5px;\n        }\n\n        .line-2 {\n            color: var(--cl-orange);\n            display: block;\n            background: linear-gradient(90deg, var(--cl-orange), #ffcc00);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* --- RIGHT SIDE: KINETIC CONTENT & BADGES --- *\/\n        .mission-info-area {\n            background: #ffffff;\n            border: 1px solid rgba(12, 74, 110, 0.1);\n            padding: 50px;\n            border-radius: 40px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n        }\n\n        .mission-description {\n            font-size: 1.25rem;\n            color: #475569;\n            line-height: 1.7;\n            margin: 0 0 35px 0;\n        }\n\n        .mission-description strong {\n            color: var(--cl-navy);\n            border-bottom: 2px solid var(--cl-teal);\n        }\n\n        \/* --- PERMANENTLY COLOURED LIVE BADGES --- *\/\n        .mission-badges {\n            display: flex;\n            gap: 12px;\n            flex-wrap: wrap;\n        }\n\n        .m-badge {\n            padding: 12px 24px;\n            border-radius: 100px;\n            font-size: 0.85rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border: 2px solid transparent;\n            transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n            cursor: pointer;\n            background: rgba(248, 250, 252, 0.8); \n        }\n\n        .mb-purple { color: var(--cl-purple); border-color: rgba(107, 26, 183, 0.2); }\n        .mb-purple:hover { background: var(--cl-purple); color: #fff !important; border-color: var(--cl-purple); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(107, 26, 183, 0.3); }\n\n        .mb-orange { color: var(--cl-orange); border-color: rgba(249, 115, 22, 0.2); }\n        .mb-orange:hover { background: var(--cl-orange); color: #fff !important; border-color: var(--cl-orange); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3); }\n\n        .mb-teal { color: var(--cl-teal); border-color: rgba(20, 184, 166, 0.2); }\n        .mb-teal:hover { background: var(--cl-teal); color: #fff !important; border-color: var(--cl-teal); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(20, 184, 166, 0.3); }\n\n        .mb-navy { color: var(--cl-navy); border-color: rgba(12, 74, 110, 0.2); }\n        .mb-navy:hover { background: var(--cl-navy); color: #fff !important; border-color: var(--cl-navy); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(12, 74, 110, 0.3); }\n\n        @media (max-width: 1024px) {\n            .mission-wrapper { grid-template-columns: 1fr; }\n            .mission-title-area { padding: 40px 25px; text-align: center; }\n            .mission-badges { justify-content: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section id=\"cl-mission-stable\">\n    <div class=\"mission-glow-layer\" id=\"glowMesh\"><\/div>\n\n    <div class=\"mission-wrapper\">\n        <div class=\"mission-title-area\">\n            <span class=\"mission-prefix\">OUR CORE MISSION<\/span>\n            <h2>\n                <span class=\"line-1\">Your Child's<\/span>\n                <span class=\"line-2\">Learning Partner<\/span>\n            <\/h2>\n            <div style=\"width: 60px; height: 4px; background: var(--cl-teal); margin-top: 30px; border-radius: 10px;\"><\/div>\n        <\/div>\n\n        <div class=\"mission-info-area\">\n            <p class=\"mission-description\">\n                At <strong>Curious Learner<\/strong>, we are not just mentors; we are your child's <strong>learning partner<\/strong>. Through personalised focused programs strategically aligned with <strong>competitive examinations<\/strong>, we cultivate confidence and future-ready minds.\n            <\/p>\n\n            <div class=\"mission-badges\">\n                <div class=\"m-badge mb-purple\">Personalised<\/div>\n                <div class=\"m-badge mb-orange\">Expert Guidance<\/div>\n                <div class=\"m-badge mb-teal\">Future-Ready<\/div>\n                <div class=\"m-badge mb-navy\">Confidence<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    const glow = document.getElementById('glowMesh');\n    document.addEventListener('mousemove', (e) => {\n        const x = (e.clientX \/ window.innerWidth) * 100;\n        const y = (e.clientY \/ window.innerHeight) * 100;\n        glow.style.setProperty('--mx', `${x}%`);\n        glow.style.setProperty('--my', `${y}%`);\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div id=\"cl-master-final-sections\">\n\n    <section id=\"cl-founder-spotlight\">\n        <div class=\"cl-about-wrapper\">\n            <div class=\"cl-founder-flex-container\">\n                \n                <div class=\"cl-founder-img-side\">\n                    <div class=\"cl-frame-container\">\n                        <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/wp-content\/uploads\/2025\/09\/nitasha-Rajvanshi-1.png\" alt=\"Nitasha Rajvanshi\" title=\"About Us\">\n                        <div class=\"cl-founder-badge-mini\">Founder & Mentor<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cl-founder-text-side\">\n                    <h4 class=\"cl-sub-label\">ABOUT THE FOUNDER<\/h4>\n                    <h2 class=\"cl-founder-name\">Nitasha <span class=\"text-teal\">Rajvanshi<\/span><\/h2>\n                    <p class=\"cl-founder-bio\">Nitasha founded <strong>Curious Learner<\/strong> with a vision to ignite curiosity in every child and build lifelong confidence. Dedicated to helping students excel in competitive exams through personalised guidance.<\/p>\n                    \n                    <div class=\"cl-quote-box-mini\">\n                        <p>\u201cEvery child is unique, with their own strengths and dreams. My mission is to nurture that uniqueness \u2014 to go beyond textbooks and spark curiosity that lasts a lifetime.\u201d<\/p>\n                        <cite>\u2014 Nitasha Rajvanshi<\/cite>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"cl-excellence-grid\">\n        <div class=\"cl-about-wrapper\">\n            <div class=\"cl-grid-header\">\n                <h2 class=\"cl-grid-title\">Guided by <span class=\"text-teal\">Excellence<\/span><\/h2>\n                <div class=\"cl-accent-line-center\"><\/div>\n                <p class=\"cl-grid-subtitle\">Our vision is simple: to nurture lifelong learners ready for tomorrow.<\/p>\n            <\/div>\n\n            <div class=\"cl-cards-container\">\n                <div class=\"cl-info-card v-teal\">\n                    <div class=\"cl-card-icon\">\ud83d\udc51<\/div>\n                    <h3>Expert Mentors<\/h3>\n                    <p>Learn from passionate mentors who know how to prepare students for competitive exams and beyond.<\/p>\n                <\/div>\n\n                <div class=\"cl-info-card v-orange\">\n                    <div class=\"cl-card-icon\">\u23f0<\/div>\n                    <h3>Learning for You<\/h3>\n                    <p>Flexible, personalised pathways that let every child grow at their own pace with confidence.<\/p>\n                <\/div>\n\n                <div class=\"cl-info-card v-purple\">\n                    <div class=\"cl-card-icon\">\ud83d\udcd6<\/div>\n                    <h3>Recognised Success<\/h3>\n                    <p>Earn certificates and milestones that reflect progress and build student pride.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<style>\n\/* --- STABILIZED ALIGNMENT & PADDING --- *\/\n#cl-founder-spotlight, \n#cl-excellence-grid { \n    padding: 40px 0; \/* Reduced to align with Mission\/Vision sections *\/\n    background: #ffffff;\n    overflow: hidden;\n    position: relative;\n}\n\n.cl-about-wrapper {\n    max-width: 1200px; \/* Locked for perfect vertical alignment *\/\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* --- SUBTLE LIVE ANIMATIONS --- *\/\n@keyframes floatSoft {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n.cl-frame-container img,\n.cl-info-card {\n    transition: all 0.4s ease-in-out;\n}\n\n\/* Info Cards Hover: Lift and Glow only on hover *\/\n.cl-info-card:hover {\n    transform: translateY(-10px);\n    border-color: #14b8a6;\n    box-shadow: 0 20px 40px rgba(12, 74, 110, 0.08);\n}\n\n\/* Founder Badge subtle pulse *\/\n.cl-founder-badge-mini {\n    animation: floatSoft 4s ease-in-out infinite;\n}\n\n\/* --- FOUNDER SIDE LAYOUT --- *\/\n.cl-founder-flex-container { \n    display: flex; \n    align-items: center; \n    gap: 60px; \n}\n\n.cl-founder-img-side { flex: 0 0 340px; position: relative; }\n.cl-frame-container img { width: 100%; border-radius: 40px; box-shadow: 0 15px 35px rgba(0,0,0,0.06); }\n.cl-founder-badge-mini { \n    position: absolute; bottom: 20px; right: -10px; \n    background: #6B1AB7; color: #fff; padding: 10px 20px; \n    border-radius: 15px; font-weight: 900; font-size: 0.7rem; \n    box-shadow: 0 10px 20px rgba(107, 26, 183, 0.2); \n}\n\n.cl-sub-label { letter-spacing: 4px; color: #6B1AB7; font-weight: 900; font-size: 0.75rem; margin-bottom: 10px; }\n.cl-founder-name { font-size: 3rem; color: #0c4a6e; font-weight: 900; margin: 10px 0 20px; letter-spacing: -1px; }\n.cl-quote-box-mini { \n    background: #f8fafc; padding: 35px; border-radius: 30px; \n    border-left: 6px solid #14b8a6; font-style: italic; \n    margin-top: 30px;\n}\n.cl-quote-box-mini cite { display: block; margin-top: 15px; font-style: normal; font-weight: 700; color: #14b8a6; }\n\n\/* --- EXCELLENCE GRID LAYOUT --- *\/\n.cl-grid-header { text-align: center; margin-bottom: 50px; }\n.cl-grid-title { font-size: 3rem; color: #0c4a6e; font-weight: 900; margin: 0; text-transform: uppercase; letter-spacing: -2px; }\n.cl-accent-line-center { width: 80px; height: 5px; background: #f97316; margin: 15px auto; border-radius: 10px; }\n.cl-grid-subtitle { font-size: 1.1rem; color: #64748b; }\n\n.cl-cards-container { \n    display: grid; \n    grid-template-columns: repeat(3, 1fr); \n    gap: 25px; \n}\n\n.cl-info-card { \n    padding: 45px 30px; border-radius: 40px; \n    background: #fff; border: 1px solid rgba(12, 74, 110, 0.08); \n    text-align: center; \n}\n\n\/* Color Indicators *\/\n.v-teal { border-top: 6px solid #14b8a6; }\n.v-orange { border-top: 6px solid #f97316; }\n.v-purple { border-top: 6px solid #6B1AB7; }\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 991px) {\n    .cl-founder-flex-container { flex-direction: column; text-align: center; }\n    .cl-cards-container { grid-template-columns: 1fr; }\n    .cl-founder-img-side { flex: 0 0 auto; max-width: 300px; margin-bottom: 30px; }\n}\n<\/style>\n\n\n\n<section id=\"cl-milestones-final\">\n    <div class=\"cl-about-wrapper\">\n        <div class=\"cl-milestone-grid\">\n            \n            <div class=\"cl-milestone-card\">\n                <div class=\"cl-icon-circle teal-bg\">\ud83c\udf93<\/div>\n                <div class=\"cl-milestone-num text-teal\" data-target=\"500\">0<\/div>\n                <p class=\"cl-milestone-label\">Students Guided<\/p>\n            <\/div>\n\n            <div class=\"cl-milestone-card\">\n                <div class=\"cl-icon-circle orange-bg\">\ud83d\udcc8<\/div>\n                <div class=\"cl-milestone-num text-orange\" data-target=\"98\">0<\/div>\n                <p class=\"cl-milestone-label\">Success Rate %<\/p>\n            <\/div>\n\n            <div class=\"cl-milestone-card\">\n                <div class=\"cl-icon-circle purple-bg\">\ud83d\udc51<\/div>\n                <div class=\"cl-milestone-num text-purple\" data-target=\"15\">0<\/div>\n                <p class=\"cl-milestone-label\">Expert Mentors<\/p>\n            <\/div>\n\n            <div class=\"cl-milestone-card\">\n                <div class=\"cl-icon-circle blue-bg\">\u23f3<\/div>\n                <div class=\"cl-milestone-num text-blue\" data-target=\"1200\">0<\/div>\n                <p class=\"cl-milestone-label\">Hours Coaching<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- MILESTONE STYLING --- *\/\n#cl-milestones-final { \n    padding: 100px 5%; \n    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%); \n}\n\n.cl-milestone-grid { \n    display: grid; \n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); \n    gap: 30px; \n}\n\n.cl-milestone-card { \n    background: #ffffff; \n    padding: 50px 25px; \n    border-radius: 40px; \n    text-align: center; \n    box-shadow: 0 15px 40px rgba(0,0,0,0.04); \n    border: 1px solid #f1f5f9;\n    transition: transform 0.4s ease;\n}\n\n.cl-milestone-card:hover { transform: translateY(-10px); }\n\n\/* Icon Backgrounds *\/\n.cl-icon-circle { \n    width: 65px; height: 65px; border-radius: 20px; \n    display: flex; align-items: center; justify-content: center; \n    margin: 0 auto 25px; font-size: 1.8rem; \n}\n.teal-bg { background: #e6fffa; color: #14b8a6; }\n.orange-bg { background: #fff7ed; color: #f97316; }\n.purple-bg { background: #f5f3ff; color: #6B1AB7; }\n.blue-bg { background: #f0f9ff; color: #0ea5e9; }\n\n\/* Numbers *\/\n.cl-milestone-num { font-size: 4rem; font-weight: 900; line-height: 1; margin-bottom: 12px; }\n.cl-milestone-num::after { content: '+'; font-size: 2rem; vertical-align: top; margin-left: 2px; }\n\/* Special case for percentage *\/\n.cl-milestone-card:nth-child(2) .cl-milestone-num::after { content: '%'; }\n\n.cl-milestone-label { \n    font-size: 1rem; font-weight: 800; color: #0c4a6e; \n    text-transform: uppercase; letter-spacing: 1px; \n}\n\n\/* Color Classes *\/\n.text-teal { color: #14b8a6; }\n.text-orange { color: #f97316; }\n.text-purple { color: #6B1AB7; }\n.text-blue { color: #0ea5e9; }\n\n@media (max-width: 768px) {\n    .cl-milestone-num { font-size: 3rem; }\n    .cl-milestone-card { padding: 40px 20px; }\n}\n<\/style>\n\n<script>\n\/* --- DYNAMIC COUNTER SCRIPT --- *\/\nconst startAcademyCounters = () => {\n    const counters = document.querySelectorAll('.cl-milestone-num');\n    counters.forEach(counter => {\n        const update = () => {\n            const target = +counter.getAttribute('data-target');\n            const count = +counter.innerText;\n            const speed = 150; \n            const inc = target \/ speed;\n\n            if (count < target) {\n                counter.innerText = Math.ceil(count + inc);\n                setTimeout(update, 20);\n            } else {\n                counter.innerText = target;\n            }\n        };\n        update();\n    });\n};\n\n\/\/ Trigger only when user scrolls to section\nconst milestoneObserver = new IntersectionObserver((entries) => {\n    if(entries[0].isIntersecting) {\n        startAcademyCounters();\n        milestoneObserver.disconnect();\n    }\n}, { threshold: 0.5 });\n\nmilestoneObserver.observe(document.querySelector('#cl-milestones-final'));\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Established to Inspire Nurturing Curiosity, Building Confidence At Curious Learner, we believe learning should build confidence, not pressure. Through personalised [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-637","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Established to Inspire Nurturing Curiosity, Building Confidence At Curious Learner, we believe learning should build confidence, not pressure. Through personalised [&hellip;]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":8,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":1010,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/637\/revisions\/1010"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}