{"id":47,"date":"2026-08-20T14:53:25","date_gmt":"2026-08-20T14:53:25","guid":{"rendered":"https:\/\/abhinavanand.in\/?page_id=47"},"modified":"2026-08-20T16:31:28","modified_gmt":"2026-08-20T16:31:28","slug":"about-us","status":"publish","type":"page","link":"https:\/\/abhinavanand.in\/?page_id=47","title":{"rendered":"About Us"},"content":{"rendered":"\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 HERO SECTION\n     STANDALONE \u2022 TRANSPARENT \u2022 RESPONSIVE\n========================================================= -->\n\n<section id=\"itz-about-hero\">\n\n<style>\n\n\/* =========================================================\n   STANDALONE RESET\n========================================================= *\/\n\n#itz-about-hero,\n#itz-about-hero *{\n    box-sizing:border-box;\n}\n\n#itz-about-hero{\n    width:100%;\n    margin:0!important;\n    padding:0!important;\n    background:transparent!important;\n    font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n    color:#40537D;\n    overflow:hidden;\n}\n\n#itz-about-hero .itz-about-wrap{\n    width:min(1100px,calc(100% - 40px));\n    margin:0 auto;\n    padding:55px 0 45px;\n    position:relative;\n}\n\n\n\/* =========================================================\n   MAIN GRID\n========================================================= *\/\n\n#itz-about-hero .itz-about-grid{\n    display:grid;\n    grid-template-columns:1.02fr .98fr;\n    align-items:center;\n    gap:65px;\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n#itz-about-hero .itz-about-content{\n    position:relative;\n    z-index:5;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n#itz-about-hero .itz-about-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:17px;\n    padding:8px 14px;\n\n    border:1px solid\n        rgba(42,82,184,.11);\n\n    border-radius:50px;\n\n    background:\n        rgba(42,82,184,.045);\n\n    color:#315BB5;\n\n    font-size:10px;\n    font-weight:800;\n\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n#itz-about-hero .itz-about-badge-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2A52B8,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 4px\n        rgba(42,82,184,.08);\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#itz-about-hero h1{\n    margin:0 0 18px;\n\n    color:#263F77;\n\n    font-size:\n        clamp(36px,4.5vw,58px);\n\n    line-height:1.08;\n\n    letter-spacing:-1.8px;\n\n    font-weight:800;\n}\n\n#itz-about-hero h1 span{\n    display:block;\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n#itz-about-hero .itz-about-description{\n    max-width:580px;\n\n    margin:0 0 23px;\n\n    color:#71809D;\n\n    font-size:14px;\n\n    line-height:1.85;\n}\n\n\n\/* =========================================================\n   HIGHLIGHT TEXT\n========================================================= *\/\n\n#itz-about-hero .itz-about-highlight{\n    display:flex;\n    align-items:flex-start;\n    gap:11px;\n\n    max-width:550px;\n\n    margin-bottom:26px;\n    padding:14px 16px;\n\n    border-left:\n        3px solid #2A52B8;\n\n    border-radius:0 13px 13px 0;\n\n    background:\n        rgba(42,82,184,.045);\n}\n\n#itz-about-hero .itz-about-highlight-dot{\n    width:8px;\n    height:8px;\n\n    min-width:8px;\n\n    margin-top:6px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2A52B8,\n            #7138C8\n        );\n}\n\n#itz-about-hero .itz-about-highlight p{\n    margin:0;\n\n    color:#50658F;\n\n    font-size:12px;\n\n    line-height:1.7;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n#itz-about-hero .itz-about-buttons{\n    display:flex;\n    align-items:center;\n    gap:11px;\n    flex-wrap:wrap;\n}\n\n#itz-about-hero .itz-about-btn{\n    min-height:46px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:0 21px;\n\n    border-radius:50px;\n\n    text-decoration:none;\n\n    font-size:12px;\n    font-weight:700;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n}\n\n#itz-about-hero .itz-about-btn-primary{\n    color:#fff!important;\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7332B8\n        );\n\n    box-shadow:\n        0 10px 25px\n        rgba(61,76,195,.18);\n}\n\n#itz-about-hero .itz-about-btn-primary:hover{\n    color:#fff!important;\n\n    transform:translateY(-3px);\n\n    box-shadow:\n        0 16px 32px\n        rgba(61,76,195,.26);\n}\n\n#itz-about-hero .itz-about-btn-secondary{\n    color:#3C5790!important;\n\n    border:1px solid\n        rgba(42,82,184,.12);\n\n    background:\n        rgba(255,255,255,.65);\n}\n\n#itz-about-hero .itz-about-btn-secondary:hover{\n    color:#2A52B8!important;\n\n    transform:translateY(-3px);\n\n    border-color:\n        rgba(42,82,184,.25);\n\n    box-shadow:\n        0 10px 24px\n        rgba(42,82,184,.08);\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n========================================================= *\/\n\n#itz-about-hero .itz-about-visual{\n    position:relative;\n\n    min-height:475px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n\n\/* =========================================================\n   IMAGE BACKGROUND SHAPE\n========================================================= *\/\n\n#itz-about-hero .itz-about-image-bg{\n    position:absolute;\n\n    width:390px;\n    height:390px;\n\n    right:15px;\n\n    border-radius:\n        42% 58% 55% 45% \/\n        48% 43% 57% 52%;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(42,82,184,.12),\n            rgba(113,56,200,.08),\n            rgba(255,122,26,.07)\n        );\n\n    transform:rotate(-7deg);\n\n    animation:\n        itzAboutFloat\n        7s\n        ease-in-out\n        infinite;\n}\n\n@keyframes itzAboutFloat{\n\n    0%,100%{\n        transform:\n            rotate(-7deg)\n            translateY(0);\n    }\n\n    50%{\n        transform:\n            rotate(-4deg)\n            translateY(-9px);\n    }\n\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n#itz-about-hero .itz-about-main-image{\n    position:relative;\n\n    width:360px;\n    height:405px;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.8);\n\n    background:#eef3fb;\n\n    box-shadow:\n        0 25px 65px\n        rgba(42,82,184,.15);\n\n    transform:\n        rotate(2deg);\n}\n\n#itz-about-hero .itz-about-main-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n#itz-about-hero .itz-about-main-image::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 60%,\n            rgba(19,38,78,.16)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   FLOATING CARD \u2014 EXPERIENCE\n========================================================= *\/\n\n#itz-about-hero .itz-about-float-card{\n    position:absolute;\n\n    left:-18px;\n    bottom:65px;\n\n    z-index:10;\n\n    width:175px;\n\n    padding:15px 16px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.85);\n\n    border-radius:17px;\n\n    background:\n        rgba(255,255,255,.88);\n\n    box-shadow:\n        0 17px 40px\n        rgba(42,82,184,.14);\n\n    backdrop-filter:\n        blur(16px);\n\n    -webkit-backdrop-filter:\n        blur(16px);\n\n    animation:\n        itzCardFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n@keyframes itzCardFloat{\n\n    0%,100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-8px);\n    }\n\n}\n\n#itz-about-hero .itz-float-label{\n    margin:0 0 5px;\n\n    color:#8A96AA;\n\n    font-size:9px;\n\n    font-weight:700;\n\n    text-transform:uppercase;\n\n    letter-spacing:.6px;\n}\n\n#itz-about-hero .itz-float-title{\n    margin:0;\n\n    color:#304A82;\n\n    font-size:13px;\n\n    line-height:1.4;\n\n    font-weight:800;\n}\n\n#itz-about-hero .itz-float-line{\n    width:38px;\n    height:3px;\n\n    margin-top:9px;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #2A52B8,\n            #7138C8\n        );\n}\n\n\n\/* =========================================================\n   FLOATING STAT CARD\n========================================================= *\/\n\n#itz-about-hero .itz-about-stat{\n    position:absolute;\n\n    right:-10px;\n    top:75px;\n\n    z-index:10;\n\n    width:150px;\n\n    padding:15px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.9);\n\n    border-radius:17px;\n\n    background:\n        rgba(255,255,255,.9);\n\n    box-shadow:\n        0 16px 38px\n        rgba(42,82,184,.12);\n\n    backdrop-filter:\n        blur(15px);\n\n    -webkit-backdrop-filter:\n        blur(15px);\n\n    animation:\n        itzStatFloat\n        6s\n        ease-in-out\n        infinite;\n}\n\n@keyframes itzStatFloat{\n\n    0%,100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(7px);\n    }\n\n}\n\n#itz-about-hero .itz-stat-number{\n    margin:0 0 3px;\n\n    color:#2A52B8;\n\n    font-size:25px;\n\n    font-weight:800;\n\n    line-height:1;\n}\n\n#itz-about-hero .itz-stat-text{\n    margin:0;\n\n    color:#71809D;\n\n    font-size:9px;\n\n    line-height:1.5;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   MINI TAGS\n========================================================= *\/\n\n#itz-about-hero .itz-about-tags{\n    position:absolute;\n\n    right:10px;\n    bottom:48px;\n\n    display:flex;\n\n    gap:6px;\n\n    flex-wrap:wrap;\n\n    justify-content:flex-end;\n\n    max-width:190px;\n\n    z-index:8;\n}\n\n#itz-about-hero .itz-about-tag{\n    padding:7px 10px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:30px;\n\n    color:#55709F;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 8px 18px\n        rgba(42,82,184,.06);\n\n    font-size:8px;\n\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   BOTTOM TRUST ROW\n========================================================= *\/\n\n#itz-about-hero .itz-about-trust{\n    display:flex;\n\n    align-items:center;\n\n    gap:18px;\n\n    margin-top:34px;\n\n    padding-top:18px;\n\n    border-top:\n        1px solid\n        rgba(42,82,184,.07);\n}\n\n#itz-about-hero .itz-trust-item{\n    display:flex;\n    align-items:center;\n    gap:7px;\n\n    color:#7A879E;\n\n    font-size:10px;\n    font-weight:600;\n}\n\n#itz-about-hero .itz-trust-check{\n    width:20px;\n    height:20px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    color:#2A52B8;\n\n    background:\n        rgba(42,82,184,.07);\n\n    font-size:9px;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n    #itz-about-hero .itz-about-grid{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    #itz-about-hero .itz-about-content{\n        text-align:center;\n    }\n\n    #itz-about-hero .itz-about-description{\n        margin-left:auto;\n        margin-right:auto;\n    }\n\n    #itz-about-hero .itz-about-highlight{\n        margin-left:auto;\n        margin-right:auto;\n        text-align:left;\n    }\n\n    #itz-about-hero .itz-about-buttons{\n        justify-content:center;\n    }\n\n    #itz-about-hero .itz-about-visual{\n        min-height:460px;\n    }\n\n    #itz-about-hero .itz-about-trust{\n        justify-content:center;\n        flex-wrap:wrap;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    #itz-about-hero .itz-about-wrap{\n        width:calc(100% - 28px);\n        padding:35px 0 35px;\n    }\n\n    #itz-about-hero h1{\n        font-size:36px;\n        letter-spacing:-1px;\n    }\n\n    #itz-about-hero .itz-about-description{\n        font-size:12.5px;\n        line-height:1.75;\n    }\n\n    #itz-about-hero .itz-about-highlight{\n        padding:12px 13px;\n    }\n\n    #itz-about-hero .itz-about-buttons{\n        flex-direction:column;\n        width:100%;\n    }\n\n    #itz-about-hero .itz-about-btn{\n        width:100%;\n    }\n\n    #itz-about-hero .itz-about-visual{\n        min-height:410px;\n    }\n\n    #itz-about-hero .itz-about-image-bg{\n        width:290px;\n        height:300px;\n        right:50%;\n        transform:translateX(50%) rotate(-7deg);\n    }\n\n    #itz-about-hero .itz-about-main-image{\n        width:275px;\n        height:320px;\n        border-radius:23px;\n    }\n\n    #itz-about-hero .itz-about-float-card{\n        left:0;\n        bottom:35px;\n        width:145px;\n        padding:12px;\n    }\n\n    #itz-about-hero .itz-about-stat{\n        right:0;\n        top:45px;\n        width:125px;\n        padding:12px;\n    }\n\n    #itz-about-hero .itz-stat-number{\n        font-size:21px;\n    }\n\n    #itz-about-hero .itz-about-tags{\n        right:0;\n        bottom:0;\n        max-width:145px;\n    }\n\n    #itz-about-hero .itz-about-tag{\n        padding:6px 8px;\n        font-size:7px;\n    }\n\n    #itz-about-hero .itz-about-trust{\n        gap:10px 15px;\n        margin-top:25px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:380px){\n\n    #itz-about-hero h1{\n        font-size:32px;\n    }\n\n    #itz-about-hero .itz-about-main-image{\n        width:245px;\n        height:300px;\n    }\n\n    #itz-about-hero .itz-about-image-bg{\n        width:270px;\n        height:285px;\n    }\n\n    #itz-about-hero .itz-about-float-card{\n        left:-3px;\n        width:130px;\n    }\n\n    #itz-about-hero .itz-about-stat{\n        right:-3px;\n        width:115px;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     HERO CONTENT\n========================================================= -->\n\n<div class=\"itz-about-wrap\">\n\n    <div class=\"itz-about-grid\">\n\n\n        <!-- =================================================\n             LEFT\n        ================================================== -->\n\n        <div class=\"itz-about-content\">\n\n            <div class=\"itz-about-badge\">\n\n                <span class=\"itz-about-badge-dot\"><\/span>\n\n                About Inspire Tech Zone\n\n            <\/div>\n\n\n            <h1>\n\n                Building Skills.\n                <span>Creating Futures.<\/span>\n\n            <\/h1>\n\n\n            <p class=\"itz-about-description\">\n\n                Inspire Tech Zone is focused on helping students\n                and professionals build practical digital skills\n                through industry-relevant learning, hands-on\n                projects and modern technology.\n\n            <\/p>\n\n\n            <div class=\"itz-about-highlight\">\n\n                <span class=\"itz-about-highlight-dot\"><\/span>\n\n                <p>\n\n                    Learn from practical experience, understand\n                    real-world tools and prepare yourself for\n                    the continuously evolving digital industry.\n\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"itz-about-buttons\">\n\n                <a\n                    href=\"#\"\n                    class=\"itz-about-btn itz-about-btn-primary\"\n                >\n                    Explore Our Courses\n                <\/a>\n\n\n                <a\n                    href=\"#\"\n                    class=\"itz-about-btn itz-about-btn-secondary\"\n                >\n                    Meet Our Students\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"itz-about-trust\">\n\n                <div class=\"itz-trust-item\">\n\n                    <span class=\"itz-trust-check\">\n                        \u2713\n                    <\/span>\n\n                    Practical Learning\n\n                <\/div>\n\n\n                <div class=\"itz-trust-item\">\n\n                    <span class=\"itz-trust-check\">\n                        \u2713\n                    <\/span>\n\n                    Industry Focused\n\n                <\/div>\n\n\n                <div class=\"itz-trust-item\">\n\n                    <span class=\"itz-trust-check\">\n                        \u2713\n                    <\/span>\n\n                    Future Ready\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT VISUAL\n        ================================================== -->\n\n        <div class=\"itz-about-visual\">\n\n\n            <div class=\"itz-about-image-bg\"><\/div>\n\n\n            <!-- REALISTIC SAMPLE IMAGE -->\n\n            <div class=\"itz-about-main-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&#038;fit=crop&#038;w=900&#038;q=85\"\n                    alt=\"Students learning together at Inspire Tech Zone\"\n                >\n\n            <\/div>\n\n\n            <!-- EXPERIENCE CARD -->\n\n            <div class=\"itz-about-float-card\">\n\n                <p class=\"itz-float-label\">\n                    Learning Approach\n                <\/p>\n\n                <p class=\"itz-float-title\">\n                    Learn. Practice.\n                    Build. Grow.\n                <\/p>\n\n                <div class=\"itz-float-line\"><\/div>\n\n            <\/div>\n\n\n            <!-- STAT CARD -->\n\n            <div class=\"itz-about-stat\">\n\n                <p class=\"itz-stat-number\">\n                    100%\n                <\/p>\n\n                <p class=\"itz-stat-text\">\n                    Focus on practical,\n                    career-oriented learning\n                <\/p>\n\n            <\/div>\n\n\n            <!-- TAGS -->\n\n            <div class=\"itz-about-tags\">\n\n                <span class=\"itz-about-tag\">\n                    Digital Marketing\n                <\/span>\n\n                <span class=\"itz-about-tag\">\n                    AI Tools\n                <\/span>\n\n                <span class=\"itz-about-tag\">\n                    Technology\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 WHO WE ARE \/ OUR STORY\n     STANDALONE \u2022 TRANSPARENT \u2022 RESPONSIVE\n========================================================= -->\n\n<section id=\"itz-about-story\">\n\n<style>\n\n\/* =========================================================\n   STANDALONE RESET\n========================================================= *\/\n\n#itz-about-story,\n#itz-about-story *{\n    box-sizing:border-box;\n}\n\n#itz-about-story{\n    width:100%;\n    margin:0!important;\n    padding:0!important;\n    background:transparent!important;\n    font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n    color:#40537D;\n    overflow:hidden;\n}\n\n#itz-about-story .itz-story-wrap{\n    width:min(1100px,calc(100% - 40px));\n    margin:0 auto;\n    padding:35px 0 55px;\n}\n\n\n\/* =========================================================\n   MAIN GRID\n   LEFT = CONTENT\n   RIGHT = IMAGE\n========================================================= *\/\n\n#itz-about-story .itz-story-grid{\n    display:grid;\n    grid-template-columns:1.08fr .92fr;\n    gap:65px;\n    align-items:center;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#itz-about-story .itz-story-content{\n    position:relative;\n    z-index:3;\n    order:1;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n#itz-about-story .itz-story-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:14px;\n\n    padding:7px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:50px;\n\n    color:#315BB5;\n\n    background:\n        rgba(42,82,184,.045);\n\n    font-size:10px;\n    font-weight:800;\n\n    letter-spacing:.7px;\n    text-transform:uppercase;\n}\n\n#itz-about-story .itz-story-badge span{\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2A52B8,\n            #7138C8\n        );\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#itz-about-story h2{\n    margin:0 0 15px;\n\n    color:#263F77;\n\n    font-size:\n        clamp(30px,4vw,43px);\n\n    line-height:1.15;\n\n    letter-spacing:-1.1px;\n\n    font-weight:800;\n}\n\n#itz-about-story h2 span{\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n\/* =========================================================\n   PARAGRAPHS\n========================================================= *\/\n\n#itz-about-story .itz-story-content > p{\n    margin:0 0 13px;\n\n    color:#71809D;\n\n    font-size:13px;\n\n    line-height:1.85;\n}\n\n\n\/* =========================================================\n   MISSION BOX\n========================================================= *\/\n\n#itz-about-story .itz-story-mission{\n    margin-top:20px;\n\n    padding:16px 18px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:17px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(42,82,184,.045),\n            rgba(113,56,200,.035)\n        );\n}\n\n#itz-about-story .itz-mission-title{\n    margin:0 0 5px;\n\n    color:#304A82;\n\n    font-size:12px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-mission-text{\n    margin:0;\n\n    color:#71809D;\n\n    font-size:11px;\n\n    line-height:1.7;\n}\n\n\n\/* =========================================================\n   VALUE GRID\n========================================================= *\/\n\n#itz-about-story .itz-story-values{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:10px;\n\n    margin-top:20px;\n}\n\n#itz-about-story .itz-value{\n    padding:13px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.075);\n\n    border-radius:14px;\n\n    background:\n        rgba(255,255,255,.55);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n#itz-about-story .itz-value:hover{\n    transform:translateY(-4px);\n\n    box-shadow:\n        0 12px 25px\n        rgba(42,82,184,.08);\n}\n\n#itz-about-story .itz-value-number{\n    margin:0 0 5px;\n\n    color:#2A52B8;\n\n    font-size:10px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-value h3{\n    margin:0 0 4px;\n\n    color:#40537D;\n\n    font-size:11px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-value p{\n    margin:0;\n\n    color:#8994A8;\n\n    font-size:9px;\n\n    line-height:1.5;\n}\n\n\n\/* =========================================================\n   BOTTOM STATS\n========================================================= *\/\n\n#itz-about-story .itz-story-stats{\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:10px;\n\n    margin-top:25px;\n\n    padding-top:20px;\n\n    border-top:\n        1px solid\n        rgba(42,82,184,.07);\n}\n\n#itz-about-story .itz-stat{\n    text-align:left;\n}\n\n#itz-about-story .itz-stat strong{\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#2E4D8F;\n\n    font-size:20px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-stat span{\n    color:#8793A9;\n\n    font-size:9px;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   RIGHT IMAGE AREA\n========================================================= *\/\n\n#itz-about-story .itz-story-visual{\n    position:relative;\n\n    min-height:475px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    order:2;\n}\n\n\n\/* =========================================================\n   IMAGE BACKGROUND SHAPE\n========================================================= *\/\n\n#itz-about-story .itz-story-image-shape{\n    position:absolute;\n\n    width:390px;\n    height:390px;\n\n    right:5px;\n    top:40px;\n\n    border-radius:\n        58% 42% 45% 55% \/\n        45% 58% 42% 55%;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(42,82,184,.11),\n            rgba(113,56,200,.08),\n            rgba(255,122,26,.055)\n        );\n\n    transform:rotate(7deg);\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n#itz-about-story .itz-story-image{\n    position:relative;\n\n    z-index:2;\n\n    width:365px;\n    height:405px;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.85);\n\n    background:#EEF3FB;\n\n    box-shadow:\n        0 25px 60px\n        rgba(42,82,184,.14);\n\n    transform:rotate(2deg);\n}\n\n#itz-about-story .itz-story-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n}\n\n#itz-about-story .itz-story-image::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 55%,\n            rgba(20,40,80,.17)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   FLOATING EXPERIENCE CARD\n========================================================= *\/\n\n#itz-about-story .itz-story-experience{\n    position:absolute;\n\n    left:5px;\n    bottom:55px;\n\n    z-index:5;\n\n    width:170px;\n\n    padding:16px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.9);\n\n    border-radius:18px;\n\n    background:\n        rgba(255,255,255,.9);\n\n    box-shadow:\n        0 18px 42px\n        rgba(42,82,184,.13);\n\n    backdrop-filter:blur(16px);\n\n    -webkit-backdrop-filter:blur(16px);\n\n    animation:\n        itzStoryFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n@keyframes itzStoryFloat{\n\n    0%,100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-8px);\n    }\n\n}\n\n#itz-about-story .itz-experience-number{\n    margin:0 0 3px;\n\n    color:#2A52B8;\n\n    font-size:25px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-experience-text{\n    margin:0;\n\n    color:#71809D;\n\n    font-size:9px;\n\n    line-height:1.55;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   FLOATING MINI CARD\n========================================================= *\/\n\n#itz-about-story .itz-story-mini{\n    position:absolute;\n\n    right:0;\n    top:65px;\n\n    z-index:6;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    padding:11px 13px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.9);\n\n    border-radius:14px;\n\n    background:\n        rgba(255,255,255,.9);\n\n    box-shadow:\n        0 15px 35px\n        rgba(42,82,184,.11);\n\n    backdrop-filter:blur(15px);\n\n    -webkit-backdrop-filter:blur(15px);\n}\n\n#itz-about-story .itz-mini-dot{\n    width:30px;\n    height:30px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    color:#fff;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2A52B8,\n            #7138C8\n        );\n\n    font-size:12px;\n\n    font-weight:800;\n}\n\n#itz-about-story .itz-mini-text{\n    margin:0;\n\n    color:#40537D;\n\n    font-size:9px;\n\n    line-height:1.45;\n\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n    #itz-about-story .itz-story-grid{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    #itz-about-story .itz-story-content{\n        order:1;\n        text-align:center;\n    }\n\n    #itz-about-story .itz-story-visual{\n        order:2;\n        min-height:455px;\n    }\n\n    #itz-about-story .itz-story-mission{\n        text-align:left;\n    }\n\n    #itz-about-story .itz-story-stats{\n        text-align:left;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    #itz-about-story .itz-story-wrap{\n        width:calc(100% - 28px);\n\n        padding:\n            25px 0 40px;\n    }\n\n    #itz-about-story h2{\n        font-size:30px;\n    }\n\n    #itz-about-story .itz-story-content > p{\n        font-size:12px;\n\n        line-height:1.75;\n    }\n\n    #itz-about-story .itz-story-values{\n        grid-template-columns:1fr;\n\n        text-align:left;\n    }\n\n    #itz-about-story .itz-story-stats{\n        gap:8px;\n    }\n\n    #itz-about-story .itz-stat strong{\n        font-size:18px;\n    }\n\n    #itz-about-story .itz-stat span{\n        font-size:8px;\n    }\n\n    #itz-about-story .itz-story-visual{\n        min-height:380px;\n    }\n\n    #itz-about-story .itz-story-image-shape{\n        width:285px;\n        height:300px;\n\n        right:50%;\n        top:35px;\n\n        transform:\n            translateX(50%)\n            rotate(7deg);\n    }\n\n    #itz-about-story .itz-story-image{\n        width:270px;\n        height:315px;\n\n        border-radius:22px;\n    }\n\n    #itz-about-story .itz-story-experience{\n        left:0;\n        bottom:35px;\n\n        width:145px;\n\n        padding:12px;\n    }\n\n    #itz-about-story .itz-experience-number{\n        font-size:21px;\n    }\n\n    #itz-about-story .itz-story-mini{\n        right:0;\n        top:35px;\n\n        padding:9px 11px;\n    }\n\n    #itz-about-story .itz-mini-dot{\n        width:27px;\n        height:27px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:380px){\n\n    #itz-about-story .itz-story-image{\n        width:245px;\n        height:295px;\n    }\n\n    #itz-about-story .itz-story-image-shape{\n        width:260px;\n        height:280px;\n    }\n\n    #itz-about-story .itz-story-experience{\n        width:130px;\n    }\n\n    #itz-about-story .itz-story-mini{\n        right:-3px;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION CONTENT\n========================================================= -->\n\n<div class=\"itz-story-wrap\">\n\n    <div class=\"itz-story-grid\">\n\n\n        <!-- =================================================\n             LEFT \u2014 CONTENT\n        ================================================== -->\n\n        <div class=\"itz-story-content\">\n\n            <div class=\"itz-story-badge\">\n\n                <span><\/span>\n\n                Who We Are\n\n            <\/div>\n\n\n            <h2>\n\n                More Than Just\n                <span>Learning.<\/span>\n\n            <\/h2>\n\n\n            <p>\n\n                At Inspire Tech Zone, we believe that education\n                becomes meaningful when students can actually\n                apply what they learn.\n\n            <\/p>\n\n\n            <p>\n\n                Our approach combines practical digital skills,\n                modern technology and real-world applications to\n                help learners become more confident, capable and\n                career-ready.\n\n            <\/p>\n\n\n            <!-- MISSION -->\n\n            <div class=\"itz-story-mission\">\n\n                <p class=\"itz-mission-title\">\n                    Our Mission\n                <\/p>\n\n                <p class=\"itz-mission-text\">\n\n                    To make future-ready digital education more\n                    practical, accessible and relevant by helping\n                    learners understand the tools, skills and\n                    mindset required in today&#8217;s digital world.\n\n                <\/p>\n\n            <\/div>\n\n\n            <!-- VALUES -->\n\n            <div class=\"itz-story-values\">\n\n                <div class=\"itz-value\">\n\n                    <p class=\"itz-value-number\">\n                        01\n                    <\/p>\n\n                    <h3>\n                        Practical\n                    <\/h3>\n\n                    <p>\n                        Learn by doing real projects.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"itz-value\">\n\n                    <p class=\"itz-value-number\">\n                        02\n                    <\/p>\n\n                    <h3>\n                        Industry Focused\n                    <\/h3>\n\n                    <p>\n                        Skills aligned with industry needs.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"itz-value\">\n\n                    <p class=\"itz-value-number\">\n                        03\n                    <\/p>\n\n                    <h3>\n                        Future Ready\n                    <\/h3>\n\n                    <p>\n                        Stay prepared for evolving technology.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STATS -->\n\n            <div class=\"itz-story-stats\">\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        Practical\n                    <\/strong>\n\n                    <span>\n                        Learning Approach\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        Industry\n                    <\/strong>\n\n                    <span>\n                        Relevant Skills\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        Future\n                    <\/strong>\n\n                    <span>\n                        Ready Mindset\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT \u2014 IMAGE\n        ================================================== -->\n\n        <div class=\"itz-story-visual\">\n\n            <div class=\"itz-story-image-shape\"><\/div>\n\n\n            <div class=\"itz-story-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&#038;fit=crop&#038;w=900&#038;q=85\"\n                    alt=\"Students learning and collaborating\"\n                >\n\n            <\/div>\n\n\n            <!-- EXPERIENCE CARD -->\n\n            <div class=\"itz-story-experience\">\n\n                <p class=\"itz-experience-number\">\n                    360\u00b0\n                <\/p>\n\n                <p class=\"itz-experience-text\">\n\n                    Learning that connects\n                    skills, technology and\n                    real-world opportunities.\n\n                <\/p>\n\n            <\/div>\n\n\n            <!-- MINI CARD -->\n\n            <div class=\"itz-story-mini\">\n\n                <div class=\"itz-mini-dot\">\n                    ITZ\n                <\/div>\n\n                <p class=\"itz-mini-text\">\n\n                    Learn<br>\n                    Build<br>\n                    Grow\n\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ADVANCED ABOUT SECTION\n     STANDALONE \/ TRANSPARENT\n========================================================= -->\n\n<section id=\"itz-about-advanced\">\n\n<style>\n\n\/* =========================================================\n   STANDALONE RESET\n========================================================= *\/\n\n#itz-about-advanced,\n#itz-about-advanced *{\n    box-sizing:border-box;\n}\n\n#itz-about-advanced{\n    width:100%;\n    margin:0 !important;\n    padding:0 !important;\n    background:transparent !important;\n\n    font-family:\n        \"Inter\",\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n    color:#40537D;\n    overflow:hidden;\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n#itz-about-advanced .itz-about-wrap{\n\n    width:\n        min(\n            1100px,\n            calc(100% - 40px)\n        );\n\n    margin:0 auto;\n\n    padding:\n        55px 0 45px;\n\n    position:relative;\n}\n\n\n\/* =========================================================\n   BACKGROUND DECORATION\n========================================================= *\/\n\n#itz-about-advanced .itz-orb{\n\n    position:absolute;\n\n    border-radius:50%;\n\n    pointer-events:none;\n\n    filter:blur(2px);\n\n    opacity:.65;\n}\n\n#itz-about-advanced .itz-orb-one{\n\n    width:180px;\n    height:180px;\n\n    left:-120px;\n    top:100px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(42,82,184,.10),\n            transparent 70%\n        );\n}\n\n#itz-about-advanced .itz-orb-two{\n\n    width:220px;\n    height:220px;\n\n    right:-150px;\n    bottom:60px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(113,56,200,.09),\n            transparent 70%\n        );\n}\n\n\n\/* =========================================================\n   TOP HEADER\n========================================================= *\/\n\n#itz-about-advanced .itz-about-top{\n\n    display:flex;\n\n    justify-content:space-between;\n\n    align-items:flex-end;\n\n    gap:35px;\n\n    margin-bottom:38px;\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n#itz-about-advanced .itz-about-tag{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    margin-bottom:13px;\n\n    padding:\n        7px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.11);\n\n    border-radius:50px;\n\n    color:#315BB5;\n\n    background:\n        rgba(42,82,184,.045);\n\n    font-size:10px;\n\n    font-weight:800;\n\n    letter-spacing:.75px;\n\n    text-transform:uppercase;\n}\n\n#itz-about-advanced .itz-about-tag i{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2A52B8,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 4px\n        rgba(42,82,184,.07);\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#itz-about-advanced .itz-about-heading{\n\n    margin:0;\n\n    max-width:650px;\n\n    color:#263F77;\n\n    font-size:\n        clamp(\n            34px,\n            5vw,\n            54px\n        );\n\n    line-height:1.02;\n\n    letter-spacing:-2.2px;\n\n    font-weight:800;\n}\n\n#itz-about-advanced .itz-about-heading span{\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n\/* =========================================================\n   HEADER DESCRIPTION\n========================================================= *\/\n\n#itz-about-advanced .itz-about-intro{\n\n    width:330px;\n\n    margin:0 0 4px;\n\n    color:#71809D;\n\n    font-size:12px;\n\n    line-height:1.8;\n}\n\n\n\/* =========================================================\n   ADVANCED GRID\n========================================================= *\/\n\n#itz-about-advanced .itz-about-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        1.35fr;\n\n    gap:22px;\n\n    align-items:stretch;\n}\n\n\n\/* =========================================================\n   LEFT INFORMATION AREA\n========================================================= *\/\n\n#itz-about-advanced .itz-about-info{\n\n    position:relative;\n\n    padding:30px;\n\n    min-height:535px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:28px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.94),\n            rgba(246,249,255,.78)\n        );\n\n    box-shadow:\n        0 22px 60px\n        rgba(42,82,184,.08);\n\n    overflow:hidden;\n}\n\n\n\/* =========================================================\n   INFO DECORATIVE NUMBER\n========================================================= *\/\n\n#itz-about-advanced .itz-big-number{\n\n    position:absolute;\n\n    right:-10px;\n    top:-30px;\n\n    color:\n        rgba(42,82,184,.045);\n\n    font-size:180px;\n\n    line-height:1;\n\n    font-weight:900;\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   INFO HEADING\n========================================================= *\/\n\n#itz-about-advanced .itz-info-kicker{\n\n    margin:0 0 8px;\n\n    color:#2A52B8;\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:1px;\n\n    text-transform:uppercase;\n}\n\n#itz-about-advanced .itz-info-title{\n\n    position:relative;\n\n    z-index:2;\n\n    margin:0 0 13px;\n\n    color:#263F77;\n\n    font-size:27px;\n\n    line-height:1.15;\n\n    letter-spacing:-.8px;\n\n    font-weight:800;\n}\n\n#itz-about-advanced .itz-info-text{\n\n    position:relative;\n\n    z-index:2;\n\n    margin:0;\n\n    color:#71809D;\n\n    font-size:11.5px;\n\n    line-height:1.8;\n}\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\n#itz-about-advanced .itz-journey{\n\n    position:relative;\n\n    margin-top:29px;\n\n    padding-left:25px;\n}\n\n#itz-about-advanced .itz-journey::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:5px;\n\n    top:7px;\n\n    bottom:8px;\n\n    width:1px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #2A52B8,\n            rgba(113,56,200,.10)\n        );\n}\n\n\n\/* =========================================================\n   JOURNEY ITEM\n========================================================= *\/\n\n#itz-about-advanced .itz-journey-item{\n\n    position:relative;\n\n    margin-bottom:22px;\n\n    transition:\n        transform .25s ease;\n}\n\n#itz-about-advanced .itz-journey-item:last-child{\n\n    margin-bottom:0;\n}\n\n#itz-about-advanced .itz-journey-item:hover{\n\n    transform:translateX(5px);\n}\n\n\n\/* =========================================================\n   DOT\n========================================================= *\/\n\n#itz-about-advanced .itz-journey-item::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:-25px;\n\n    top:3px;\n\n    width:10px;\n    height:10px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 5px\n        rgba(42,82,184,.06);\n}\n\n\n\/* =========================================================\n   JOURNEY TEXT\n========================================================= *\/\n\n#itz-about-advanced .itz-journey-item strong{\n\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#40537D;\n\n    font-size:11px;\n\n    font-weight:800;\n}\n\n#itz-about-advanced .itz-journey-item span{\n\n    display:block;\n\n    color:#8A95AA;\n\n    font-size:9.5px;\n\n    line-height:1.55;\n}\n\n\n\/* =========================================================\n   MINI STATS\n========================================================= *\/\n\n#itz-about-advanced .itz-mini-stats{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:7px;\n\n    margin-top:30px;\n\n    padding-top:20px;\n\n    border-top:\n        1px solid\n        rgba(42,82,184,.08);\n}\n\n#itz-about-advanced .itz-stat{\n\n    padding:10px;\n\n    border-radius:12px;\n\n    background:\n        rgba(255,255,255,.70);\n\n    border:\n        1px solid\n        rgba(42,82,184,.06);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n#itz-about-advanced .itz-stat:hover{\n\n    transform:translateY(-3px);\n\n    box-shadow:\n        0 10px 22px\n        rgba(42,82,184,.08);\n}\n\n#itz-about-advanced .itz-stat strong{\n\n    display:block;\n\n    color:#2A52B8;\n\n    font-size:16px;\n\n    font-weight:800;\n}\n\n#itz-about-advanced .itz-stat span{\n\n    display:block;\n\n    margin-top:2px;\n\n    color:#8B96AA;\n\n    font-size:8px;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL AREA\n========================================================= *\/\n\n#itz-about-advanced .itz-about-visual{\n\n    position:relative;\n\n    min-height:535px;\n\n    border-radius:28px;\n\n    overflow:hidden;\n\n    background:#EAF0FA;\n\n    box-shadow:\n        0 25px 65px\n        rgba(42,82,184,.13);\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#itz-about-advanced .itz-about-visual img{\n\n    width:100%;\n    height:100%;\n\n    position:absolute;\n\n    inset:0;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .9s cubic-bezier(.2,.7,.2,1);\n}\n\n#itz-about-advanced\n.itz-about-visual:hover img{\n\n    transform:scale(1.045);\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n#itz-about-advanced .itz-about-visual::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(9,31,69,.02) 25%,\n            rgba(9,31,69,.46) 100%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   TOP IMAGE BADGE\n========================================================= *\/\n\n#itz-about-advanced .itz-image-badge{\n\n    position:absolute;\n\n    z-index:5;\n\n    top:22px;\n\n    right:22px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    padding:\n        9px 13px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.35);\n\n    border-radius:50px;\n\n    color:#fff;\n\n    background:\n        rgba(20,40,80,.30);\n\n    backdrop-filter:\n        blur(14px);\n\n    -webkit-backdrop-filter:\n        blur(14px);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.6px;\n}\n\n#itz-about-advanced .itz-image-badge i{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:#70D6FF;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(112,214,255,.13);\n}\n\n\n\/* =========================================================\n   FLOATING CARD \u2014 TOP LEFT\n========================================================= *\/\n\n#itz-about-advanced .itz-floating-card{\n\n    position:absolute;\n\n    z-index:7;\n\n    top:25px;\n\n    left:25px;\n\n    width:175px;\n\n    padding:15px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.50);\n\n    border-radius:17px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 18px 40px\n        rgba(12,35,75,.15);\n\n    backdrop-filter:\n        blur(18px);\n\n    -webkit-backdrop-filter:\n        blur(18px);\n\n    transition:\n        transform .3s ease;\n}\n\n#itz-about-advanced\n.itz-about-visual:hover\n.itz-floating-card{\n\n    transform:\n        translateY(-4px);\n}\n\n#itz-about-advanced .itz-floating-card small{\n\n    display:block;\n\n    margin-bottom:4px;\n\n    color:#7E8CA6;\n\n    font-size:8px;\n\n    font-weight:700;\n\n    text-transform:uppercase;\n\n    letter-spacing:.5px;\n}\n\n#itz-about-advanced .itz-floating-card strong{\n\n    display:block;\n\n    color:#263F77;\n\n    font-size:14px;\n\n    line-height:1.25;\n}\n\n\n\/* =========================================================\n   FLOATING CARD \u2014 BOTTOM RIGHT\n========================================================= *\/\n\n#itz-about-advanced .itz-quote-card{\n\n    position:absolute;\n\n    z-index:8;\n\n    right:22px;\n\n    bottom:22px;\n\n    width:255px;\n\n    padding:17px 18px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.35);\n\n    border-radius:18px;\n\n    color:#fff;\n\n    background:\n        rgba(19,43,84,.78);\n\n    box-shadow:\n        0 18px 45px\n        rgba(10,25,60,.25);\n\n    backdrop-filter:\n        blur(15px);\n\n    -webkit-backdrop-filter:\n        blur(15px);\n\n    transition:\n        transform .3s ease;\n}\n\n#itz-about-advanced\n.itz-about-visual:hover\n.itz-quote-card{\n\n    transform:\n        translateY(-5px);\n}\n\n#itz-about-advanced .itz-quote-card p{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:10.5px;\n\n    line-height:1.65;\n\n    font-weight:600;\n}\n\n#itz-about-advanced .itz-quote-card span{\n\n    display:block;\n\n    margin-top:7px;\n\n    color:\n        rgba(255,255,255,.55);\n\n    font-size:8px;\n}\n\n\n\/* =========================================================\n   BOTTOM HIGHLIGHT STRIP\n========================================================= *\/\n\n#itz-about-advanced .itz-highlight-strip{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    margin-top:22px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:17px;\n\n    overflow:hidden;\n\n    background:\n        rgba(255,255,255,.62);\n\n    box-shadow:\n        0 12px 35px\n        rgba(42,82,184,.045);\n}\n\n#itz-about-advanced .itz-highlight{\n\n    padding:\n        14px 16px;\n\n    border-right:\n        1px solid\n        rgba(42,82,184,.07);\n\n    transition:\n        background .25s ease;\n}\n\n#itz-about-advanced .itz-highlight:last-child{\n\n    border-right:0;\n}\n\n#itz-about-advanced .itz-highlight:hover{\n\n    background:\n        rgba(255,255,255,.95);\n}\n\n#itz-about-advanced .itz-highlight strong{\n\n    display:block;\n\n    color:#40537D;\n\n    font-size:10px;\n\n    font-weight:800;\n}\n\n#itz-about-advanced .itz-highlight span{\n\n    display:block;\n\n    margin-top:3px;\n\n    color:#8994A8;\n\n    font-size:8px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n    #itz-about-advanced .itz-about-top{\n\n        flex-direction:column;\n\n        align-items:flex-start;\n\n        gap:12px;\n    }\n\n    #itz-about-advanced .itz-about-intro{\n\n        width:auto;\n\n        max-width:620px;\n    }\n\n    #itz-about-advanced .itz-about-grid{\n\n        grid-template-columns:1fr;\n    }\n\n    #itz-about-advanced .itz-about-info{\n\n        min-height:auto;\n    }\n\n    #itz-about-advanced .itz-about-visual{\n\n        min-height:540px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    #itz-about-advanced .itz-about-wrap{\n\n        width:\n            calc(100% - 28px);\n\n        padding:\n            38px 0 35px;\n    }\n\n    #itz-about-advanced .itz-about-top{\n\n        margin-bottom:25px;\n    }\n\n    #itz-about-advanced .itz-about-heading{\n\n        font-size:34px;\n\n        letter-spacing:-1.4px;\n    }\n\n    #itz-about-advanced .itz-about-intro{\n\n        font-size:11px;\n\n        line-height:1.75;\n    }\n\n    #itz-about-advanced .itz-about-info{\n\n        padding:24px;\n\n        border-radius:23px;\n    }\n\n    #itz-about-advanced .itz-info-title{\n\n        font-size:24px;\n    }\n\n    #itz-about-advanced .itz-info-text{\n\n        font-size:10.5px;\n    }\n\n    #itz-about-advanced .itz-about-visual{\n\n        min-height:450px;\n\n        border-radius:23px;\n    }\n\n    #itz-about-advanced .itz-floating-card{\n\n        top:16px;\n        left:16px;\n\n        width:160px;\n\n        padding:13px;\n    }\n\n    #itz-about-advanced .itz-image-badge{\n\n        top:16px;\n        right:16px;\n\n        font-size:8px;\n\n        padding:8px 10px;\n    }\n\n    \/*\n       QUOTE REMOVED ON MOBILE\n    *\/\n\n    #itz-about-advanced .itz-quote-card{\n\n        display:none !important;\n    }\n\n    #itz-about-advanced .itz-highlight-strip{\n\n        grid-template-columns:\n            1fr 1fr;\n\n        border-radius:15px;\n    }\n\n    #itz-about-advanced .itz-highlight{\n\n        border-right:\n            1px solid\n            rgba(42,82,184,.07);\n\n        border-bottom:\n            1px solid\n            rgba(42,82,184,.07);\n    }\n\n    #itz-about-advanced\n    .itz-highlight:nth-child(2){\n\n        border-right:0;\n    }\n\n    #itz-about-advanced\n    .itz-highlight:nth-child(3),\n    #itz-about-advanced\n    .itz-highlight:nth-child(4){\n\n        border-bottom:0;\n    }\n\n    #itz-about-advanced\n    .itz-highlight:nth-child(4){\n\n        border-right:0;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    #itz-about-advanced .itz-about-heading{\n\n        font-size:30px;\n    }\n\n    #itz-about-advanced .itz-about-visual{\n\n        min-height:410px;\n    }\n\n    #itz-about-advanced .itz-mini-stats{\n\n        gap:5px;\n    }\n\n    #itz-about-advanced .itz-stat{\n\n        padding:8px;\n    }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     DECORATIVE ORBS\n========================================================= -->\n\n<div class=\"itz-about-wrap\">\n\n    <div class=\"itz-orb itz-orb-one\"><\/div>\n\n    <div class=\"itz-orb itz-orb-two\"><\/div>\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"itz-about-top\">\n\n        <div>\n\n            <div class=\"itz-about-tag\">\n\n                <i><\/i>\n\n                About Inspire Tech Zone\n\n            <\/div>\n\n\n            <h2 class=\"itz-about-heading\">\n\n                More Than A Classroom.\n                <span>A Place To Build.<\/span>\n\n            <\/h2>\n\n        <\/div>\n\n\n        <p class=\"itz-about-intro\">\n\n            Inspire Tech Zone is built around a simple\n            philosophy \u2014 combine practical learning,\n            modern technology and real-world exposure\n            to help students become confident creators.\n\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MAIN GRID\n    ====================================================== -->\n\n    <div class=\"itz-about-grid\">\n\n\n        <!-- =================================================\n             INFORMATION\n        ================================================== -->\n\n        <div class=\"itz-about-info\">\n\n\n            <div class=\"itz-big-number\">\n                01\n            <\/div>\n\n\n            <p class=\"itz-info-kicker\">\n                Our Approach\n            <\/p>\n\n\n            <h3 class=\"itz-info-title\">\n\n                Learn Beyond\n                The Classroom.\n\n            <\/h3>\n\n\n            <p class=\"itz-info-text\">\n\n                We focus on helping learners understand\n                technology through practical exposure,\n                guided projects and tools that are actually\n                used in today&#8217;s digital world.\n\n            <\/p>\n\n\n            <!-- =================================================\n                 JOURNEY\n            ================================================== -->\n\n            <div class=\"itz-journey\">\n\n\n                <div class=\"itz-journey-item\">\n\n                    <strong>\n                        Understand\n                    <\/strong>\n\n                    <span>\n\n                        Build strong foundations and\n                        understand the &#8220;why&#8221; behind every\n                        concept.\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-journey-item\">\n\n                    <strong>\n                        Explore\n                    <\/strong>\n\n                    <span>\n\n                        Work with modern AI, digital marketing,\n                        design and technology tools.\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-journey-item\">\n\n                    <strong>\n                        Create\n                    <\/strong>\n\n                    <span>\n\n                        Turn knowledge into practical\n                        projects, campaigns and digital\n                        experiences.\n\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-journey-item\">\n\n                    <strong>\n                        Grow\n                    <\/strong>\n\n                    <span>\n\n                        Develop confidence and skills that\n                        can support future career opportunities.\n\n                    <\/span>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 MINI STATS\n            ================================================== -->\n\n            <div class=\"itz-mini-stats\">\n\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        100%\n                    <\/strong>\n\n                    <span>\n                        Practical Focus\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        AI\n                    <\/strong>\n\n                    <span>\n                        Powered Learning\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"itz-stat\">\n\n                    <strong>\n                        Real\n                    <\/strong>\n\n                    <span>\n                        World Exposure\n                    <\/span>\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             IMAGE AREA\n        ================================================== -->\n\n        <div class=\"itz-about-visual\">\n\n\n            <!-- =================================================\n                 FLOATING TOP CARD\n            ================================================== -->\n\n            <div class=\"itz-floating-card\">\n\n                <small>\n                    Learning Environment\n                <\/small>\n\n                <strong>\n                    Learn. Experiment.\n                    Create.\n                <\/strong>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 IMAGE BADGE\n            ================================================== -->\n\n            <div class=\"itz-image-badge\">\n\n                <i><\/i>\n\n                INSPIRE TECH ZONE\n\n            <\/div>\n\n\n            <!-- =================================================\n                 REALISTIC IMAGE\n            ================================================== -->\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&#038;fit=crop&#038;w=1400&#038;q=90\"\n                alt=\"Students learning and collaborating at Inspire Tech Zone\"\n            >\n\n\n            <!-- =================================================\n                 QUOTE CARD\n                 HIDDEN MOBILE\n            ================================================== -->\n\n            <div class=\"itz-quote-card\">\n\n                <p>\n\n                    \u201cThe goal is not just to learn something\n                    new \u2014 it&#8217;s to become capable of doing\n                    something with it.\u201d\n\n                <\/p>\n\n                <span>\n                    \u2014 Inspire Tech Zone\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM HIGHLIGHTS\n    ====================================================== -->\n\n    <div class=\"itz-highlight-strip\">\n\n\n        <div class=\"itz-highlight\">\n\n            <strong>\n                Practical Learning\n            <\/strong>\n\n            <span>\n                Concepts connected with real use cases.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"itz-highlight\">\n\n            <strong>\n                Modern Tools\n            <\/strong>\n\n            <span>\n                Learn with today&#8217;s digital ecosystem.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"itz-highlight\">\n\n            <strong>\n                Project Based\n            <\/strong>\n\n            <span>\n                Learn by creating and experimenting.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"itz-highlight\">\n\n            <strong>\n                Future Ready\n            <\/strong>\n\n            <span>\n                Skills designed for tomorrow&#8217;s careers.\n            <\/span>\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 WHY ITZ IS DIFFERENT\n     ADVANCED LEFT IMAGE \/ RIGHT CONTENT\n     STANDALONE \u2022 TRANSPARENT \u2022 RESPONSIVE\n========================================================= -->\n\n<section id=\"itz-about-difference\">\n\n<style>\n\n\/* =========================================================\n   STANDALONE RESET\n========================================================= *\/\n\n#itz-about-difference,\n#itz-about-difference *{\n    box-sizing:border-box;\n}\n\n#itz-about-difference{\n\n    width:100%;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    background:transparent !important;\n\n    font-family:\n        \"Inter\",\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n    color:#40537D;\n\n    overflow:hidden;\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n#itz-about-difference .itz-ad-wrap{\n\n    width:\n        min(\n            1100px,\n            calc(100% - 40px)\n        );\n\n    margin:0 auto;\n\n    padding:\n        55px 0 50px;\n\n    position:relative;\n}\n\n\n\/* =========================================================\n   MAIN LAYOUT\n========================================================= *\/\n\n#itz-about-difference .itz-ad-layout{\n\n    display:grid;\n\n    grid-template-columns:\n        .92fr\n        1.08fr;\n\n    gap:65px;\n\n    align-items:center;\n}\n\n\n\/* =========================================================\n   LEFT VISUAL AREA\n========================================================= *\/\n\n#itz-about-difference .itz-ad-visual{\n\n    position:relative;\n\n    min-height:520px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n}\n\n\n\/* =========================================================\n   IMAGE FRAME\n========================================================= *\/\n\n#itz-about-difference .itz-ad-image-wrap{\n\n    width:430px;\n\n    height:500px;\n\n    position:relative;\n\n    border-radius:30px;\n\n    z-index:2;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#itz-about-difference .itz-ad-image{\n\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    object-position:center;\n\n    border-radius:30px;\n\n    box-shadow:\n        0 30px 70px\n        rgba(42,82,184,.15);\n\n    transition:\n        transform .65s ease;\n}\n\n\n#itz-about-difference .itz-ad-image-wrap:hover\n.itz-ad-image{\n\n    transform:\n        scale(1.025);\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n#itz-about-difference .itz-ad-image-wrap::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    border-radius:30px;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 45%,\n            rgba(13,30,65,.62)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   IMAGE BOTTOM CONTENT\n========================================================= *\/\n\n#itz-about-difference .itz-ad-image-content{\n\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:25px;\n\n    z-index:5;\n\n    text-align:left;\n\n    color:#fff;\n}\n\n\n#itz-about-difference .itz-ad-image-content small{\n\n    display:block;\n\n    margin-bottom:5px;\n\n    font-size:9px;\n\n    font-weight:700;\n\n    letter-spacing:1.2px;\n\n    text-transform:uppercase;\n\n    opacity:.78;\n}\n\n\n#itz-about-difference .itz-ad-image-content strong{\n\n    display:block;\n\n    font-size:23px;\n\n    line-height:1.2;\n\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   IMAGE CORNER ELEMENT\n========================================================= *\/\n\n#itz-about-difference .itz-ad-corner{\n\n    position:absolute;\n\n    top:-12px;\n    left:-12px;\n\n    width:80px;\n    height:80px;\n\n    border-top:\n        3px solid\n        #2A52B8;\n\n    border-left:\n        3px solid\n        #7138C8;\n\n    border-radius:\n        20px 0 0 0;\n\n    z-index:1;\n}\n\n\n\/* =========================================================\n   FLOATING EXPERIENCE CARD\n========================================================= *\/\n\n#itz-about-difference .itz-ad-experience{\n\n    position:absolute;\n\n    top:55px;\n    right:-35px;\n\n    width:175px;\n\n    padding:17px 18px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.11);\n\n    border-radius:18px;\n\n    background:\n        rgba(255,255,255,.91);\n\n    box-shadow:\n        0 18px 45px\n        rgba(42,82,184,.13);\n\n    backdrop-filter:\n        blur(18px);\n\n    -webkit-backdrop-filter:\n        blur(18px);\n\n    z-index:8;\n\n    text-align:left;\n\n    animation:\n        itz-ad-float 4s ease-in-out infinite;\n}\n\n\n@keyframes itz-ad-float{\n\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-9px);\n    }\n}\n\n\n#itz-about-difference .itz-ad-experience-number{\n\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#2A52B8;\n\n    font-size:25px;\n\n    line-height:1;\n\n    font-weight:800;\n}\n\n\n#itz-about-difference .itz-ad-experience-title{\n\n    margin:0 0 3px;\n\n    color:#40537D;\n\n    font-size:10px;\n\n    font-weight:800;\n}\n\n\n#itz-about-difference .itz-ad-experience-text{\n\n    margin:0;\n\n    color:#8793A8;\n\n    font-size:8.5px;\n\n    line-height:1.5;\n}\n\n\n\/* =========================================================\n   FLOATING ITZ CARD\n========================================================= *\/\n\n#itz-about-difference .itz-ad-mini{\n\n    position:absolute;\n\n    left:-35px;\n    bottom:55px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:10px;\n\n    padding:\n        11px 14px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:15px;\n\n    background:\n        rgba(255,255,255,.94);\n\n    box-shadow:\n        0 15px 35px\n        rgba(42,82,184,.12);\n\n    backdrop-filter:\n        blur(16px);\n\n    -webkit-backdrop-filter:\n        blur(16px);\n\n    z-index:8;\n}\n\n\n#itz-about-difference .itz-ad-mini-icon{\n\n    width:34px;\n    height:34px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    color:#fff;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #7138C8\n        );\n\n    font-size:9px;\n\n    font-weight:800;\n}\n\n\n#itz-about-difference .itz-ad-mini-text{\n\n    color:#40537D;\n\n    font-size:9px;\n\n    font-weight:700;\n\n    line-height:1.4;\n\n    text-align:left;\n}\n\n\n\/* =========================================================\n   DECORATIVE GLOW\n========================================================= *\/\n\n#itz-about-difference .itz-ad-glow{\n\n    position:absolute;\n\n    width:300px;\n    height:300px;\n\n    left:50%;\n    top:50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(42,82,184,.10),\n            rgba(42,82,184,0)\n        );\n\n    z-index:0;\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n#itz-about-difference .itz-ad-content{\n\n    position:relative;\n\n    z-index:3;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n#itz-about-difference .itz-ad-badge{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:7px;\n\n    margin-bottom:14px;\n\n    padding:\n        7px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:50px;\n\n    color:#315BB5;\n\n    background:\n        rgba(42,82,184,.045);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.8px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-about-difference .itz-ad-badge span{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 4px\n        rgba(42,82,184,.07);\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#itz-about-difference .itz-ad-title{\n\n    max-width:590px;\n\n    margin:0;\n\n    color:#263F77;\n\n    font-size:\n        clamp(\n            31px,\n            4vw,\n            45px\n        );\n\n    line-height:1.08;\n\n    letter-spacing:-1.5px;\n\n    font-weight:800;\n}\n\n\n#itz-about-difference .itz-ad-title em{\n\n    display:block;\n\n    font-style:normal;\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n#itz-about-difference .itz-ad-description{\n\n    max-width:570px;\n\n    margin:\n        17px 0 27px;\n\n    color:#71809D;\n\n    font-size:12px;\n\n    line-height:1.85;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n#itz-about-difference .itz-ad-features{\n\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    gap:10px;\n\n    margin-bottom:26px;\n}\n\n\n\/* =========================================================\n   FEATURE CARD\n========================================================= *\/\n\n#itz-about-difference .itz-ad-feature{\n\n    display:flex;\n\n    align-items:flex-start;\n\n    gap:10px;\n\n    padding:\n        13px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.075);\n\n    border-radius:14px;\n\n    background:\n        rgba(255,255,255,.50);\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease,\n        box-shadow .25s ease;\n}\n\n\n#itz-about-difference .itz-ad-feature:hover{\n\n    transform:\n        translateY(-3px);\n\n    border-color:\n        rgba(42,82,184,.16);\n\n    box-shadow:\n        0 12px 27px\n        rgba(42,82,184,.07);\n}\n\n\n\/* =========================================================\n   FEATURE NUMBER\n========================================================= *\/\n\n#itz-about-difference .itz-ad-number{\n\n    width:29px;\n    height:29px;\n\n    min-width:29px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:9px;\n\n    color:#2A52B8;\n\n    background:\n        rgba(42,82,184,.07);\n\n    font-size:8px;\n\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   FEATURE TEXT\n========================================================= *\/\n\n#itz-about-difference .itz-ad-feature h4{\n\n    margin:\n        0 0 3px;\n\n    color:#40537D;\n\n    font-size:10.5px;\n\n    font-weight:800;\n}\n\n\n#itz-about-difference .itz-ad-feature p{\n\n    margin:0;\n\n    color:#8793A8;\n\n    font-size:8.5px;\n\n    line-height:1.55;\n}\n\n\n\/* =========================================================\n   BOTTOM PHILOSOPHY\n========================================================= *\/\n\n#itz-about-difference .itz-ad-philosophy{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:12px;\n\n    padding:\n        16px 0 0;\n\n    border-top:\n        1px solid\n        rgba(42,82,184,.08);\n}\n\n\n#itz-about-difference .itz-ad-philosophy-line{\n\n    width:32px;\n    height:2px;\n\n    flex-shrink:0;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #2670D9,\n            #7138C8\n        );\n}\n\n\n#itz-about-difference .itz-ad-philosophy p{\n\n    margin:0;\n\n    color:#55709F;\n\n    font-size:9.5px;\n\n    line-height:1.6;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:950px){\n\n    #itz-about-difference .itz-ad-layout{\n\n        gap:45px;\n    }\n\n    #itz-about-difference .itz-ad-image-wrap{\n\n        width:360px;\n\n        height:450px;\n    }\n\n    #itz-about-difference .itz-ad-experience{\n\n        right:-15px;\n    }\n\n    #itz-about-difference .itz-ad-mini{\n\n        left:-15px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n    #itz-about-difference .itz-ad-wrap{\n\n        width:\n            calc(100% - 26px);\n\n        padding:\n            40px 0 38px;\n    }\n\n\n    #itz-about-difference .itz-ad-layout{\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:42px;\n    }\n\n\n    \/* IMAGE FIRST *\/\n\n    #itz-about-difference .itz-ad-visual{\n\n        width:100%;\n\n        min-height:400px;\n\n        order:1;\n    }\n\n\n    #itz-about-difference .itz-ad-content{\n\n        width:100%;\n\n        order:2;\n    }\n\n\n    #itz-about-difference .itz-ad-image-wrap{\n\n        width:\n            min(\n                82vw,\n                340px\n            );\n\n        height:400px;\n    }\n\n\n    #itz-about-difference .itz-ad-experience{\n\n        right:\n            max(\n                0px,\n                calc(\n                    (100vw - 340px) \/ 2 - 15px\n                )\n            );\n\n        top:30px;\n\n        width:145px;\n\n        padding:13px;\n    }\n\n\n    #itz-about-difference .itz-ad-mini{\n\n        left:\n            max(\n                0px,\n                calc(\n                    (100vw - 340px) \/ 2 - 15px\n                )\n            );\n\n        bottom:35px;\n    }\n\n\n    #itz-about-difference .itz-ad-title{\n\n        font-size:30px;\n\n        letter-spacing:-1px;\n    }\n\n\n    #itz-about-difference .itz-ad-title em{\n\n        display:inline;\n    }\n\n\n    #itz-about-difference .itz-ad-description{\n\n        font-size:11px;\n\n        line-height:1.75;\n    }\n\n\n    #itz-about-difference .itz-ad-features{\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:9px;\n    }\n\n\n    #itz-about-difference .itz-ad-feature{\n\n        padding:\n            12px 10px;\n    }\n\n\n    #itz-about-difference .itz-ad-feature h4{\n\n        font-size:10px;\n    }\n\n\n    #itz-about-difference .itz-ad-feature p{\n\n        font-size:8px;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:430px){\n\n    #itz-about-difference .itz-ad-visual{\n\n        min-height:350px;\n    }\n\n\n    #itz-about-difference .itz-ad-image-wrap{\n\n        width:280px;\n\n        height:350px;\n    }\n\n\n    #itz-about-difference .itz-ad-experience{\n\n        right:0;\n\n        top:18px;\n\n        width:125px;\n    }\n\n\n    #itz-about-difference .itz-ad-mini{\n\n        left:0;\n\n        bottom:20px;\n    }\n\n\n    #itz-about-difference .itz-ad-title{\n\n        font-size:27px;\n    }\n\n\n    #itz-about-difference .itz-ad-features{\n\n        grid-template-columns:1fr;\n    }\n\n\n    #itz-about-difference .itz-ad-feature{\n\n        padding:\n            12px;\n\n        text-align:left;\n    }\n\n\n    #itz-about-difference .itz-ad-number{\n\n        flex-shrink:0;\n    }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<div class=\"itz-ad-wrap\">\n\n    <div class=\"itz-ad-layout\">\n\n\n        <!-- =================================================\n             LEFT IMAGE\n        ================================================== -->\n\n        <div class=\"itz-ad-visual\">\n\n\n            <div class=\"itz-ad-glow\"><\/div>\n\n\n            <div class=\"itz-ad-corner\"><\/div>\n\n\n            <div class=\"itz-ad-image-wrap\">\n\n                <img decoding=\"async\"\n                    class=\"itz-ad-image\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n                    alt=\"Students learning together\"\n                    loading=\"lazy\"\n                >\n\n\n                <div class=\"itz-ad-image-content\">\n\n                    <small>\n                        Learning Beyond The Classroom\n                    <\/small>\n\n                    <strong>\n                        Learn. Practice. Create.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- FLOATING CARD -->\n\n            <div class=\"itz-ad-experience\">\n\n                <span class=\"itz-ad-experience-number\">\n                    01\n                <\/span>\n\n                <p class=\"itz-ad-experience-title\">\n                    Practical First\n                <\/p>\n\n                <p class=\"itz-ad-experience-text\">\n                    We focus on what learners\n                    can actually do with their\n                    knowledge.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- MINI CARD -->\n\n            <div class=\"itz-ad-mini\">\n\n                <div class=\"itz-ad-mini-icon\">\n                    ITZ\n                <\/div>\n\n                <div class=\"itz-ad-mini-text\">\n                    Future-Ready<br>\n                    Learning\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT CONTENT\n        ================================================== -->\n\n        <div class=\"itz-ad-content\">\n\n\n            <div class=\"itz-ad-badge\">\n\n                <span><\/span>\n\n                Why ITZ Is Different\n\n            <\/div>\n\n\n            <h2 class=\"itz-ad-title\">\n\n                We Don&#8217;t Just Teach\n                <em>Skills. We Build Capability.<\/em>\n\n            <\/h2>\n\n\n            <p class=\"itz-ad-description\">\n\n                At Inspire Tech Zone, our approach goes beyond\n                completing chapters or collecting certificates.\n                We focus on helping learners understand how\n                digital skills are actually used in the real\n                world \u2014 so they can confidently apply what\n                they learn.\n\n            <\/p>\n\n\n            <!-- =================================================\n                 FEATURES\n            ================================================== -->\n\n            <div class=\"itz-ad-features\">\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        01\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Practical First\n                        <\/h4>\n\n                        <p>\n                            Learn concepts by actually\n                            applying them.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        02\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Industry Relevant\n                        <\/h4>\n\n                        <p>\n                            Learn tools and workflows\n                            used in today&#8217;s digital world.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        03\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            AI Integrated\n                        <\/h4>\n\n                        <p>\n                            Understand how modern AI tools\n                            can improve productivity.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        04\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Project Driven\n                        <\/h4>\n\n                        <p>\n                            Build practical work that can\n                            become part of your portfolio.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        05\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Career Focused\n                        <\/h4>\n\n                        <p>\n                            Develop skills with real career\n                            possibilities in mind.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"itz-ad-feature\">\n\n                    <div class=\"itz-ad-number\">\n                        06\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Continuous Growth\n                        <\/h4>\n\n                        <p>\n                            Build the mindset to keep learning\n                            as technology evolves.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 PHILOSOPHY\n            ================================================== -->\n\n            <div class=\"itz-ad-philosophy\">\n\n                <div class=\"itz-ad-philosophy-line\"><\/div>\n\n                <p>\n                    Because the real measure of learning is\n                    what you can create with it.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 OUR LEARNING APPROACH\n     STANDALONE \u2022 TRANSPARENT \u2022 RESPONSIVE\n========================================================= -->\n\n<section id=\"itz-learning-approach\">\n\n<style>\n\n\/* =========================================================\n   STANDALONE RESET\n========================================================= *\/\n\n#itz-learning-approach,\n#itz-learning-approach *{\n    box-sizing:border-box;\n}\n\n#itz-learning-approach{\n\n    width:100%;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    background:transparent !important;\n\n    font-family:\n        \"Inter\",\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n    color:#40537D;\n\n    overflow:hidden;\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n#itz-learning-approach .itz-la-wrap{\n\n    width:\n        min(\n            1100px,\n            calc(100% - 40px)\n        );\n\n    margin:0 auto;\n\n    padding:\n        55px 0 50px;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#itz-learning-approach .itz-la-header{\n\n    max-width:760px;\n\n    margin:\n        0 auto 38px;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n#itz-learning-approach .itz-la-badge{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:7px;\n\n    margin-bottom:14px;\n\n    padding:\n        7px 13px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:50px;\n\n    background:\n        rgba(42,82,184,.045);\n\n    color:#315BB5;\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.8px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-learning-approach .itz-la-badge i{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 4px\n        rgba(42,82,184,.07);\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#itz-learning-approach .itz-la-title{\n\n    margin:0;\n\n    color:#263F77;\n\n    font-size:\n        clamp(\n            30px,\n            4vw,\n            44px\n        );\n\n    line-height:1.1;\n\n    letter-spacing:-1.5px;\n\n    font-weight:800;\n}\n\n\n#itz-learning-approach .itz-la-title span{\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n#itz-learning-approach .itz-la-description{\n\n    max-width:650px;\n\n    margin:\n        15px auto 0;\n\n    color:#71809D;\n\n    font-size:12px;\n\n    line-height:1.8;\n}\n\n\n\/* =========================================================\n   JOURNEY AREA\n========================================================= *\/\n\n#itz-learning-approach .itz-la-journey{\n\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    gap:18px;\n\n    margin-bottom:32px;\n}\n\n\n\/* =========================================================\n   CONNECTING LINE\n========================================================= *\/\n\n#itz-learning-approach .itz-la-line{\n\n    position:absolute;\n\n    left:11%;\n\n    right:11%;\n\n    top:31px;\n\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(42,82,184,.12),\n            rgba(113,56,200,.28),\n            rgba(42,82,184,.12)\n        );\n\n    z-index:0;\n}\n\n\n\/* =========================================================\n   STEP CARD\n========================================================= *\/\n\n#itz-learning-approach .itz-la-step{\n\n    position:relative;\n\n    z-index:2;\n\n    padding:\n        0 10px;\n\n    text-align:center;\n}\n\n\n\/* =========================================================\n   STEP NUMBER\n========================================================= *\/\n\n#itz-learning-approach .itz-la-number{\n\n    width:62px;\n    height:62px;\n\n    margin:\n        0 auto 17px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    position:relative;\n\n    border:\n        1px solid\n        rgba(42,82,184,.12);\n\n    border-radius:19px;\n\n    background:\n        rgba(255,255,255,.94);\n\n    color:#2A52B8;\n\n    font-size:11px;\n\n    font-weight:800;\n\n    box-shadow:\n        0 12px 30px\n        rgba(42,82,184,.08);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n#itz-learning-approach .itz-la-step:hover\n.itz-la-number{\n\n    transform:\n        translateY(-5px)\n        rotate(-3deg);\n\n    box-shadow:\n        0 18px 35px\n        rgba(42,82,184,.14);\n}\n\n\n\/* =========================================================\n   NUMBER DOT\n========================================================= *\/\n\n#itz-learning-approach .itz-la-number::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:8px;\n    height:8px;\n\n    top:-4px;\n    right:-4px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #7138C8\n        );\n\n    box-shadow:\n        0 0 0 4px\n        rgba(42,82,184,.06);\n}\n\n\n\/* =========================================================\n   STEP TITLE\n========================================================= *\/\n\n#itz-learning-approach .itz-la-step h3{\n\n    margin:\n        0 0 7px;\n\n    color:#40537D;\n\n    font-size:12px;\n\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   STEP TEXT\n========================================================= *\/\n\n#itz-learning-approach .itz-la-step p{\n\n    max-width:190px;\n\n    margin:0 auto;\n\n    color:#8793A8;\n\n    font-size:9px;\n\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   BOTTOM MESSAGE\n========================================================= *\/\n\n#itz-learning-approach .itz-la-message{\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        auto;\n\n    align-items:center;\n\n    gap:25px;\n\n    padding:\n        22px 25px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            100deg,\n            rgba(42,82,184,.035),\n            rgba(113,56,200,.025)\n        );\n}\n\n\n\/* =========================================================\n   MESSAGE TEXT\n========================================================= *\/\n\n#itz-learning-approach .itz-la-message h3{\n\n    margin:\n        0 0 5px;\n\n    color:#40537D;\n\n    font-size:14px;\n\n    font-weight:800;\n}\n\n\n#itz-learning-approach .itz-la-message p{\n\n    max-width:680px;\n\n    margin:0;\n\n    color:#7A879E;\n\n    font-size:10px;\n\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   MESSAGE MARK\n========================================================= *\/\n\n#itz-learning-approach .itz-la-mark{\n\n    width:58px;\n    height:58px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:17px;\n\n    color:#fff;\n\n    background:\n        linear-gradient(\n            135deg,\n            #2670D9,\n            #6038C4,\n            #7138C8\n        );\n\n    font-size:10px;\n\n    font-weight:800;\n\n    box-shadow:\n        0 12px 28px\n        rgba(61,76,195,.20);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:850px){\n\n    #itz-learning-approach .itz-la-journey{\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n        row-gap:35px;\n    }\n\n    #itz-learning-approach .itz-la-line{\n\n        display:none;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    #itz-learning-approach .itz-la-wrap{\n\n        width:\n            calc(100% - 26px);\n\n        padding:\n            40px 0 35px;\n    }\n\n\n    #itz-learning-approach .itz-la-header{\n\n        margin-bottom:30px;\n    }\n\n\n    #itz-learning-approach .itz-la-title{\n\n        font-size:29px;\n\n        letter-spacing:-1px;\n    }\n\n\n    #itz-learning-approach .itz-la-description{\n\n        font-size:11px;\n\n        line-height:1.75;\n    }\n\n\n    #itz-learning-approach .itz-la-journey{\n\n        grid-template-columns:1fr;\n\n        gap:14px;\n    }\n\n\n    #itz-learning-approach .itz-la-step{\n\n        display:grid;\n\n        grid-template-columns:\n            58px\n            1fr;\n\n        gap:14px;\n\n        align-items:center;\n\n        padding:\n            13px;\n\n        text-align:left;\n\n        border:\n            1px solid\n            rgba(42,82,184,.07);\n\n        border-radius:16px;\n\n        background:\n            rgba(255,255,255,.45);\n    }\n\n\n    #itz-learning-approach .itz-la-number{\n\n        width:58px;\n        height:58px;\n\n        margin:0;\n\n        border-radius:17px;\n    }\n\n\n    #itz-learning-approach .itz-la-step p{\n\n        max-width:none;\n\n        margin:0;\n\n        font-size:9px;\n    }\n\n\n    #itz-learning-approach .itz-la-message{\n\n        grid-template-columns:1fr;\n\n        padding:\n            19px;\n\n        gap:15px;\n    }\n\n\n    #itz-learning-approach .itz-la-mark{\n\n        width:48px;\n        height:48px;\n\n        border-radius:14px;\n    }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:400px){\n\n    #itz-learning-approach .itz-la-title{\n\n        font-size:26px;\n    }\n\n    #itz-learning-approach .itz-la-step{\n\n        grid-template-columns:\n            50px\n            1fr;\n\n        gap:11px;\n    }\n\n    #itz-learning-approach .itz-la-number{\n\n        width:50px;\n        height:50px;\n\n        border-radius:14px;\n    }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     CONTENT\n========================================================= -->\n\n<div class=\"itz-la-wrap\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"itz-la-header\">\n\n        <div class=\"itz-la-badge\">\n\n            <i><\/i>\n\n            Our Learning Approach\n\n        <\/div>\n\n\n        <h2 class=\"itz-la-title\">\n\n            From Learning To\n            <span>Real-World Capability<\/span>\n\n        <\/h2>\n\n\n        <p class=\"itz-la-description\">\n\n            We believe effective learning is a journey.\n            At ITZ, students move from understanding a\n            concept to actually applying it \u2014 building\n            confidence and practical capability at every step.\n\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         JOURNEY\n    ====================================================== -->\n\n    <div class=\"itz-la-journey\">\n\n\n        <div class=\"itz-la-line\"><\/div>\n\n\n        <!-- STEP 01 -->\n\n        <div class=\"itz-la-step\">\n\n            <div class=\"itz-la-number\">\n                01\n            <\/div>\n\n            <div>\n\n                <h3>\n                    Understand\n                <\/h3>\n\n                <p>\n                    Build strong fundamentals and understand\n                    why a concept matters in the real world.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 02 -->\n\n        <div class=\"itz-la-step\">\n\n            <div class=\"itz-la-number\">\n                02\n            <\/div>\n\n            <div>\n\n                <h3>\n                    Practice\n                <\/h3>\n\n                <p>\n                    Apply your knowledge through exercises,\n                    tools and guided practical activities.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 03 -->\n\n        <div class=\"itz-la-step\">\n\n            <div class=\"itz-la-number\">\n                03\n            <\/div>\n\n            <div>\n\n                <h3>\n                    Create\n                <\/h3>\n\n                <p>\n                    Turn your learning into projects,\n                    campaigns and practical work.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- STEP 04 -->\n\n        <div class=\"itz-la-step\">\n\n            <div class=\"itz-la-number\">\n                04\n            <\/div>\n\n            <div>\n\n                <h3>\n                    Grow\n                <\/h3>\n\n                <p>\n                    Build confidence and keep developing\n                    skills for a changing digital world.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM MESSAGE\n    ====================================================== -->\n\n    <div class=\"itz-la-message\">\n\n\n        <div>\n\n            <h3>\n                Learning becomes powerful when you can use it.\n            <\/h3>\n\n            <p>\n                That&#8217;s why our approach combines knowledge,\n                practice, technology and real-world application\n                instead of relying only on traditional classroom\n                learning.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"itz-la-mark\">\n            ITZ\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 THE ITZ PROMISE\n     MODERN PREMIUM VERSION\n     \n     STANDALONE SECTION\n     TRANSPARENT BACKGROUND\n     FULLY RESPONSIVE\n========================================================= -->\n\n<section id=\"itz-promise-modern\">\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n#itz-promise-modern,\n#itz-promise-modern *{\n    box-sizing:border-box;\n}\n\n#itz-promise-modern{\n\n    width:100%;\n    margin:0 !important;\n    padding:0 !important;\n\n    background:transparent !important;\n\n    font-family:\n        \"Inter\",\n        \"Poppins\",\n        Arial,\n        sans-serif;\n\n    color:#40537D;\n\n    overflow:hidden;\n\n    --itz-blue:#2A52B8;\n    --itz-blue-light:#4A76D8;\n    --itz-purple:#7138C8;\n    --itz-navy:#263F77;\n    --itz-text:#40537D;\n    --itz-muted:#7C8AA3;\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-wrap{\n\n    width:min(\n        1100px,\n        calc(100% - 40px)\n    );\n\n    margin:0 auto;\n\n    padding:\n        70px 0 60px;\n\n    position:relative;\n}\n\n\n\/* =========================================================\n   TOP INTRO\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-intro{\n\n    display:flex;\n\n    justify-content:space-between;\n\n    align-items:flex-end;\n\n    gap:30px;\n\n    margin-bottom:35px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-eyebrow{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-bottom:13px;\n\n    color:var(--itz-blue);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    text-transform:uppercase;\n\n    letter-spacing:1.8px;\n}\n\n\n#itz-promise-modern .itz-pm-eyebrow::before{\n\n    content:\"\";\n\n    width:25px;\n    height:2px;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--itz-blue),\n            var(--itz-purple)\n        );\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-title{\n\n    margin:0;\n\n    max-width:650px;\n\n    color:var(--itz-navy);\n\n    font-size:\n        clamp(\n            34px,\n            5vw,\n            58px\n        );\n\n    line-height:.98;\n\n    letter-spacing:-2.5px;\n\n    font-weight:850;\n}\n\n\n#itz-promise-modern .itz-pm-title span{\n\n    display:inline;\n\n    background:\n        linear-gradient(\n            100deg,\n            #2670D9 0%,\n            #5B48C5 50%,\n            #7138C8 100%\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n\/* =========================================================\n   INTRO TEXT\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-intro-text{\n\n    max-width:280px;\n\n    margin:0 0 4px;\n\n    color:var(--itz-muted);\n\n    font-size:11px;\n\n    line-height:1.75;\n}\n\n\n\/* =========================================================\n   MAIN FEATURE GRID\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-main{\n\n    display:grid;\n\n    grid-template-columns:\n        1.05fr\n        .95fr;\n\n    gap:22px;\n\n    position:relative;\n}\n\n\n\/* =========================================================\n   LEFT PHILOSOPHY PANEL\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-philosophy{\n\n    position:relative;\n\n    min-height:560px;\n\n    padding:38px;\n\n    overflow:hidden;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:30px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(248,250,255,.85),\n            rgba(255,255,255,.58)\n        );\n\n    box-shadow:\n        0 25px 70px\n        rgba(38,63,119,.07);\n}\n\n\n\/* =========================================================\n   DECORATIVE ORB\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-orb{\n\n    position:absolute;\n\n    width:290px;\n    height:290px;\n\n    top:-150px;\n    right:-130px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(42,82,184,.14),\n            rgba(113,56,200,.04) 45%,\n            transparent 72%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   LARGE NUMBER\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-big-number{\n\n    position:absolute;\n\n    right:28px;\n    bottom:-23px;\n\n    color:rgba(42,82,184,.035);\n\n    font-size:170px;\n\n    line-height:1;\n\n    font-weight:900;\n\n    letter-spacing:-12px;\n\n    user-select:none;\n}\n\n\n\/* =========================================================\n   PHILOSOPHY HEADING\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-small-label{\n\n    position:relative;\n\n    z-index:2;\n\n    display:inline-block;\n\n    margin-bottom:15px;\n\n    padding:6px 10px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.10);\n\n    border-radius:30px;\n\n    background:\n        rgba(42,82,184,.045);\n\n    color:var(--itz-blue);\n\n    font-size:8px;\n\n    font-weight:800;\n\n    letter-spacing:1px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-promise-modern .itz-pm-philosophy h3{\n\n    position:relative;\n\n    z-index:2;\n\n    max-width:520px;\n\n    margin:0;\n\n    color:var(--itz-navy);\n\n    font-size:\n        clamp(\n            27px,\n            3vw,\n            40px\n        );\n\n    line-height:1.05;\n\n    letter-spacing:-1.5px;\n\n    font-weight:800;\n}\n\n\n#itz-promise-modern .itz-pm-philosophy h3 span{\n\n    color:var(--itz-blue);\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-description{\n\n    position:relative;\n\n    z-index:2;\n\n    max-width:480px;\n\n    margin:\n        18px 0 28px;\n\n    color:#77869F;\n\n    font-size:11px;\n\n    line-height:1.85;\n}\n\n\n\/* =========================================================\n   PROMISE GRID\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-promises{\n\n    position:relative;\n\n    z-index:3;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap:9px;\n\n    max-width:500px;\n}\n\n\n\/* =========================================================\n   PROMISE ITEM\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-promise{\n\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        30px 1fr;\n\n    gap:10px;\n\n    align-items:start;\n\n    padding:13px 12px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.075);\n\n    border-radius:14px;\n\n    background:\n        rgba(255,255,255,.58);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n\n#itz-promise-modern .itz-pm-promise:hover{\n\n    transform:\n        translateY(-5px);\n\n    border-color:\n        rgba(42,82,184,.16);\n\n    box-shadow:\n        0 15px 30px\n        rgba(42,82,184,.08);\n}\n\n\n\/* =========================================================\n   PROMISE NUMBER\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-promise-num{\n\n    width:29px;\n    height:29px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:9px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(42,82,184,.10),\n            rgba(113,56,200,.08)\n        );\n\n    color:var(--itz-blue);\n\n    font-size:8px;\n\n    font-weight:800;\n}\n\n\n#itz-promise-modern .itz-pm-promise h4{\n\n    margin:\n        1px 0 4px;\n\n    color:#40537D;\n\n    font-size:10px;\n\n    font-weight:800;\n}\n\n\n#itz-promise-modern .itz-pm-promise p{\n\n    margin:0;\n\n    color:#8A96AA;\n\n    font-size:7.8px;\n\n    line-height:1.55;\n}\n\n\n\/* =========================================================\n   SIGNATURE\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-signature{\n\n    position:relative;\n\n    z-index:3;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-top:25px;\n}\n\n\n#itz-promise-modern .itz-pm-signature-line{\n\n    width:35px;\n    height:2px;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--itz-blue),\n            var(--itz-purple)\n        );\n}\n\n\n#itz-promise-modern .itz-pm-signature span{\n\n    color:#8793A8;\n\n    font-size:8px;\n\n    font-weight:700;\n\n    letter-spacing:.6px;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL COLUMN\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-visual-column{\n\n    position:relative;\n\n    min-height:560px;\n}\n\n\n\/* =========================================================\n   IMAGE FRAME\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-image-frame{\n\n    position:absolute;\n\n    inset:\n        0 0 65px 20px;\n\n    overflow:hidden;\n\n    border-radius:30px;\n\n    box-shadow:\n        0 25px 65px\n        rgba(25,45,90,.13);\n\n    background:#e9edf5;\n}\n\n\n#itz-promise-modern .itz-pm-image-frame::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(17,36,75,.02),\n            rgba(17,36,75,.22)\n        );\n\n    pointer-events:none;\n}\n\n\n#itz-promise-modern .itz-pm-image{\n\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    object-position:center;\n\n    transition:\n        transform .8s ease;\n}\n\n\n#itz-promise-modern .itz-pm-image-frame:hover\n.itz-pm-image{\n\n    transform:scale(1.04);\n}\n\n\n\/* =========================================================\n   IMAGE LABEL\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-image-label{\n\n    position:absolute;\n\n    left:22px;\n    bottom:22px;\n\n    z-index:4;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    padding:\n        10px 13px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.24);\n\n    border-radius:12px;\n\n    background:\n        rgba(12,29,65,.60);\n\n    backdrop-filter:\n        blur(14px);\n\n    -webkit-backdrop-filter:\n        blur(14px);\n\n    color:#fff;\n\n    font-size:8px;\n\n    font-weight:700;\n}\n\n\n#itz-promise-modern .itz-pm-image-label i{\n\n    width:6px;\n    height:6px;\n\n    display:block;\n\n    border-radius:50%;\n\n    background:#78A5FF;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(120,165,255,.12);\n}\n\n\n\/* =========================================================\n   FLOATING QUOTE\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-floating-quote{\n\n    position:absolute;\n\n    z-index:8;\n\n    top:35px;\n\n    right:-12px;\n\n    width:245px;\n\n    padding:20px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.55);\n\n    border-radius:20px;\n\n    background:\n        rgba(255,255,255,.88);\n\n    box-shadow:\n        0 22px 50px\n        rgba(31,53,100,.17);\n\n    backdrop-filter:\n        blur(20px);\n\n    -webkit-backdrop-filter:\n        blur(20px);\n\n    animation:\n        itzPmFloat 5s ease-in-out infinite;\n}\n\n\n@keyframes itzPmFloat{\n\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-9px);\n    }\n}\n\n\n#itz-promise-modern .itz-pm-floating-quote-mark{\n\n    color:var(--itz-blue);\n\n    font-family:Georgia,serif;\n\n    font-size:34px;\n\n    line-height:.6;\n\n    margin-bottom:7px;\n}\n\n\n#itz-promise-modern .itz-pm-floating-quote p{\n\n    margin:0;\n\n    color:#40537D;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:11px;\n\n    line-height:1.6;\n\n    font-weight:600;\n}\n\n\n\/* =========================================================\n   FINAL QUOTE CARD\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-final-quote{\n\n    position:absolute;\n\n    left:0;\n\n    bottom:0;\n\n    z-index:10;\n\n    width:\n        calc(100% - 35px);\n\n    min-height:120px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:15px;\n\n    padding:\n        20px 22px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.11);\n\n    border-radius:20px;\n\n    background:\n        rgba(255,255,255,.93);\n\n    box-shadow:\n        0 20px 45px\n        rgba(31,53,100,.11);\n\n    backdrop-filter:\n        blur(20px);\n\n    -webkit-backdrop-filter:\n        blur(20px);\n}\n\n\n#itz-promise-modern .itz-pm-final-mark{\n\n    flex:0 0 auto;\n\n    color:var(--itz-blue);\n\n    font-family:Georgia,serif;\n\n    font-size:45px;\n\n    line-height:.7;\n}\n\n\n#itz-promise-modern .itz-pm-final-content{\n\n    position:relative;\n}\n\n\n#itz-promise-modern .itz-pm-final-content p{\n\n    margin:\n        0 0 7px;\n\n    color:#40537D;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:12px;\n\n    line-height:1.65;\n\n    font-weight:600;\n}\n\n\n#itz-promise-modern .itz-pm-final-content span{\n\n    color:#8995A9;\n\n    font-size:8px;\n\n    font-weight:800;\n\n    letter-spacing:.6px;\n\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   DECORATIVE DOTS\n========================================================= *\/\n\n#itz-promise-modern .itz-pm-dots{\n\n    position:absolute;\n\n    right:-10px;\n\n    bottom:12px;\n\n    width:65px;\n    height:65px;\n\n    background-image:\n        radial-gradient(\n            rgba(42,82,184,.18) 1px,\n            transparent 1px\n        );\n\n    background-size:9px 9px;\n\n    opacity:.55;\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:950px){\n\n    #itz-promise-modern .itz-pm-wrap{\n\n        width:\n            min(\n                900px,\n                calc(100% - 35px)\n            );\n    }\n\n\n    #itz-promise-modern .itz-pm-main{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-promise-modern .itz-pm-philosophy{\n\n        min-height:auto;\n\n        padding:35px;\n    }\n\n\n    #itz-promise-modern .itz-pm-visual-column{\n\n        min-height:560px;\n    }\n\n\n    #itz-promise-modern .itz-pm-image-frame{\n\n        inset:\n            0 0 60px 0;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-quote{\n\n        width:\n            calc(100% - 25px);\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n    #itz-promise-modern .itz-pm-wrap{\n\n        width:\n            calc(100% - 24px);\n\n        padding:\n            45px 0 35px;\n    }\n\n\n    #itz-promise-modern .itz-pm-intro{\n\n        display:block;\n\n        margin-bottom:25px;\n    }\n\n\n    #itz-promise-modern .itz-pm-title{\n\n        font-size:37px;\n\n        letter-spacing:-1.7px;\n    }\n\n\n    #itz-promise-modern .itz-pm-intro-text{\n\n        max-width:100%;\n\n        margin-top:15px;\n\n        font-size:10px;\n    }\n\n\n    #itz-promise-modern .itz-pm-philosophy{\n\n        padding:27px 20px;\n\n        border-radius:24px;\n    }\n\n\n    #itz-promise-modern .itz-pm-philosophy h3{\n\n        font-size:29px;\n    }\n\n\n    #itz-promise-modern .itz-pm-description{\n\n        font-size:10px;\n\n        line-height:1.75;\n    }\n\n\n    #itz-promise-modern .itz-pm-promises{\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:7px;\n    }\n\n\n    #itz-promise-modern .itz-pm-promise{\n\n        grid-template-columns:\n            25px 1fr;\n\n        gap:7px;\n\n        padding:11px 9px;\n    }\n\n\n    #itz-promise-modern .itz-pm-promise-num{\n\n        width:25px;\n        height:25px;\n\n        font-size:7px;\n    }\n\n\n    #itz-promise-modern .itz-pm-promise h4{\n\n        font-size:8.5px;\n    }\n\n\n    #itz-promise-modern .itz-pm-promise p{\n\n        font-size:7px;\n    }\n\n\n    #itz-promise-modern .itz-pm-big-number{\n\n        font-size:110px;\n\n        right:10px;\n\n        bottom:-10px;\n    }\n\n\n    #itz-promise-modern .itz-pm-visual-column{\n\n        min-height:460px;\n\n        margin-top:16px;\n    }\n\n\n    #itz-promise-modern .itz-pm-image-frame{\n\n        inset:\n            0 0 65px 0;\n\n        border-radius:24px;\n    }\n\n\n    #itz-promise-modern .itz-pm-floating-quote{\n\n        top:18px;\n\n        right:10px;\n\n        width:205px;\n\n        padding:15px;\n\n        border-radius:16px;\n    }\n\n\n    #itz-promise-modern .itz-pm-floating-quote p{\n\n        font-size:9px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-quote{\n\n        left:0;\n\n        width:\n            calc(100% - 15px);\n\n        min-height:110px;\n\n        padding:\n            16px;\n\n        border-radius:17px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-mark{\n\n        font-size:34px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-content p{\n\n        font-size:10px;\n\n        line-height:1.6;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-content span{\n\n        font-size:7px;\n    }\n\n\n    #itz-promise-modern .itz-pm-image-label{\n\n        left:15px;\n\n        bottom:15px;\n\n        font-size:7px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:430px){\n\n    #itz-promise-modern .itz-pm-wrap{\n\n        width:\n            calc(100% - 18px);\n\n        padding:\n            35px 0 28px;\n    }\n\n\n    #itz-promise-modern .itz-pm-title{\n\n        font-size:31px;\n\n        letter-spacing:-1.3px;\n    }\n\n\n    #itz-promise-modern .itz-pm-philosophy{\n\n        padding:\n            24px 15px;\n    }\n\n\n    #itz-promise-modern .itz-pm-philosophy h3{\n\n        font-size:25px;\n    }\n\n\n    #itz-promise-modern .itz-pm-promises{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-promise-modern .itz-pm-promise{\n\n        grid-template-columns:\n            28px 1fr;\n\n        align-items:center;\n    }\n\n\n    #itz-promise-modern .itz-pm-visual-column{\n\n        min-height:390px;\n    }\n\n\n    #itz-promise-modern .itz-pm-floating-quote{\n\n        width:170px;\n\n        padding:12px;\n    }\n\n\n    #itz-promise-modern .itz-pm-floating-quote-mark{\n\n        font-size:27px;\n    }\n\n\n    #itz-promise-modern .itz-pm-floating-quote p{\n\n        font-size:8px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-quote{\n\n        width:\n            calc(100% - 8px);\n\n        padding:\n            13px;\n\n        gap:9px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-mark{\n\n        font-size:29px;\n    }\n\n\n    #itz-promise-modern .itz-pm-final-content p{\n\n        font-size:9px;\n    }\n\n\n    #itz-promise-modern .itz-pm-image-label{\n\n        padding:\n            8px 10px;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION\n========================================================= -->\n\n<div class=\"itz-pm-wrap\">\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"itz-pm-intro\">\n\n        <div>\n\n            <div class=\"itz-pm-eyebrow\">\n                The ITZ Promise\n            <\/div>\n\n            <h2 class=\"itz-pm-title\">\n\n                Your journey doesn&#8217;t\n                <span>end with a course.<\/span>\n\n            <\/h2>\n\n        <\/div>\n\n\n        <p class=\"itz-pm-intro-text\">\n\n            We believe education becomes meaningful\n            when knowledge turns into confidence,\n            creativity and real-world capability.\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN GRID\n    ====================================================== -->\n\n    <div class=\"itz-pm-main\">\n\n\n        <!-- =================================================\n             LEFT \u2014 PHILOSOPHY\n        ================================================== -->\n\n        <div class=\"itz-pm-philosophy\">\n\n\n            <div class=\"itz-pm-orb\"><\/div>\n\n\n            <div class=\"itz-pm-big-number\">\n                06\n            <\/div>\n\n\n            <div class=\"itz-pm-small-label\">\n                What We Promise\n            <\/div>\n\n\n            <h3>\n\n                We don&#8217;t just teach\n                <span>skills.<\/span>\n\n                We help you build the\n                confidence to use them.\n\n            <\/h3>\n\n\n            <p class=\"itz-pm-description\">\n\n                At Inspire Tech Zone, learning is designed\n                around practical understanding. Our goal is\n                to help learners think independently,\n                experiment confidently and turn what they\n                learn into something useful.\n\n            <\/p>\n\n\n            <!-- =================================================\n                 PROMISE CARDS\n            ================================================== -->\n\n            <div class=\"itz-pm-promises\">\n\n\n                <!-- 01 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        01\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Learn With Purpose\n                        <\/h4>\n\n                        <p>\n                            Understand why every skill\n                            actually matters.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 02 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        02\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Build With Confidence\n                        <\/h4>\n\n                        <p>\n                            Turn knowledge into practical\n                            ability.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 03 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        03\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Think Creatively\n                        <\/h4>\n\n                        <p>\n                            Learn to solve problems,\n                            not just follow steps.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 04 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        04\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Stay Future Ready\n                        <\/h4>\n\n                        <p>\n                            Keep adapting as technology\n                            continues to evolve.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 05 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        05\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Create Real Value\n                        <\/h4>\n\n                        <p>\n                            Use your skills to create\n                            meaningful work.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 06 -->\n\n                <div class=\"itz-pm-promise\">\n\n                    <div class=\"itz-pm-promise-num\">\n                        06\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Keep Growing\n                        <\/h4>\n\n                        <p>\n                            Treat learning as a continuous\n                            journey.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 SIGNATURE\n            ================================================== -->\n\n            <div class=\"itz-pm-signature\">\n\n                <div class=\"itz-pm-signature-line\"><\/div>\n\n                <span>\n                    Learn \u2022 Practice \u2022 Create \u2022 Grow\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RIGHT \u2014 IMAGE\n        ================================================== -->\n\n        <div class=\"itz-pm-visual-column\">\n\n\n            <!-- IMAGE -->\n\n            <div class=\"itz-pm-image-frame\">\n\n                <img decoding=\"async\"\n                    class=\"itz-pm-image\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n                    alt=\"Students learning and collaborating at an institute\"\n                    loading=\"lazy\"\n                >\n\n\n                <div class=\"itz-pm-image-label\">\n\n                    <i><\/i>\n\n                    Future-ready learning starts here.\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FLOATING QUOTE\n            ================================================== -->\n\n            <div class=\"itz-pm-floating-quote\">\n\n                <div class=\"itz-pm-floating-quote-mark\">\n                    \u201c\n                <\/div>\n\n                <p>\n\n                    The real value of learning begins\n                    when you know how to use what\n                    you&#8217;ve learned.\n\n                <\/p>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FINAL QUOTE\n            ================================================== -->\n\n            <div class=\"itz-pm-final-quote\">\n\n\n                <div class=\"itz-pm-final-mark\">\n                    \u201c\n                <\/div>\n\n\n                <div class=\"itz-pm-final-content\">\n\n                    <p>\n\n                        The goal is not just to learn\n                        something new \u2014 it&#8217;s to become\n                        capable of doing something with it.\n\n                    <\/p>\n\n                    <span>\n                        \u2014 The ITZ Learning Philosophy\n                    <\/span>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- DECORATIVE DOTS -->\n\n            <div class=\"itz-pm-dots\"><\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     INSPIRE TECH ZONE\n     ABOUT PAGE \u2014 OUR IMPACT\n     ADVANCED \/ PREMIUM VERSION\n========================================================= -->\n\n<section id=\"itz-impact-pro\">\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n#itz-impact-pro,\n#itz-impact-pro *{\n    box-sizing:border-box;\n}\n\n#itz-impact-pro{\n\n    width:100%;\n    margin:0 !important;\n    padding:0 !important;\n\n    background:transparent !important;\n\n    font-family:\n        Inter,\n        Poppins,\n        Arial,\n        sans-serif;\n\n    color:#40537D;\n\n    overflow:hidden;\n\n    --blue:#2A52B8;\n    --blue2:#4D75D5;\n    --purple:#7138C8;\n    --navy:#263F77;\n    --muted:#7D8BA4;\n    --line:rgba(42,82,184,.10);\n}\n\n\n\/* =========================================================\n   WRAPPER\n========================================================= *\/\n\n#itz-impact-pro .impact-container{\n\n    width:min(\n        1100px,\n        calc(100% - 40px)\n    );\n\n    margin:auto;\n\n    padding:\n        75px 0 65px;\n\n    position:relative;\n}\n\n\n\/* =========================================================\n   BACKGROUND GLOW\n========================================================= *\/\n\n#itz-impact-pro .impact-glow{\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    right:-280px;\n    top:80px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(42,82,184,.07),\n            transparent 68%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#itz-impact-pro .impact-header{\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        330px;\n\n    gap:40px;\n\n    align-items:end;\n\n    margin-bottom:34px;\n}\n\n\n#itz-impact-pro .impact-label{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-bottom:12px;\n\n    color:var(--blue);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:1.7px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-impact-pro .impact-label::before{\n\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--blue),\n            var(--purple)\n        );\n}\n\n\n#itz-impact-pro .impact-title{\n\n    margin:0;\n\n    max-width:650px;\n\n    color:var(--navy);\n\n    font-size:\n        clamp(\n            36px,\n            5vw,\n            58px\n        );\n\n    line-height:.96;\n\n    letter-spacing:-2.8px;\n\n    font-weight:850;\n}\n\n\n#itz-impact-pro .impact-title em{\n\n    font-style:normal;\n\n    background:\n        linear-gradient(\n            100deg,\n            #2A52B8,\n            #603AC5,\n            #7138C8\n        );\n\n    -webkit-background-clip:text;\n    background-clip:text;\n\n    -webkit-text-fill-color:transparent;\n}\n\n\n#itz-impact-pro .impact-intro{\n\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:10.5px;\n\n    line-height:1.8;\n}\n\n\n\/* =========================================================\n   MAIN DASHBOARD\n========================================================= *\/\n\n#itz-impact-pro .impact-dashboard{\n\n    display:grid;\n\n    grid-template-columns:\n        .9fr\n        1.1fr;\n\n    gap:14px;\n}\n\n\n\/* =========================================================\n   LEFT IMAGE PANEL\n========================================================= *\/\n\n#itz-impact-pro .impact-visual{\n\n    position:relative;\n\n    min-height:540px;\n\n    overflow:hidden;\n\n    border-radius:30px;\n\n    background:#E8ECF4;\n\n    box-shadow:\n        0 30px 75px\n        rgba(30,50,95,.12);\n}\n\n\n#itz-impact-pro .impact-visual img{\n\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n\n#itz-impact-pro .impact-visual:hover img{\n\n    transform:scale(1.045);\n}\n\n\n#itz-impact-pro .impact-visual::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(8,22,47,.03) 30%,\n            rgba(8,22,47,.70)\n        );\n}\n\n\n\/* =========================================================\n   IMAGE TOP TAG\n========================================================= *\/\n\n#itz-impact-pro .visual-tag{\n\n    position:absolute;\n\n    top:18px;\n    left:18px;\n\n    z-index:5;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    padding:\n        9px 12px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.25);\n\n    border-radius:30px;\n\n    background:\n        rgba(10,25,60,.45);\n\n    backdrop-filter:\n        blur(14px);\n\n    -webkit-backdrop-filter:\n        blur(14px);\n\n    color:#fff;\n\n    font-size:7px;\n\n    font-weight:800;\n\n    letter-spacing:.8px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-impact-pro .visual-tag-dot{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:#9CB9FF;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(156,185,255,.13);\n}\n\n\n\/* =========================================================\n   IMAGE CAPTION\n========================================================= *\/\n\n#itz-impact-pro .visual-caption{\n\n    position:absolute;\n\n    left:23px;\n    bottom:23px;\n\n    z-index:5;\n\n    color:#fff;\n}\n\n\n#itz-impact-pro .visual-caption small{\n\n    display:block;\n\n    margin-bottom:6px;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:7px;\n\n    letter-spacing:1.2px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-impact-pro .visual-caption strong{\n\n    display:block;\n\n    max-width:270px;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:22px;\n\n    line-height:1.15;\n\n    font-weight:500;\n}\n\n\n\/* =========================================================\n   FLOATING EXPERIENCE CARD\n========================================================= *\/\n\n#itz-impact-pro .experience-card{\n\n    position:absolute;\n\n    z-index:10;\n\n    right:-12px;\n    top:100px;\n\n    width:155px;\n\n    padding:16px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.65);\n\n    border-radius:18px;\n\n    background:\n        rgba(255,255,255,.86);\n\n    backdrop-filter:\n        blur(18px);\n\n    -webkit-backdrop-filter:\n        blur(18px);\n\n    box-shadow:\n        0 20px 45px\n        rgba(24,44,88,.16);\n\n    animation:\n        impactFloat 5s ease-in-out infinite;\n}\n\n\n@keyframes impactFloat{\n\n    0%,\n    100%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(-8px);\n    }\n}\n\n\n#itz-impact-pro .experience-card span{\n\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--muted);\n\n    font-size:7px;\n\n    font-weight:800;\n\n    letter-spacing:.7px;\n\n    text-transform:uppercase;\n}\n\n\n#itz-impact-pro .experience-card strong{\n\n    display:block;\n\n    margin-bottom:5px;\n\n    color:var(--navy);\n\n    font-size:27px;\n\n    line-height:1;\n\n    letter-spacing:-1px;\n}\n\n\n#itz-impact-pro .experience-card p{\n\n    margin:0;\n\n    color:#8793A8;\n\n    font-size:7px;\n\n    line-height:1.5;\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n#itz-impact-pro .impact-content{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap:10px;\n}\n\n\n\/* =========================================================\n   BIG STAT CARD\n========================================================= *\/\n\n#itz-impact-pro .impact-card{\n\n    position:relative;\n\n    min-height:178px;\n\n    padding:23px;\n\n    overflow:hidden;\n\n    border:\n        1px solid var(--line);\n\n    border-radius:21px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(248,250,255,.82),\n            rgba(255,255,255,.55)\n        );\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n\n#itz-impact-pro .impact-card:hover{\n\n    transform:\n        translateY(-5px);\n\n    border-color:\n        rgba(42,82,184,.18);\n\n    box-shadow:\n        0 18px 38px\n        rgba(42,82,184,.09);\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#itz-impact-pro .impact-number{\n\n    margin:0;\n\n    color:var(--navy);\n\n    font-size:39px;\n\n    line-height:1;\n\n    letter-spacing:-2px;\n\n    font-weight:850;\n}\n\n\n#itz-impact-pro .impact-number span{\n\n    color:var(--blue);\n}\n\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n#itz-impact-pro .impact-card h3{\n\n    margin:\n        13px 0 6px;\n\n    color:#40537D;\n\n    font-size:10.5px;\n\n    font-weight:800;\n}\n\n\n#itz-impact-pro .impact-card p{\n\n    max-width:205px;\n\n    margin:0;\n\n    color:#8A96AA;\n\n    font-size:8px;\n\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   CARD DECORATION\n========================================================= *\/\n\n#itz-impact-pro .card-orbit{\n\n    position:absolute;\n\n    width:100px;\n    height:100px;\n\n    right:-43px;\n    bottom:-43px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.08);\n\n    border-radius:50%;\n}\n\n\n#itz-impact-pro .card-orbit::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:52px;\n    height:52px;\n\n    top:23px;\n    left:23px;\n\n    border:\n        1px solid\n        rgba(113,56,200,.08);\n\n    border-radius:50%;\n}\n\n\n\/* =========================================================\n   WIDE CARD\n========================================================= *\/\n\n#itz-impact-pro .impact-wide{\n\n    grid-column:\n        1 \/ -1;\n\n    min-height:150px;\n\n    display:grid;\n\n    grid-template-columns:\n        160px\n        1fr\n        160px;\n\n    align-items:center;\n\n    gap:20px;\n\n    padding:20px 23px;\n}\n\n\n#itz-impact-pro .impact-wide-number{\n\n    color:var(--blue);\n\n    font-size:44px;\n\n    line-height:1;\n\n    letter-spacing:-2px;\n\n    font-weight:850;\n}\n\n\n#itz-impact-pro .impact-wide h3{\n\n    margin:\n        0 0 5px;\n\n    color:#40537D;\n\n    font-size:11px;\n\n    font-weight:800;\n}\n\n\n#itz-impact-pro .impact-wide p{\n\n    max-width:390px;\n\n    margin:0;\n\n    color:#8A96AA;\n\n    font-size:8px;\n\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n#itz-impact-pro .impact-progress{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:6px;\n}\n\n\n#itz-impact-pro .progress-top{\n\n    display:flex;\n\n    justify-content:space-between;\n\n    color:#7D8BA4;\n\n    font-size:7px;\n\n    font-weight:800;\n}\n\n\n#itz-impact-pro .progress-bar{\n\n    width:100%;\n    height:5px;\n\n    overflow:hidden;\n\n    border-radius:20px;\n\n    background:\n        rgba(42,82,184,.08);\n}\n\n\n#itz-impact-pro .progress-fill{\n\n    width:100%;\n    height:100%;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--blue),\n            var(--purple)\n        );\n}\n\n\n\/* =========================================================\n   BOTTOM JOURNEY STRIP\n========================================================= *\/\n\n#itz-impact-pro .impact-journey{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:9px;\n\n    margin-top:12px;\n}\n\n\n#itz-impact-pro .journey-item{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:11px;\n\n    padding:\n        14px 16px;\n\n    border:\n        1px solid\n        rgba(42,82,184,.075);\n\n    border-radius:15px;\n\n    background:\n        rgba(255,255,255,.45);\n}\n\n\n#itz-impact-pro .journey-number{\n\n    width:34px;\n    height:34px;\n\n    flex:0 0 34px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:11px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(42,82,184,.10),\n            rgba(113,56,200,.08)\n        );\n\n    color:var(--blue);\n\n    font-size:8px;\n\n    font-weight:800;\n}\n\n\n#itz-impact-pro .journey-item h4{\n\n    margin:\n        0 0 3px;\n\n    color:#40537D;\n\n    font-size:9px;\n\n    font-weight:800;\n}\n\n\n#itz-impact-pro .journey-item p{\n\n    margin:0;\n\n    color:#8A96AA;\n\n    font-size:7px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n    #itz-impact-pro .impact-header{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-impact-pro .impact-intro{\n\n        max-width:600px;\n    }\n\n\n    #itz-impact-pro .impact-dashboard{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-impact-pro .impact-visual{\n\n        min-height:420px;\n    }\n\n\n    #itz-impact-pro .impact-content{\n\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n    #itz-impact-pro .impact-container{\n\n        width:\n            calc(100% - 24px);\n\n        padding:\n            45px 0;\n    }\n\n\n    #itz-impact-pro .impact-title{\n\n        font-size:35px;\n\n        letter-spacing:-1.7px;\n    }\n\n\n    #itz-impact-pro .impact-intro{\n\n        font-size:9.5px;\n\n        line-height:1.7;\n    }\n\n\n    #itz-impact-pro .impact-visual{\n\n        min-height:340px;\n\n        border-radius:23px;\n    }\n\n\n    #itz-impact-pro .experience-card{\n\n        right:8px;\n\n        top:70px;\n\n        width:135px;\n\n        padding:13px;\n    }\n\n\n    #itz-impact-pro .experience-card strong{\n\n        font-size:23px;\n    }\n\n\n    #itz-impact-pro .visual-caption{\n\n        left:17px;\n\n        bottom:18px;\n    }\n\n\n    #itz-impact-pro .visual-caption strong{\n\n        font-size:18px;\n    }\n\n\n    #itz-impact-pro .impact-content{\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap:8px;\n    }\n\n\n    #itz-impact-pro .impact-card{\n\n        min-height:160px;\n\n        padding:17px;\n\n        border-radius:17px;\n    }\n\n\n    #itz-impact-pro .impact-number{\n\n        font-size:30px;\n    }\n\n\n    #itz-impact-pro .impact-card h3{\n\n        font-size:9px;\n    }\n\n\n    #itz-impact-pro .impact-card p{\n\n        font-size:7px;\n    }\n\n\n    #itz-impact-pro .impact-wide{\n\n        grid-column:\n            1 \/ -1;\n\n        grid-template-columns:\n            90px 1fr;\n\n        gap:14px;\n\n        min-height:auto;\n\n        padding:17px;\n    }\n\n\n    #itz-impact-pro .impact-wide-number{\n\n        font-size:32px;\n    }\n\n\n    #itz-impact-pro .impact-progress{\n\n        grid-column:\n            1 \/ -1;\n\n        margin-top:5px;\n    }\n\n\n    #itz-impact-pro .impact-journey{\n\n        grid-template-columns:\n            1fr;\n\n        gap:7px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n    #itz-impact-pro .impact-title{\n\n        font-size:30px;\n    }\n\n\n    #itz-impact-pro .impact-content{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-impact-pro .impact-card{\n\n        min-height:auto;\n    }\n\n\n    #itz-impact-pro .impact-wide{\n\n        grid-template-columns:\n            1fr;\n    }\n\n\n    #itz-impact-pro .impact-progress{\n\n        grid-column:auto;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     HTML\n========================================================= -->\n\n<div class=\"impact-container\">\n\n    <div class=\"impact-glow\"><\/div>\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"impact-header\">\n\n        <div>\n\n            <div class=\"impact-label\">\n                Our Impact\n            <\/div>\n\n            <h2 class=\"impact-title\">\n\n                Learning that creates\n                <em>real impact.<\/em>\n\n            <\/h2>\n\n        <\/div>\n\n\n        <p class=\"impact-intro\">\n\n            Every learner, every project and every\n            new skill contributes to the larger ITZ\n            learning community.\n\n        <\/p>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         DASHBOARD\n    ====================================================== -->\n\n    <div class=\"impact-dashboard\">\n\n\n        <!-- =================================================\n             IMAGE\n        ================================================== -->\n\n        <div class=\"impact-visual\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&#038;fit=crop&#038;w=1200&#038;q=85\"\n                alt=\"Students collaborating and learning together\"\n                loading=\"lazy\"\n            >\n\n\n            <div class=\"visual-tag\">\n\n                <span class=\"visual-tag-dot\"><\/span>\n\n                Inspire \u2022 Learn \u2022 Create\n\n            <\/div>\n\n\n            <div class=\"visual-caption\">\n\n                <small>\n                    The ITZ learning environment\n                <\/small>\n\n                <strong>\n                    Where learning becomes capability.\n                <\/strong>\n\n            <\/div>\n\n\n            <!-- FLOATING CARD -->\n\n            <div class=\"experience-card\">\n\n                <span>\n                    Our philosophy\n                <\/span>\n\n                <strong>\n                    360\u00b0\n                <\/strong>\n\n                <p>\n                    Learning beyond textbooks,\n                    focused on practical growth.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RIGHT STATS\n        ================================================== -->\n\n        <div>\n\n            <div class=\"impact-content\">\n\n\n                <!-- CARD 1 -->\n\n                <div class=\"impact-card\">\n\n                    <h3 class=\"impact-number\">\n                        100<span>%<\/span>\n                    <\/h3>\n\n                    <h3>\n                        Practical Mindset\n                    <\/h3>\n\n                    <p>\n                        We focus on understanding concepts\n                        through application and real-world\n                        learning experiences.\n                    <\/p>\n\n                    <div class=\"card-orbit\"><\/div>\n\n                <\/div>\n\n\n\n                <!-- CARD 2 -->\n\n                <div class=\"impact-card\">\n\n                    <h3 class=\"impact-number\">\n                        360<span>\u00b0<\/span>\n                    <\/h3>\n\n                    <h3>\n                        Skill Development\n                    <\/h3>\n\n                    <p>\n                        From fundamentals to practical\n                        execution, learning is designed\n                        around complete skill development.\n                    <\/p>\n\n                    <div class=\"card-orbit\"><\/div>\n\n                <\/div>\n\n\n\n                <!-- CARD 3 -->\n\n                <div class=\"impact-card\">\n\n                    <h3 class=\"impact-number\">\n                        01\n                    <\/h3>\n\n                    <h3>\n                        Learning Community\n                    <\/h3>\n\n                    <p>\n                        Students learn, experiment and\n                        grow together in a collaborative\n                        environment.\n                    <\/p>\n\n                    <div class=\"card-orbit\"><\/div>\n\n                <\/div>\n\n\n\n                <!-- CARD 4 -->\n\n                <div class=\"impact-card\">\n\n                    <h3 class=\"impact-number\">\n                        \u221e\n                    <\/h3>\n\n                    <h3>\n                        Growth Mindset\n                    <\/h3>\n\n                    <p>\n                        Because technology changes,\n                        we encourage learners to keep\n                        exploring and improving.\n                    <\/p>\n\n                    <div class=\"card-orbit\"><\/div>\n\n                <\/div>\n\n\n\n                <!-- WIDE CARD -->\n\n                <div class=\"impact-card impact-wide\">\n\n                    <div class=\"impact-wide-number\">\n                        100%\n                    <\/div>\n\n\n                    <div>\n\n                        <h3>\n                            Learning With Purpose\n                        <\/h3>\n\n                        <p>\n                            Our approach is built around\n                            meaningful learning \u2014 understanding\n                            concepts, applying them practically\n                            and developing the confidence to\n                            create something useful.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"impact-progress\">\n\n                        <div class=\"progress-top\">\n\n                            <span>\n                                Practical learning approach\n                            <\/span>\n\n                            <span>\n                                100%\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"progress-bar\">\n\n                            <div class=\"progress-fill\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 JOURNEY STRIP\n            ================================================== -->\n\n            <div class=\"impact-journey\">\n\n\n                <div class=\"journey-item\">\n\n                    <div class=\"journey-number\">\n                        01\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Learn\n                        <\/h4>\n\n                        <p>\n                            Build strong fundamentals.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"journey-item\">\n\n                    <div class=\"journey-number\">\n                        02\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Apply\n                        <\/h4>\n\n                        <p>\n                            Turn knowledge into action.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"journey-item\">\n\n                    <div class=\"journey-number\">\n                        03\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Grow\n                        <\/h4>\n\n                        <p>\n                            Keep building for the future.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>About Inspire Tech Zone Building Skills. Creating Futures. Inspire Tech Zone is focused on helping students and professionals build practical digital skills through industry-relevant learning, hands-on projects and modern technology. Learn from practical experience, understand real-world tools and prepare yourself for the continuously evolving digital industry. Explore Our Courses Meet Our Students \u2713 Practical Learning [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"type-4","has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":11,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}