{"id":16,"date":"2026-03-23T09:28:41","date_gmt":"2026-03-23T09:28:41","guid":{"rendered":"https:\/\/nationalschoolkaratagi.com\/?page_id=16"},"modified":"2026-04-14T10:59:03","modified_gmt":"2026-04-14T10:59:03","slug":"sports-activities","status":"publish","type":"page","link":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/","title":{"rendered":"Sports &amp; Activities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d322c1 e-flex e-con-boxed e-con e-parent\" data-id=\"5d322c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5506c elementor-widget elementor-widget-html\" data-id=\"9e5506c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;300;400;500;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \u2500\u2500\u2500 SCOPED SECTION STYLES \u2500\u2500\u2500 *\/\r\n    :root {\r\n        --sch-navy: #1a3a6b;\r\n        --sch-navy-dark: #0a172e;\r\n        --sch-green: #a4d233;\r\n        --sch-yellow: #ffd700;\r\n        --sch-white: #ffffff;\r\n    }\r\n\r\n    .elite-sports-section {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 85vh;\r\n        background: radial-gradient(circle at center, var(--sch-navy) 0%, var(--sch-navy-dark) 100%);\r\n        overflow: hidden;\r\n        font-family: 'Outfit', sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .elite-sports-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 BACKGROUND GLOWS FOR DEPTH \u2500\u2500\u2500 *\/\r\n    .glow-blob {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(100px);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        animation: pulseGlow 8s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .glow-green {\r\n        top: -10%; left: -5%;\r\n        width: 45vw; height: 45vw;\r\n        background: var(--sch-green);\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .glow-yellow {\r\n        bottom: -10%; right: -5%;\r\n        width: 40vw; height: 40vw;\r\n        background: var(--sch-yellow);\r\n        opacity: 0.08;\r\n        animation-delay: -4s;\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n        0% { transform: scale(1) translate(0, 0); opacity: 0.08; }\r\n        100% { transform: scale(1.1) translate(20px, 20px); opacity: 0.15; }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 FLOATING SPORT ORBS (LUXURY ICONS) \u2500\u2500\u2500 *\/\r\n    .sports-orbit-container {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sport-orb {\r\n        position: absolute;\r\n        width: clamp(60px, 6vw, 80px);\r\n        height: clamp(60px, 6vw, 80px);\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.2), inset 0 0 20px rgba(164, 210, 51, 0.05);\r\n        animation: floatOrb 6s ease-in-out infinite;\r\n    }\r\n\r\n    .sport-orb svg {\r\n        width: 40%;\r\n        height: 40%;\r\n        stroke: var(--sch-white);\r\n        stroke-width: 1.5;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        fill: none;\r\n        opacity: 0.8;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Specific Orb Positions & Delays *\/\r\n    .orb-cricket { top: 15%; left: 15%; animation-delay: 0s; border-color: rgba(164, 210, 51, 0.2); }\r\n    .orb-cricket svg { stroke: var(--sch-green); }\r\n\r\n    .orb-volleyball { top: 25%; right: 12%; animation-delay: -2s; border-color: rgba(255, 215, 0, 0.2); }\r\n    .orb-volleyball svg { stroke: var(--sch-yellow); }\r\n\r\n    .orb-athletics { bottom: 18%; left: 18%; animation-delay: -4s; }\r\n    .orb-kabaddi { bottom: 22%; right: 20%; animation-delay: -1s; border-color: rgba(164, 210, 51, 0.2); }\r\n    .orb-throwball { top: 50%; left: 8%; animation-delay: -3s; transform: translateY(-50%); }\r\n\r\n    @keyframes floatOrb {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-20px) rotate(5deg); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 CENTRAL CONTENT OVERLAY \u2500\u2500\u2500 *\/\r\n    .sports-content-card {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        max-width: 800px;\r\n        width: 90%;\r\n        padding: clamp(40px, 5vw, 60px) clamp(20px, 4vw, 50px);\r\n        background: rgba(10, 23, 46, 0.5); \/* Deep translucent navy *\/\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        border-top: 1px solid rgba(164, 210, 51, 0.3); \/* Green highlight line *\/\r\n        border-radius: 24px;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.4), inset 0 2px 20px rgba(255,255,255,0.02);\r\n    }\r\n\r\n    .sports-badge {\r\n        display: inline-block;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: var(--sch-white);\r\n        background: rgba(164, 210, 51, 0.15);\r\n        border: 1px solid rgba(164, 210, 51, 0.3);\r\n        padding: 6px 16px;\r\n        border-radius: 50px;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .sports-content-card h2 {\r\n        font-size: clamp(32px, 5vw, 56px);\r\n        font-weight: 300;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.02em;\r\n        margin: 0 0 20px 0;\r\n        color: var(--sch-white);\r\n    }\r\n\r\n    .sports-content-card h2 span {\r\n        font-weight: 600;\r\n        background: linear-gradient(135deg, var(--sch-green), var(--sch-yellow));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .sports-content-card p {\r\n        font-size: clamp(15px, 1.8vw, 18px);\r\n        font-weight: 300;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        line-height: 1.7;\r\n        margin: 0 auto;\r\n        max-width: 600px;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 LUXURY SPORT TAGS \u2500\u2500\u2500 *\/\r\n    .sports-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        justify-content: center;\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .sports-tags span {\r\n        font-size: 13px;\r\n        font-weight: 400;\r\n        letter-spacing: 0.5px;\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        color: rgba(255, 255, 255, 0.8);\r\n        transition: all 0.3s ease;\r\n        cursor: default;\r\n    }\r\n\r\n    .sports-tags span:hover {\r\n        background: rgba(164, 210, 51, 0.1);\r\n        border-color: rgba(164, 210, 51, 0.4);\r\n        color: var(--sch-white);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .orb-cricket { top: 5%; left: 5%; }\r\n        .orb-volleyball { top: 8%; right: 5%; }\r\n        .orb-kabaddi { bottom: 5%; right: 10%; }\r\n        .orb-athletics { bottom: 10%; left: 5%; }\r\n        .orb-throwball { display: none; \/* Hide one orb on mobile for cleaner space *\/ }\r\n        .sports-tags { gap: 8px; margin-top: 25px; }\r\n        .sports-tags span { font-size: 12px; padding: 6px 16px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"elite-sports-section\">\r\n    \r\n    <div class=\"glow-blob glow-green\"><\/div>\r\n    <div class=\"glow-blob glow-yellow\"><\/div>\r\n\r\n    <div class=\"sports-orbit-container\">\r\n        <div class=\"sport-orb orb-cricket\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8 4v16M12 4v16M16 4v16M6 8h12\"\/><\/svg>\r\n        <\/div>\r\n        \r\n        <div class=\"sport-orb orb-volleyball\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2c3 4 3 16 0 20M2 12c4 3 16 3 20 0\"\/><\/svg>\r\n        <\/div>\r\n        \r\n        <div class=\"sport-orb orb-athletics\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"13\" r=\"8\"\/><path d=\"M12 9v4l2 2M10 2h4M12 5v2\"\/><\/svg>\r\n        <\/div>\r\n        \r\n        <div class=\"sport-orb orb-kabaddi\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"\/><line x1=\"7\" y1=\"4\" x2=\"7\" y2=\"20\"\/><line x1=\"17\" y1=\"4\" x2=\"17\" y2=\"20\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"sport-orb orb-throwball\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 12h16M12 4v16M8 4v16M16 4v16\"\/><\/svg>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sports-content-card\">\r\n        <div class=\"sports-badge\">Physical Education<\/div>\r\n        <h2>\r\n    Building Strong Students in<br>\r\n    <span>Every Sport<\/span>\r\n<\/h2>\r\n<p>\r\n    From Kabaddi to Cricket, we help students learn teamwork, stay strong, and build good character along with their studies.\r\n<\/p>\r\n        \r\n        <div class=\"sports-tags\">\r\n            <span>Cricket<\/span>\r\n            <span>Kabaddi<\/span>\r\n            <span>Volleyball<\/span>\r\n            <span>Throwball<\/span>\r\n            <span>Athletics<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac813ac e-flex e-con-boxed e-con e-parent\" data-id=\"ac813ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac7c2c5 elementor-widget elementor-widget-html\" data-id=\"ac7c2c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cricket Coaching - Compact Section<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* SCOPED CSS FOR THIS SECTION ONLY *\/\r\n.cricket-feature-section {\r\n    --navy: #1A3A6C;\r\n    --green: #A4D233;\r\n    --gold: #FFD700;\r\n    --bg-light: #f4f7f9;\r\n    \r\n    font-family: 'Inter', sans-serif;\r\n    background: linear-gradient(135deg, #ffffff 0%, var(--bg-light) 100%);\r\n    padding: 80px 5vw;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: var(--navy);\r\n}\r\n\r\n\/* Background accents *\/\r\n.cricket-feature-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%; left: -10%;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(164,210,51,0.08) 0%, transparent 70%);\r\n    z-index: 0;\r\n}\r\n\r\n.cricket-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Left Content *\/\r\n.cricket-content .new-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 215, 0, 0.15);\r\n    border: 1px solid var(--gold);\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    color: var(--navy);\r\n}\r\n\r\n.cricket-content h2 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(32px, 4vw, 52px);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.cricket-content h2 span {\r\n    background: linear-gradient(135deg, var(--green), #b8860b);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cricket-content p {\r\n    font-size: clamp(15px, 1.5vw, 17px);\r\n    line-height: 1.7;\r\n    color: #5f6880;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.cricket-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 14px 32px;\r\n    background: var(--navy);\r\n    color: white;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 10px 20px rgba(26, 58, 107, 0.2);\r\n}\r\n\r\n.cricket-cta:hover {\r\n    background: var(--green);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 25px rgba(164, 210, 51, 0.3);\r\n}\r\n\r\n\/* Right Grid (Benefits) *\/\r\n.cricket-benefits {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.c-card {\r\n    background: white;\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(164,210,51,0.2);\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.04);\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n.c-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 35px rgba(164,210,51,0.15);\r\n    border-color: var(--green);\r\n}\r\n\r\n.c-icon {\r\n    width: 45px; height: 45px;\r\n    background: linear-gradient(135deg, rgba(164,210,51,0.2), rgba(255,215,0,0.2));\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.c-card h4 {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.c-card p {\r\n    font-size: 14px;\r\n    color: #5f6880;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n    .cricket-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .cricket-content {\r\n        text-align: center;\r\n    }\r\n    .cricket-content p {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .cricket-benefits {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"cricket-feature-section\">\r\n    <div class=\"cricket-container\">\r\n        \r\n        <div class=\"cricket-content\">\r\n            <div class=\"new-badge\">\ud83c\udd95 Launched 2026<\/div>\r\n            <h2>Professional <br><span>Cricket Academy<\/span><\/h2>\r\n            <p>Designed for aspiring athletes of all skill levels, our comprehensive program combines dedicated practice nets, modern equipment, and structured coaching to develop true champions on and off the field.<\/p>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"cricket-cta\">Join the Program \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"cricket-benefits\">\r\n            <div class=\"c-card\">\r\n                <div class=\"c-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n                <h4>Expert Coaching<\/h4>\r\n                <p>Learn proper technique, match strategy, and temperament from experienced sports professionals.<\/p>\r\n            <\/div>\r\n            <div class=\"c-card\">\r\n                <div class=\"c-icon\">\ud83c\udfcf<\/div>\r\n                <h4>Premium Gear<\/h4>\r\n                <p>Access to modern practice nets, bowling machines, and high-quality protective equipment.<\/p>\r\n            <\/div>\r\n            <div class=\"c-card\">\r\n                <div class=\"c-icon\">\ud83c\udfc6<\/div>\r\n                <h4>Match Experience<\/h4>\r\n                <p>Regular inter-school tournaments and district-level competitions to build real-world confidence.<\/p>\r\n            <\/div>\r\n            <div class=\"c-card\">\r\n                <div class=\"c-icon\">\ud83d\udcaa<\/div>\r\n                <h4>Holistic Fitness<\/h4>\r\n                <p>Structured physical conditioning focusing on stamina, agility, and injury prevention.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79cc770 e-flex e-con-boxed e-con e-parent\" data-id=\"79cc770\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a27151a elementor-widget elementor-widget-html\" data-id=\"a27151a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lux-sports-gallery\" aria-labelledby=\"lux-heading\">\r\n  \r\n  <div class=\"lux-3d-bg\" id=\"parallax-bg\">\r\n    <svg class=\"bg-shape shape-1\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(58, 75, 107, 0.04)\" stroke-width=\"2\">\r\n      <circle cx=\"50\" cy=\"50\" r=\"45\"><\/circle>\r\n      <path d=\"M50 5 Q80 50 50 95 M5 50 Q50 80 95 50\"><\/path>\r\n    <\/svg>\r\n    <svg class=\"bg-shape shape-2\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(217, 108, 74, 0.04)\" stroke-width=\"3\">\r\n      <path d=\"M20 20 L80 20 L70 60 Q50 80 30 60 Z M50 70 L50 90 M30 90 L70 90 M20 20 Q5 30 20 40 M80 20 Q95 30 80 40\"><\/path>\r\n    <\/svg>\r\n    <svg class=\"bg-shape shape-3\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(58, 75, 107, 0.05)\" stroke-width=\"2\">\r\n      <path d=\"M30 20 L70 20 L60 60 L40 60 Z M40 60 Q50 90 60 60 M35 20 L20 10 M45 20 L40 5 M55 20 L60 5 M65 20 L80 10\"><\/path>\r\n    <\/svg>\r\n    <svg class=\"bg-shape shape-4\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(217, 108, 74, 0.04)\" stroke-width=\"2\">\r\n      <circle cx=\"50\" cy=\"70\" r=\"20\"><\/circle>\r\n      <path d=\"M35 55 L20 10 L45 10 Z M65 55 L80 10 L55 10 Z\"><\/path>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"lux-container\">\r\n    <div class=\"lux-header\">\r\n      <div class=\"lux-badge\">Elite Athletics<\/div>\r\n      <h2 id=\"lux-heading\" class=\"lux-title\">Precision. Power. <span>Perfection.<\/span><\/h2>\r\n      <p class=\"lux-subtitle\">Experience our championship-grade facilities perfectly designed for the athletes of tomorrow.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lux-grid\">\r\n      <figure class=\"lux-item shape-large\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png\" alt=\"Volleyball Pro\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Championship Courts<\/span><h3>Pro Volleyball<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-standard\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-155708.png\" alt=\"Team Coordination\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Synergy<\/span><h3>Team Coordination<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-standard\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kho-kho.png\" alt=\"Kho Kho\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Agility<\/span><h3>Kho-Kho<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-155648.png\" alt=\"Athletics\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Track & Field<\/span><h3>Athletics Meet<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-tall\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kabaddi-2.png\" alt=\"Kabaddi Strategy\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Strategy<\/span><h3>Kabaddi Elite<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-large\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/throwball.png\" alt=\"Throwball\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Reflex Training<\/span><h3>Throwball Action<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-standard\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-155640.png\" alt=\"Annual Sports\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Tradition<\/span><h3>Annual Sports<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-standard\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kabaddi.png\" alt=\"Kabaddi Defense\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Strength<\/span><h3>Fierce Defense<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-155627.png\" alt=\"Champion Squad\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Victory<\/span><h3>Champion Squad<\/h3><\/div>\r\n      <\/figure>\r\n\r\n      <figure class=\"lux-item shape-wide\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-volley-ball.png\" alt=\"Perfect Serve\" loading=\"lazy\">\r\n        <div class=\"lux-overlay\"><span>Precision<\/span><h3>The Perfect Serve<\/h3><\/div>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 LUXURY BASE & VARIABLES \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .lux-sports-gallery {\r\n      --bg-color: #FAFAFB;\r\n      --text-dark: #1A1F2C;\r\n      --accent-gold: #C29A4D;\r\n      --accent-rust: #D96C4A;\r\n      padding: 20px;\r\n      \r\n      \r\n      position: relative;\r\n      background-color: var(--bg-color);\r\n      padding: 0px 20px;\r\n      font-family: 'Inter', system-ui, sans-serif;\r\n      overflow: hidden;\r\n      perspective: 1000px; \/* Enables 3D space *\/\r\n    }\r\n\r\n    .lux-container {\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 3D BACKGROUND ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .lux-3d-bg {\r\n      position: absolute;\r\n      inset: -50px; \/* Slight bleed to allow parallax panning *\/\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      transform-style: preserve-3d;\r\n    }\r\n\r\n    .bg-shape {\r\n      position: absolute;\r\n      width: 250px;\r\n      height: 250px;\r\n      transform-style: preserve-3d;\r\n      animation: tumble3D 20s infinite linear;\r\n    }\r\n\r\n    .shape-1 { top: 10%; left: 5%; width: 300px; animation-duration: 25s; animation-direction: reverse; }\r\n    .shape-2 { top: 50%; right: 5%; width: 220px; animation-duration: 18s; }\r\n    .shape-3 { bottom: 10%; left: 15%; width: 180px; animation-duration: 22s; animation-direction: reverse; }\r\n    .shape-4 { top: 15%; right: 20%; width: 150px; animation-duration: 15s; }\r\n\r\n    @keyframes tumble3D {\r\n      0% { transform: translateZ(-100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }\r\n      50% { transform: translateZ(50px) rotateX(180deg) rotateY(90deg) rotateZ(180deg); }\r\n      100% { transform: translateZ(-100px) rotateX(360deg) rotateY(360deg) rotateZ(360deg); }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 PREMIUM HEADER \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .lux-header {\r\n      text-align: center;\r\n      max-width: 650px;\r\n      margin: 0 auto 60px;\r\n    }\r\n\r\n    .lux-badge {\r\n      display: inline-block;\r\n      padding: 8px 24px;\r\n      background: rgba(255, 255, 255, 0.7);\r\n      backdrop-filter: blur(10px);\r\n      color: var(--text-dark);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      border-radius: 50px;\r\n      border: 1px solid rgba(0,0,0,0.05);\r\n      box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .lux-title {\r\n      font-size: clamp(36px, 4.5vw, 52px);\r\n      color: var(--text-dark);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      letter-spacing: -1px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .lux-title span {\r\n      background: linear-gradient(135deg, var(--accent-rust), var(--accent-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .lux-subtitle {\r\n      font-size: 18px;\r\n      color: #6B7280;\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 FLAWLESS INTERLOCKING GRID \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .lux-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      grid-auto-rows: 240px; \/* Fixed row height for perfect math *\/\r\n      gap: 16px;\r\n    }\r\n\r\n    \/* Mapping exact shapes to leave ZERO wasted space *\/\r\n    .shape-large    { grid-column: span 2; grid-row: span 2; }\r\n    .shape-standard { grid-column: span 1; grid-row: span 1; }\r\n    .shape-wide     { grid-column: span 2; grid-row: span 1; }\r\n    .shape-tall     { grid-column: span 1; grid-row: span 2; }\r\n\r\n    \/* The Image Items *\/\r\n    .lux-item {\r\n      position: relative;\r\n      margin: 0;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      background: #EAEBEF;\r\n      box-shadow: 0 15px 35px rgba(0,0,0,0.04);\r\n      cursor: pointer;\r\n      transform: translateY(30px);\r\n      opacity: 0;\r\n      transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n      \/* Subtle luxury border *\/\r\n      border: 1px solid rgba(255,255,255,0.6);\r\n    }\r\n\r\n    .lux-item.reveal {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    .lux-item img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 LUXURY HOVER EFFECTS \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .lux-item::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); \/* Inner glass rim *\/\r\n      border-radius: 16px;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n\r\n    .lux-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.2) 40%, rgba(15, 23, 42, 0) 100%);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      padding: 28px;\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      z-index: 1;\r\n    }\r\n\r\n    .lux-overlay span {\r\n      color: var(--accent-gold);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      transform: translateY(15px);\r\n      transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    }\r\n\r\n    .lux-overlay h3 {\r\n      color: white;\r\n      font-size: clamp(18px, 2vw, 24px);\r\n      font-weight: 700;\r\n      margin: 4px 0 0 0;\r\n      transform: translateY(15px);\r\n      transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.05s;\r\n    }\r\n\r\n    \/* Hover Interactions *\/\r\n    .lux-item:hover img {\r\n      transform: scale(1.08);\r\n    }\r\n    \r\n    .lux-item:hover .lux-overlay {\r\n      opacity: 1;\r\n    }\r\n\r\n    .lux-item:hover .lux-overlay span,\r\n    .lux-item:hover .lux-overlay h3 {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE MAPPING \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 1024px) {\r\n      .lux-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-auto-rows: 220px;\r\n      }\r\n      \/* Adjust spans for Tablet to prevent breaking *\/\r\n      .shape-large { grid-column: span 2; grid-row: span 2; }\r\n      .shape-standard { grid-column: span 1; grid-row: span 1; }\r\n      .shape-wide { grid-column: span 2; grid-row: span 1; }\r\n      .shape-tall { grid-column: span 1; grid-row: span 2; }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .lux-grid {\r\n        grid-template-columns: 1fr;\r\n        grid-auto-rows: 250px; \/* Everything is uniformly tall on mobile *\/\r\n      }\r\n      \/* Stack everything vertically on phones *\/\r\n      .shape-large, .shape-standard, .shape-wide, .shape-tall {\r\n        grid-column: span 1;\r\n        grid-row: span 1;\r\n      }\r\n      .lux-3d-bg { display: none; } \/* Disable heavy 3D on mobile for performance *\/\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n      \/\/ 1. Scroll Reveal for Images\r\n      const items = document.querySelectorAll('.lux-item');\r\n      \r\n      const observer = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach((entry, index) => {\r\n          if (entry.isIntersecting) {\r\n            \/\/ Add a slight stagger based on index\r\n            setTimeout(() => {\r\n              entry.target.classList.add('reveal');\r\n            }, index * 100); \/\/ 100ms delay per item\r\n            obs.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n      items.forEach(item => observer.observe(item));\r\n\r\n      \/\/ 2. Mouse Parallax for 3D Background Elements (Desktop Only)\r\n      const parallaxBg = document.getElementById('parallax-bg');\r\n      if (window.innerWidth > 768) {\r\n        document.addEventListener('mousemove', (e) => {\r\n          \/\/ Calculate mouse position relative to center of screen\r\n          const x = (e.clientX - window.innerWidth \/ 2) \/ 50;\r\n          const y = (e.clientY - window.innerHeight \/ 2) \/ 50;\r\n          \r\n          \/\/ Apply inverse translation for floating effect\r\n          parallaxBg.style.transform = `translate3d(${-x}px, ${-y}px, 0)`;\r\n        });\r\n      }\r\n    });\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-390a382 e-flex e-con-boxed e-con e-parent\" data-id=\"390a382\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f5eb98 elementor-widget elementor-widget-html\" data-id=\"3f5eb98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>50+ Sports & Activities - High Density<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500\u2500 SCOPED SECTION STYLES \u2500\u2500\u2500 *\/\r\n.compact-activities {\r\n    --navy: #1A3A6C;\r\n    --green: #A4D233;\r\n    --bg-main: #F4F7F9;\r\n    --text-muted: #5f6880;\r\n    \r\n    font-family: 'Outfit', sans-serif;\r\n    background-color: var(--bg-main);\r\n    padding: 40px 2vw; \/* Very tight outer padding *\/\r\n    color: var(--navy);\r\n}\r\n\r\n.ca-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SPACE-SAVING HEADER \u2500\u2500\u2500 *\/\r\n.ca-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 20px;\r\n    margin-bottom: 24px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 2px solid rgba(26, 58, 107, 0.1);\r\n}\r\n\r\n.ca-header-left { flex: 1; }\r\n\r\n.ca-badge {\r\n    display: inline-block;\r\n    padding: 4px 12px;\r\n    background: rgba(164,210,51,0.2);\r\n    color: #4a6311;\r\n    border-radius: 4px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ca-title {\r\n    font-size: clamp(24px, 3vw, 36px);\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    margin: 0;\r\n}\r\n\r\n.ca-title span {\r\n    color: var(--green);\r\n}\r\n\r\n.ca-header-right {\r\n    flex: 1;\r\n    max-width: 500px;\r\n}\r\n\r\n.ca-header-right p {\r\n    font-size: 14px;\r\n    color: var(--text-muted);\r\n    line-height: 1.4;\r\n    margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TIGHT GRID LAYOUT \u2500\u2500\u2500 *\/\r\n.ca-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px; \/* Tight gap *\/\r\n}\r\n\r\n.ca-card {\r\n    background: #FFFFFF;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n\r\n.ca-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(26,58,107,0.08);\r\n    border-color: rgba(164,210,51,0.5);\r\n}\r\n\r\n\/* Inline Card Header to save space *\/\r\n.ca-card-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ca-icon {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n}\r\n\r\n.ca-card h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n}\r\n\r\n.ca-card p {\r\n    font-size: 13px;\r\n    color: var(--text-muted);\r\n    line-height: 1.4;\r\n    margin: 0 0 16px 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HIGH-DENSITY TAGS \u2500\u2500\u2500 *\/\r\n.ca-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px; \/* Very tight tag spacing *\/\r\n    margin-top: auto; \/* Pushes tags to bottom if cards vary in height *\/\r\n}\r\n\r\n.c-tag {\r\n    padding: 4px 10px;\r\n    background: #f1f5f9;\r\n    color: #475569;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    border-radius: 4px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.c-tag.highlight {\r\n    background: rgba(164,210,51,0.15);\r\n    color: #4a6311;\r\n    border: 1px solid rgba(164,210,51,0.3);\r\n}\r\n.ca-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Gradient overlay on hover *\/\r\n.ca-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, transparent, rgba(164,210,51,0.15));\r\n    opacity: 0;\r\n    transition: 0.4s;\r\n}\r\n\r\n.ca-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Smooth scale + lift *\/\r\n.ca-card:hover {\r\n    transform: translateY(-6px) scale(1.02);\r\n}\r\n.c-tag {\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.c-tag:hover {\r\n    background: var(--navy);\r\n    color: #fff;\r\n    transform: scale(1.05);\r\n}\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n    .ca-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .compact-activities { padding: 30px 4vw; }\r\n    .ca-header { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .ca-header-right { max-width: 100%; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .ca-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"compact-activities\">\r\n    <div class=\"ca-container\">\r\n        \r\n        <div class=\"ca-header\">\r\n            <div class=\"ca-header-left\">\r\n                <div class=\"ca-badge\">Complete Growth<\/div>\r\n                <h2 class=\"ca-title\">Explore <span>50+ Activities<\/span><\/h2>\r\n            <\/div>\r\n            <div class=\"ca-header-right\">\r\n                <p>Learning goes beyond books. From active sports to creative arts, our fast-paced programs help every student find what they love and succeed.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n       <div class=\"ca-card\">\r\n    <div class=\"ca-card-head\">\r\n        <div class=\"ca-icon\">\ud83c\udfc6<\/div>\r\n        <h3>Team Sports<\/h3>\r\n    <\/div>\r\n    <p>Learn to lead and work together through exciting field sports.<\/p>\r\n\r\n    <div class=\"ca-tags\">\r\n        <span class=\"c-tag highlight\">\ud83c\udfcf Cricket Academy<\/span>\r\n        <span class=\"c-tag\">\u26bd Football<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc0 Basketball<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfd0 Volleyball<\/span>\r\n        <span class=\"c-tag\">\ud83e\udd3c Kabaddi<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc3\u200d\u2642\ufe0f Kho-Kho<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfd1 Hockey<\/span>\r\n        <span class=\"c-tag\">\ud83e\udd3e Handball<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc9 Rugby<\/span>\r\n    <\/div>\r\n<\/div>\r\n           <div class=\"ca-card\">\r\n    <div class=\"ca-card-head\">\r\n        <div class=\"ca-icon\">\ud83c\udff8<\/div>\r\n        <h3>Racket Sports<\/h3>\r\n    <\/div>\r\n    <p>Improve your speed, focus, and quick thinking on the court.<\/p>\r\n\r\n    <div class=\"ca-tags\">\r\n        <span class=\"c-tag highlight\">\ud83c\udff8 Badminton<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfd3 Table Tennis<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfbe Tennis<\/span>\r\n        <span class=\"c-tag\">Squash<\/span>\r\n        <span class=\"c-tag\">Pickleball<\/span>\r\n    <\/div>\r\n<\/div>\r\n           <div class=\"ca-card\">\r\n    <div class=\"ca-card-head\">\r\n        <div class=\"ca-icon\">\u26a1<\/div>\r\n        <h3>Track & Field<\/h3>\r\n    <\/div>\r\n    <p>Build speed, endurance, and strength through structured athletics training.<\/p>\r\n\r\n    <div class=\"ca-tags\">\r\n        <span class=\"c-tag highlight\">\ud83c\udfc3 100m Sprint<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc3 200m Sprint<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc3 400m Sprint<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc3\u200d\u2640\ufe0f Relay Race<\/span>\r\n        <span class=\"c-tag\">\ud83d\udea7 Hurdles<\/span>\r\n        <span class=\"c-tag\">\ud83d\udccf Long Jump<\/span>\r\n        <span class=\"c-tag\">\ud83d\udcd0 High Jump<\/span>\r\n        <span class=\"c-tag\">\ud83d\udcaa Shot Put<\/span>\r\n        <span class=\"c-tag\">\ud83e\udd4f Discus Throw<\/span>\r\n        <span class=\"c-tag\">\ud83c\udff9 Javelin Throw<\/span>\r\n        <span class=\"c-tag\">\ud83d\udd04 Hammer Throw<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfc3\u200d\u2642\ufe0f Marathon<\/span>\r\n        <span class=\"c-tag\">\ud83c\udf3f Cross Country<\/span>\r\n        <span class=\"c-tag highlight\">\ud83d\udcaa PT Training<\/span>\r\n    <\/div>\r\n<\/div>\r\n           <div class=\"ca-card\">\r\n    <div class=\"ca-card-head\">\r\n        <div class=\"ca-icon\">\ud83e\udde0<\/div>\r\n        <h3>Mind & Wellness<\/h3>\r\n    <\/div>\r\n    <p>Strengthen the mind, body, and creativity through holistic programs.<\/p>\r\n\r\n    <div class=\"ca-tags\">\r\n        <span class=\"c-tag\">\u265f\ufe0f Chess<\/span>\r\n        <span class=\"c-tag highlight\">\ud83e\uddd8 Yoga<\/span>\r\n        <span class=\"c-tag\">\ud83e\udd4b Martial Arts<\/span>\r\n        <span class=\"c-tag\">\ud83e\udd4a Boxing Basics<\/span>\r\n        <span class=\"c-tag\">\ud83d\udee1\ufe0f Self Defense<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfaf Meditation<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfa8 Fine Arts<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfad Drama<\/span>\r\n        <span class=\"c-tag\">\ud83d\udc83 Dance<\/span>\r\n        <span class=\"c-tag\">\ud83c\udfb5 Music<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fd5d54 e-flex e-con-boxed e-con e-parent\" data-id=\"4fd5d54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c90b8b2 elementor-widget elementor-widget-html\" data-id=\"c90b8b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Creative Arts - National School Karatagi | Yoga, Dance, Music, Art<\/title>\r\n<meta name=\"description\" content=\"Discover comprehensive creative arts programs at National School Karatagi. Expert, dedicated faculty for Yoga, Dance, Music, and Drawing.\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n:root{--navy:#1A3A6C;--pink:#EC4899;--purple:#A855F7;--blue:#3B82F6;--green:#10B981;--bg:#E8EEF3}\r\nbody{font-family:'Inter',sans-serif;background:var(--bg);color:var(--navy);overflow-x:hidden;line-height:1.5}\r\n\r\n\/* Spacing heavily reduced here *\/\r\n.hero{position:relative;display:flex;align-items:center;padding:70px 5vw 50px;overflow:hidden;background:linear-gradient(135deg,rgba(236,72,153,0.06),rgba(168,85,247,0.06),rgba(59,130,246,0.06))}\r\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(236,72,153,0.08),transparent 60%),radial-gradient(circle at 70% 70%,rgba(168,85,247,0.08),transparent 60%);pointer-events:none}\r\n.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%;text-align:center}\r\n\r\n.badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(236,72,153,0.15),rgba(168,85,247,0.1));border:2px solid rgba(236,72,153,0.4);padding:8px 24px;border-radius:50px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;color:var(--navy);animation:fadeUp 0.6s ease both}\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* Tighter typography *\/\r\n.title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.1;margin-bottom:16px;color:var(--navy);animation:fadeUp 0.6s 0.1s ease both}\r\n.gradient-text{background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.divider{width:80px;height:4px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));margin:20px auto;border-radius:2px;animation:fadeUp 0.6s 0.2s ease both}\r\n.desc{font-size:clamp(15px,1.5vw,18px);color:#5f6880;margin:0 auto;max-width:800px;animation:fadeUp 0.6s 0.3s ease both}\r\n\r\n\/* Dedicated Faculty Banner - Replaces the repeated card notes *\/\r\n.faculty-banner{display:inline-flex;align-items:center;background:white;padding:12px 28px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,0.05);margin-top:24px;font-weight:700;font-size:14px;color:var(--navy);animation:fadeUp 0.6s 0.4s ease both; border-left: 4px solid var(--purple);}\r\n\r\n\/* Sections reduced padding *\/\r\n.arts-section{padding:60px 5vw;background:white}\r\n.arts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1400px;margin:0 auto}\r\n.art-card{background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,250,255,0.9));border:2px solid;padding:28px 24px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.05);transition:all 0.4s;cursor:pointer;position:relative;overflow:hidden}\r\n.art-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;transition:height 0.4s}\r\n.art-card:hover::before{height:100%;opacity:0.05}\r\n.art-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.1)}\r\n\r\n.yoga{border-color:rgba(16,185,129,0.3)}.yoga::before{background:var(--green)}.yoga:hover{border-color:var(--green)}\r\n.dance{border-color:rgba(236,72,153,0.3)}.dance::before{background:var(--pink)}.dance:hover{border-color:var(--pink)}\r\n.music{border-color:rgba(168,85,247,0.3)}.music::before{background:var(--purple)}.music:hover{border-color:var(--purple)}\r\n.art{border-color:rgba(59,130,246,0.3)}.art::before{background:var(--blue)}.art:hover{border-color:var(--blue)}\r\n\r\n\/* Smaller, tighter card content *\/\r\n.art-icon{font-size:42px;margin-bottom:12px;text-align:center;animation:floatIcon 6s ease-in-out infinite}\r\n@keyframes floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n.art-title{font-size:clamp(22px,3vw,28px);font-weight:800;margin-bottom:12px;text-align:center;color:var(--navy)}\r\n.art-desc{font-size:14px;color:#5f6880;margin-bottom:20px;text-align:center}\r\n.features-list{list-style:none;}\r\n.features-list li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.04);font-size:13px;color:#5f6880;display:flex;align-items:center;gap:8px}\r\n.features-list li:last-child{border-bottom:none; padding-bottom:0;}\r\n.features-list li::before{content:'\u2713';font-weight:900;font-size:16px;color:inherit}\r\n.yoga .features-list li::before{color:var(--green)}\r\n.dance .features-list li::before{color:var(--pink)}\r\n.music .features-list li::before{color:var(--purple)}\r\n.art .features-list li::before{color:var(--blue)}\r\n\r\n\/* Gallery spacing reduced *\/\r\n.images-section{padding:60px 5vw 80px;background:var(--bg)}\r\n.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1400px;margin:30px auto 0}\r\n.image-item{position:relative;height:240px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:all 0.4s;cursor:pointer;background:white}\r\n.school-photo{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}\r\n.image-item:hover .school-photo{transform:scale(1.05)}\r\n.image-item::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.4s;z-index:1}\r\n.image-item.yoga::before{background:linear-gradient(135deg,rgba(16,185,129,0.85),rgba(16,185,129,0.6))}\r\n.image-item.dance::before{background:linear-gradient(135deg,rgba(236,72,153,0.85),rgba(236,72,153,0.6))}\r\n.image-item.music::before{background:linear-gradient(135deg,rgba(168,85,247,0.85),rgba(168,85,247,0.6))}\r\n.image-item.art::before{background:linear-gradient(135deg,rgba(59,130,246,0.85),rgba(59,130,246,0.6))}\r\n.image-item:hover::before{opacity:1}\r\n.image-item:hover{transform:translateY(-8px)}\r\n\r\n.image-label{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(26,58,107,0.9),transparent);z-index:2;transform:translateY(15px);opacity:0;transition:all 0.4s;color:white}\r\n.image-item:hover .image-label{transform:translateY(0);opacity:1}\r\n.image-label h3{font-size:clamp(16px,2vw,18px);font-weight:800;margin-bottom:4px}\r\n.image-label p{font-size:13px;color:rgba(255,255,255,0.9)}\r\n\r\n@media(max-width:1024px){.arts-grid,.image-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:768px){.hero{padding:60px 6vw 40px}.arts-section,.images-section{padding:40px 6vw}.arts-grid,.image-grid{grid-template-columns:1fr;gap:20px}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-content\">\r\n    <div class=\"badge\">\ud83c\udfa8 Holistic Education<\/div>\r\n    <h1 class=\"title\">Discover Your <span class=\"gradient-text\">Creative Spark<\/span><\/h1>\r\n    <p class=\"desc\">At National School Karatagi, education goes beyond academics. We empower students to build confidence, discipline, and lifelong passions through our immersive arts programs.<\/p>\r\n    <div class=\"faculty-banner\">\ud83d\udc68\u200d\ud83c\udfeb Guided by Separate Specialized Faculty for Every Discipline<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"arts-section\">\r\n  <div class=\"arts-grid\">\r\n    \r\n    <div class=\"art-card yoga\">\r\n      <div class=\"art-icon\">\ud83e\uddd8<\/div>\r\n      <h2 class=\"art-title\">Yoga<\/h2>\r\n      <p class=\"art-desc\">Build physical strength, mental clarity, and focus through guided ancient practices.<\/p>\r\n      <ul class=\"features-list\">\r\n        <li>Flexibility & Posture Correction<\/li>\r\n        <li>Pranayama (Breathwork)<\/li>\r\n        <li>Stress Relief & Concentration<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"art-card dance\">\r\n      <div class=\"art-icon\">\ud83d\udc83<\/div>\r\n      <h2 class=\"art-title\">Dance<\/h2>\r\n      <p class=\"art-desc\">Master classical and contemporary rhythms while building stage presence.<\/p>\r\n      <ul class=\"features-list\">\r\n        <li>Classical & Folk Forms<\/li>\r\n        <li>Rhythm & Coordination<\/li>\r\n        <li>Confidence & Performance<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"art-card music\">\r\n      <div class=\"art-icon\">\ud83c\udfb5<\/div>\r\n      <h2 class=\"art-title\">Music<\/h2>\r\n      <p class=\"art-desc\">Develop vocal and instrumental talents through dedicated theoretical and practical training.<\/p>\r\n      <ul class=\"features-list\">\r\n        <li>Vocal & Instrumental Lessons<\/li>\r\n        <li>Music Theory & Notation<\/li>\r\n        <li>Group Concerts & Ensembles<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"art-card art\">\r\n      <div class=\"art-icon\">\ud83c\udfa8<\/div>\r\n      <h2 class=\"art-title\">Visual Arts<\/h2>\r\n      <p class=\"art-desc\">Translate imagination into reality through diverse mediums of sketching and painting.<\/p>\r\n      <ul class=\"features-list\">\r\n        <li>Sketching & Painting Techniques<\/li>\r\n        <li>Craft & Creative Projects<\/li>\r\n        <li>School Exhibitions<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"images-section\">\r\n  <div class=\"hero-content\" style=\"padding-top: 0;\">\r\n    <h2 class=\"title\" style=\"font-size: clamp(28px, 4vw, 40px);\">Moments of <span class=\"gradient-text\">Inspiration<\/span><\/h2>\r\n    <div class=\"divider\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"image-grid\">\r\n    <div class=\"image-item yoga\">\r\n      <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.33-PM-2.jpeg\" alt=\"Students practicing yoga\" class=\"school-photo\">\r\n      <div class=\"image-label\">\r\n        <h3>Morning Yoga<\/h3>\r\n        <p>Finding balance and inner peace<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"image-item dance\">\r\n      <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.37-PM.jpeg\" alt=\"Students dancing\" class=\"school-photo\">\r\n      <div class=\"image-label\">\r\n        <h3>Classical Dance<\/h3>\r\n        <p>Expressing stories through movement<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"image-item music\">\r\n      <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.49-PM.jpeg\" alt=\"Music performance\" class=\"school-photo\">\r\n      <div class=\"image-label\">\r\n        <h3>Musical Harmony<\/h3>\r\n        <p>Vocal and instrumental practice sessions<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"image-item art\">\r\n      <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.53.05-PM.jpeg\" alt=\"Art supplies and painting\" class=\"school-photo\">\r\n      <div class=\"image-label\">\r\n        <h3>Creative Arts<\/h3>\r\n        <p>Painting imaginations to life<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst o={threshold:0.1};\r\nconst obs=new IntersectionObserver((e)=>{e.forEach(i=>{if(i.isIntersecting){i.target.style.opacity='1';i.target.style.transform='translateY(0)'}})},o);\r\ndocument.querySelectorAll('.art-card,.image-item,.faculty-banner').forEach(el=>{el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity 0.5s ease,transform 0.5s ease';obs.observe(el)});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7d5d28 e-flex e-con-boxed e-con e-parent\" data-id=\"e7d5d28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-280f7df elementor-widget elementor-widget-html\" data-id=\"280f7df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  \/* \u2500\u2500 Main container for the entire floating stack \u2500\u2500 *\/\r\n  #ns-floating-stack {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    z-index: 99999;\r\n    display: flex;\r\n    flex-direction: column-reverse; \/* Stacks items vertically from bottom to top *\/\r\n    gap: 12px; \/* Gap between the buttons *\/\r\n    align-items: center;\r\n  }\r\n\r\n  \/* \u2500\u2500 General styling for social media buttons \u2500\u2500 *\/\r\n  .ns-social-btn {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    text-decoration: none;\r\n    border: none;\r\n    color: white;\r\n    font-size: 22px;\r\n  }\r\n\r\n  .ns-social-btn:hover {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  \/* Specific colors for each platform *\/\r\n  .ns-social-btn.facebook {\r\n    background-color: #1877F2;\r\n  }\r\n\r\n  .ns-social-btn.instagram {\r\n    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n  }\r\n\r\n  .ns-social-btn.whatsapp {\r\n    background-color: #25D366;\r\n  }\r\n\r\n  \/* \u2500\u2500 Chatbot Widget Adjustments \u2500\u2500 *\/\r\n  #ns-cb-wrap {\r\n    --ns-p: #1A3A6C;\r\n    --ns-lime: #A4D233;\r\n    --ns-red: #E31E24;\r\n    \/* Removed fixed positioning as it's now in the flex stack *\/\r\n    font-family: 'Segoe UI', Arial, sans-serif;\r\n    position: relative; \/* Needed for greeting bubble and window positioning *\/\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n\r\n  \/* Chatbot Toggle button (matches social button size) *\/\r\n  #ns-cb-btn {\r\n    width: 48px; height: 48px;\r\n    background: var(--ns-p);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 18px rgba(26,58,108,0.38);\r\n    border: none;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    position: relative;\r\n  }\r\n  #ns-cb-btn:hover { transform: scale(1.08); box-shadow: 0 6px 22px rgba(26,58,108,0.48); }\r\n  #ns-cb-btn svg { transition: transform 0.3s, opacity 0.3s; }\r\n  #ns-cb-btn .icon-chat { position: absolute; }\r\n  #ns-cb-btn .icon-close { position: absolute; opacity: 0; transform: rotate(-90deg); }\r\n  #ns-cb-wrap.open #ns-cb-btn .icon-chat { opacity: 0; transform: rotate(90deg); }\r\n  #ns-cb-wrap.open #ns-cb-btn .icon-close { opacity: 1; transform: rotate(0deg); }\r\n\r\n  \/* Pulse ring on toggle *\/\r\n  #ns-cb-btn::before {\r\n    content: '';\r\n    position: absolute; inset: -5px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(26,58,108,0.3);\r\n    animation: ns-pulse 2.5s ease-out infinite;\r\n  }\r\n  @keyframes ns-pulse { 0%,100%{transform:scale(1);opacity:.7} 60%{transform:scale(1.3);opacity:0} }\r\n\r\n  \/* Greeting bubble \u2014 sits to the LEFT of the button *\/\r\n  #ns-cb-bubble {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 58px; \/* left of the 48px button + 10px gap *\/\r\n    transform: translateY(-50%);\r\n    background: white;\r\n    border: 1px solid #e8ecf0;\r\n    border-radius: 12px 12px 2px 12px;\r\n    padding: 8px 14px;\r\n    font-size: 12.5px; font-weight: 600;\r\n    color: var(--ns-p);\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.1);\r\n    cursor: pointer;\r\n    animation: ns-bubble-in 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;\r\n  }\r\n  @keyframes ns-bubble-in { from{opacity:0;transform:translateY(-50%) translateX(12px)} to{opacity:1;transform:translateY(-50%) translateX(0)} }\r\n  #ns-cb-bubble.hide { animation: ns-bubble-out 0.2s ease forwards; pointer-events:none; }\r\n  @keyframes ns-bubble-out { to{opacity:0;transform:translateY(-50%) translateX(8px)} }\r\n\r\n  \/* \u2500\u2500 Chat window \u2500\u2500 *\/\r\n  #ns-cb-window {\r\n    position: absolute;\r\n    bottom: 58px; \/* Above the chatbot button *\/\r\n    right: 0;\r\n    width: 330px;\r\n    height: 470px;\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.08);\r\n    display: flex; flex-direction: column; overflow: hidden;\r\n    border: 1px solid #eaecf0;\r\n    transform-origin: bottom right;\r\n    transform: scale(0.85) translateY(12px);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: transform 0.35s cubic-bezier(0.34,1.4,0.64,1), opacity 0.28s ease;\r\n  }\r\n  #ns-cb-wrap.open #ns-cb-window {\r\n    transform: scale(1) translateY(0);\r\n    opacity: 1;\r\n    pointer-events: all;\r\n  }\r\n\r\n  \/* Header *\/\r\n  .ns-cb-head {\r\n    background: var(--ns-p);\r\n    padding: 12px 14px 10px;\r\n    display: flex; align-items: center; gap: 10px;\r\n    flex-shrink: 0;\r\n  }\r\n  .ns-cb-head-logo {\r\n    width: 38px; height: 38px;\r\n    border-radius: 50%; background: #fff;\r\n    display: flex; align-items: center; justify-content: center;\r\n    overflow: hidden; flex-shrink: 0;\r\n  }\r\n  .ns-cb-head-logo img { width: 100%; height: 100%; object-fit: contain; }\r\n  .ns-cb-head-info { flex: 1; }\r\n  .ns-cb-head-info strong { color: #fff; font-size: 14px; display: block; line-height: 1.2; }\r\n  .ns-cb-head-info small { color: rgba(255,255,255,0.72); font-size: 10px; }\r\n  .ns-cb-status-dot { display: inline-block; width: 7px; height: 7px; background: #A4D233; border-radius: 50%; margin-right: 4px; }\r\n\r\n  \/* Messages area *\/\r\n  #ns-cb-msgs {\r\n    flex: 1; overflow-y: auto; padding: 14px 12px 6px;\r\n    display: flex; flex-direction: column; gap: 8px;\r\n    background: #f0f2f5;\r\n    scroll-behavior: smooth;\r\n  }\r\n  #ns-cb-msgs::-webkit-scrollbar { width: 4px; }\r\n  #ns-cb-msgs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n  \/* Bubbles *\/\r\n  .ns-msg-row { display: flex; align-items: flex-end; gap: 6px; }\r\n  .ns-msg-row.bot { justify-content: flex-start; }\r\n  .ns-msg-row.user { justify-content: flex-end; }\r\n\r\n  .ns-avatar {\r\n    width: 26px; height: 26px; border-radius: 50%;\r\n    background: var(--ns-p); flex-shrink: 0;\r\n    display: flex; align-items: center; justify-content: center;\r\n    overflow: hidden;\r\n  }\r\n  .ns-avatar img { width: 100%; object-fit: cover; }\r\n\r\n  .ns-bubble {\r\n    max-width: 80%;\r\n    padding: 9px 13px;\r\n    border-radius: 18px;\r\n    font-size: 13.5px; line-height: 1.45;\r\n    animation: ns-msg-in 0.3s cubic-bezier(0.34,1.3,0.64,1) forwards;\r\n  }\r\n  @keyframes ns-msg-in { from{opacity:0;transform:translateY(8px) scale(0.95)} to{opacity:1;transform:none} }\r\n\r\n  .ns-msg-row.bot .ns-bubble {\r\n    background: #fff;\r\n    color: #222;\r\n    border-bottom-left-radius: 4px;\r\n    box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n  }\r\n  .ns-msg-row.user .ns-bubble {\r\n    background: var(--ns-p);\r\n    color: #fff;\r\n    border-bottom-right-radius: 4px;\r\n  }\r\n\r\n  .ns-time {\r\n    font-size: 9.5px; color: #aaa;\r\n    margin: 0 6px 2px;\r\n    display: block;\r\n  }\r\n  .ns-msg-row.user .ns-time { text-align: right; }\r\n\r\n  \/* Typing indicator *\/\r\n  .ns-typing-bubble {\r\n    background: #fff;\r\n    border-radius: 18px 18px 18px 4px;\r\n    padding: 11px 16px;\r\n    display: inline-flex; gap: 4px; align-items: center;\r\n    box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n    animation: ns-msg-in 0.3s ease forwards;\r\n  }\r\n  .ns-typing-bubble span {\r\n    width: 7px; height: 7px; background: #bbb; border-radius: 50%;\r\n    animation: ns-dot-bounce 1.2s ease-in-out infinite;\r\n  }\r\n  .ns-typing-bubble span:nth-child(2) { animation-delay: 0.15s; }\r\n  .ns-typing-bubble span:nth-child(3) { animation-delay: 0.3s; }\r\n  @keyframes ns-dot-bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-6px)} }\r\n\r\n  \/* Quick chips *\/\r\n  #ns-cb-chips {\r\n    padding: 8px 10px 4px;\r\n    display: flex; flex-wrap: wrap; gap: 6px;\r\n    background: #f0f2f5;\r\n    flex-shrink: 0;\r\n  }\r\n  .ns-chip {\r\n    background: #fff; border: 1.5px solid var(--ns-p);\r\n    color: var(--ns-p); border-radius: 20px;\r\n    padding: 5px 13px; font-size: 12px; font-weight: 600;\r\n    cursor: pointer; white-space: nowrap;\r\n    transition: all 0.18s;\r\n    animation: ns-chip-in 0.25s ease forwards;\r\n  }\r\n  @keyframes ns-chip-in { from{opacity:0;transform:scale(0.88)} to{opacity:1;transform:none} }\r\n  .ns-chip:hover { background: var(--ns-p); color: #fff; }\r\n\r\n  \/* Input row *\/\r\n  .ns-cb-input-row {\r\n    padding: 10px 12px;\r\n    background: #fff;\r\n    display: flex; gap: 8px; align-items: center;\r\n    border-top: 1px solid #eaecf0;\r\n    flex-shrink: 0;\r\n  }\r\n  #ns-cb-input {\r\n    flex: 1; border: 1.5px solid #e0e3e8; border-radius: 22px;\r\n    padding: 9px 16px; font-size: 13px; outline: none;\r\n    transition: border-color 0.2s;\r\n    background: #f7f8fa;\r\n  }\r\n  #ns-cb-input:focus { border-color: var(--ns-p); background: #fff; }\r\n  #ns-cb-send {\r\n    width: 38px; height: 38px; border-radius: 50%;\r\n    background: var(--ns-p); border: none; cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0; transition: background 0.2s, transform 0.15s;\r\n  }\r\n  #ns-cb-send:hover { background: #2d5aa8; transform: scale(1.08); }\r\n\r\n  @media (max-width: 400px) {\r\n    #ns-cb-window { width: calc(100vw - 20px); right: -12px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"ns-floating-stack\">\r\n\r\n  <div id=\"ns-cb-wrap\">\r\n    <div id=\"ns-cb-bubble\" onclick=\"nsCbToggle()\">\ud83d\udc4b Hi! Need help?<\/div>\r\n\r\n    <button id=\"ns-cb-btn\" onclick=\"nsCbToggle()\" aria-label=\"Chat\">\r\n      <svg class=\"icon-chat\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"white\">\r\n        <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"\/>\r\n      <\/svg>\r\n      <svg class=\"icon-close\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\">\r\n        <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div id=\"ns-cb-window\">\r\n      <div class=\"ns-cb-head\">\r\n        <div class=\"ns-cb-head-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" alt=\"Logo\"\/>\r\n        <\/div>\r\n        <div class=\"ns-cb-head-info\">\r\n          <strong>National School Assistant<\/strong>\r\n          <small><span class=\"ns-cb-status-dot\"><\/span>Online \u00b7 Typically replies instantly<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div id=\"ns-cb-msgs\"><\/div>\r\n      <div id=\"ns-cb-chips\"><\/div>\r\n      <div class=\"ns-cb-input-row\">\r\n        <input type=\"text\" id=\"ns-cb-input\" placeholder=\"Type a message\u2026\" autocomplete=\"off\"\/>\r\n        <button id=\"ns-cb-send\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"white\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a href=\"https:\/\/wa.me\/919986077113?text=Hello%2C%20I%20am%20interested%20in%20admission%20to%20National%20School%20Karatagi.\" target=\"_blank\" class=\"ns-social-btn whatsapp\" aria-label=\"WhatsApp\">\r\n    <i class=\"fab fa-whatsapp\"><\/i>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\" target=\"_blank\" class=\"ns-social-btn instagram\" aria-label=\"Instagram\">\r\n    <i class=\"fab fa-instagram\"><\/i>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.facebook.com\/share\/18ipySu59x\/?mibextid=wwXIfr\" target=\"_blank\" class=\"ns-social-btn facebook\" aria-label=\"Facebook\">\r\n    <i class=\"fab fa-facebook-f\"><\/i>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n  const ENTRY = { name:\"entry.696704203\", cls:\"entry.1089489972\", phone:\"entry.1819232693\", msg:\"entry.794227521\" };\r\n\r\n  let step = 0, user = { name:'', phone:'', cls:'' }, opened = false;\r\n\r\n  const wrap   = document.getElementById('ns-cb-wrap');\r\n  const msgs   = document.getElementById('ns-cb-msgs');\r\n  const chips  = document.getElementById('ns-cb-chips');\r\n  const input  = document.getElementById('ns-cb-input');\r\n  const bubble = document.getElementById('ns-cb-bubble');\r\n\r\n  \/* \u2500\u2500 Toggle \u2500\u2500 *\/\r\n  window.nsCbToggle = function() {\r\n    wrap.classList.toggle('open');\r\n    bubble.classList.add('hide');\r\n    if (!opened) { opened = true; setTimeout(() => botSay(\"Hello! \ud83d\udc4b Welcome to **National School Karatagi**. How can I help you today?\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"]), 400); }\r\n  };\r\n\r\n  \/* Auto-show bubble after 3s *\/\r\n  setTimeout(() => { if (bubble) bubble.style.display = 'block'; }, 3000);\r\n  if (bubble) bubble.style.display = 'none';\r\n\r\n  \/* \u2500\u2500 Bot message with typing animation \u2500\u2500 *\/\r\n  function botSay(text, options = [], delay = 1100) {\r\n    const typingRow = addTyping();\r\n    setTimeout(() => {\r\n      typingRow.remove();\r\n      addBubble('bot', text);\r\n      if (options.length) setChips(options);\r\n    }, delay);\r\n  }\r\n\r\n  function addBubble(who, text) {\r\n    const time = new Date().toLocaleTimeString([], { hour:'2-digit', minute:'2-digit' });\r\n    const row = document.createElement('div');\r\n    row.className = `ns-msg-row ${who}`;\r\n    if (who === 'bot') {\r\n      row.innerHTML = `\r\n        <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n        <div>\r\n          <div class=\"ns-bubble\">${text.replace(\/\\*\\*(.*?)\\*\\*\/g,'<strong>$1<\/strong>').replace(\/\\n\/g,'<br>')}<\/div>\r\n          <span class=\"ns-time\">${time}<\/span>\r\n        <\/div>`;\r\n    } else {\r\n      row.innerHTML = `\r\n        <div>\r\n          <div class=\"ns-bubble\">${text}<\/div>\r\n          <span class=\"ns-time\">${time} \u2713\u2713<\/span>\r\n        <\/div>`;\r\n    }\r\n    msgs.appendChild(row);\r\n    msgs.scrollTop = msgs.scrollHeight;\r\n  }\r\n\r\n  function addTyping() {\r\n    const row = document.createElement('div');\r\n    row.className = 'ns-msg-row bot';\r\n    row.innerHTML = `\r\n      <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n      <div class=\"ns-typing-bubble\"><span><\/span><span><\/span><span><\/span><\/div>`;\r\n    msgs.appendChild(row);\r\n    msgs.scrollTop = msgs.scrollHeight;\r\n    return row;\r\n  }\r\n\r\n  function setChips(opts) {\r\n    chips.innerHTML = '';\r\n    opts.forEach(o => {\r\n      const b = document.createElement('button');\r\n      b.className = 'ns-chip'; b.textContent = o;\r\n      b.onclick = () => send(o);\r\n      chips.appendChild(b);\r\n    });\r\n  }\r\n\r\n  \/* \u2500\u2500 Send \u2500\u2500 *\/\r\n  function send(text) {\r\n    const t = text || input.value.trim();\r\n    if (!t) return;\r\n    addBubble('user', t);\r\n    input.value = '';\r\n    chips.innerHTML = '';\r\n    processFlow(t);\r\n  }\r\n\r\n  document.getElementById('ns-cb-send').onclick = () => send();\r\n  input.addEventListener('keypress', e => { if (e.key === 'Enter') send(); });\r\n\r\n  \/* \u2500\u2500 Conversation flow \u2500\u2500 *\/\r\n  function processFlow(t) {\r\n    const low = t.toLowerCase();\r\n\r\n    if (low.includes('admission')) {\r\n      step = 1;\r\n      botSay(\"Great choice! \ud83c\udf89 Let's get you started with the admission process.\\n\\nFirst, may I know the **student's full name**?\", [], 900);\r\n    }\r\n    else if (low.includes('timing') || low.includes('time') || low.includes('hour')) {\r\n      botSay(\"\ud83d\udd58 **School Timings:**\\n\u2022 Monday \u2013 Friday: 9:00 AM \u2013 4:00 PM\\n\u2022 Saturday: 9:00 AM \u2013 1:00 PM\\n\\nGates open 15 minutes before school starts.\", [\"Admission Info\", \"Contact Us\"], 900);\r\n    }\r\n    else if (low.includes('fee') || low.includes('fees') || low.includes('cost')) {\r\n      botSay(\"\ud83d\udcb0 For detailed **fee structure**, please contact our office directly.\\n\\nWould you like us to call you back?\", [\"Yes, Call Me Back\", \"Contact Us\"], 900);\r\n    }\r\n    else if (low.includes('contact') || low.includes('address') || low.includes('location')) {\r\n      botSay(\"\ud83d\udccd **National School Karatagi**\\nKaratagi, Gangavathi Taluk\\nKoppal District, Karnataka \u2013 583233\\n\\n\ud83d\udcde **+91 99860 77113**\\n\u2709\ufe0f nationalschoolkaratagi@gmail.com\", [\"Admission Info\", \"School Timings\"], 900);\r\n    }\r\n    else if (low.includes('yes, call') || low.includes('call me')) {\r\n      step = 1;\r\n      botSay(\"Sure! Could you share the **student's name** so we can personalise the call?\", [], 800);\r\n    }\r\n    else if (step === 1) {\r\n      user.name = t;\r\n      step = 2;\r\n      botSay(`Nice to meet you, **${t}**! \ud83d\ude0a\\n\\nWhich **class or grade** are you enquiring for?\\n_(e.g. Nursery, Class 3, Class 9\u2026)_`, [], 950);\r\n    }\r\n    else if (step === 2) {\r\n      user.cls = t;\r\n      step = 3;\r\n      botSay(`Perfect! \ud83d\udcda Lastly, please share your **WhatsApp number** so our admissions team can reach you.`, [], 900);\r\n    }\r\n    else if (step === 3) {\r\n      user.phone = t;\r\n      step = 0;\r\n      botSay(`Almost done! Let me save your details\u2026 \ud83d\udcdd`, [], 600);\r\n      submitToSheet();\r\n    }\r\n    else {\r\n      botSay(\"I'm here to help! Here's what I can assist you with \ud83d\udc47\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"], 900);\r\n    }\r\n  }\r\n\r\n  function submitToSheet() {\r\n\u00a0 \u00a0 \/\/ 1. SILENTLY SUBMIT TO GOOGLE SHEETS\r\n\u00a0 \u00a0 const fd = new FormData();\r\n\u00a0 \u00a0 fd.append(ENTRY.name, user.name);\r\n\u00a0 \u00a0 fd.append(ENTRY.phone, user.phone);\r\n\u00a0 \u00a0 fd.append(ENTRY.cls, user.cls);\r\n\u00a0 \u00a0 fd.append(ENTRY.msg, \"Chatbot enquiry\");\r\n\u00a0 \u00a0 fetch(FORM_URL, { method:'POST', mode:'no-cors', body: fd });\r\n\r\n\u00a0 \u00a0 \/\/ 2. PREPARE WHATSAPP MESSAGE\r\n\u00a0 \u00a0 const messageText = `Hello! Here is a new admission enquiry from the website Chatbot:\r\n*Name:* ${user.name}\r\n*Class:* ${user.cls}\r\n*Phone:* ${user.phone}`;\r\n\r\n\u00a0 \u00a0 const waUrl = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(messageText)}`;\r\n\r\n\u00a0 \u00a0 \/\/ 3. OPEN WHATSAPP IN A NEW TAB\r\n\u00a0 \u00a0 window.open(waUrl, '_blank');\r\n\r\n\u00a0 \u00a0 \/\/ 4. UPDATE CHATBOT UI\r\n\u00a0 \u00a0 setTimeout(() => {\r\n\u00a0 \u00a0 \u00a0 botSay(`\u2705 **All set, ${user.name}!**\\n\\nI have submitted your details and opened a WhatsApp chat with your pre-filled info so you can connect with us directly.\\n\\nThank you for choosing National School Karatagi! \ud83c\udfeb`, [\"Ask Another Question\"], 1200);\r\n\u00a0 \u00a0 }, 800);\r\n\u00a0 }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b427878 e-flex e-con-boxed e-con e-parent\" data-id=\"b427878\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e66374d elementor-widget elementor-widget-html\" data-id=\"e66374d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>Premium Sticky Admission Form<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n<style>\r\n    \/* --- Shared Style Variables --- *\/\r\n    :root {\r\n        --primary-blue: #1a3a6c;\r\n        --btn-blue: #1e60d5;\r\n        --accent-gold: #d4af37;\r\n        --success-green: #4CAF50;\r\n        --bg-glass: rgba(255, 255, 255, 0.98);\r\n        --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    \/* --- Sticky Button --- *\/\r\n    .sticky-admission-btn {\r\n        position: fixed;\r\n        top: 45%; \r\n        right: 0;\r\n        transform: translateY(-50%);\r\n        background: var(--primary-blue);\r\n        color: white;\r\n        padding: 18px 10px;\r\n        border: none;\r\n        border-radius: 12px 0 0 12px;\r\n        cursor: pointer;\r\n        writing-mode: vertical-rl;\r\n        text-orientation: mixed;\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.2);\r\n        transition: all 0.3s ease;\r\n        z-index: 1000;\r\n    }\r\n    .sticky-admission-btn:hover { background: var(--btn-blue); padding-right: 15px; }\r\n\r\n    \/* --- Modal Overlay --- *\/\r\n    .sticky-modal-overlay {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(26, 58, 108, 0.85);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        display: none; \/* Controlled by JS *\/\r\n        align-items: center; justify-content: center;\r\n        z-index: 9999;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n    .sticky-modal-overlay.active { display: flex; opacity: 1; }\r\n\r\n    \/* --- Modal Container --- *\/\r\n    .sticky-modal-container {\r\n        background: var(--bg-glass);\r\n        width: 92%; max-width: 460px;\r\n        border-radius: 24px;\r\n        padding: 40px 30px;\r\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n        transform: translateY(40px);\r\n        transition: transform var(--transition-smooth);\r\n        position: relative;\r\n    }\r\n    .sticky-modal-overlay.active .sticky-modal-container { transform: translateY(0); }\r\n\r\n    .close-sticky-modal {\r\n        position: absolute; top: 20px; right: 20px;\r\n        background: #f0f4f8; border: none;\r\n        width: 35px; height: 35px; border-radius: 50%;\r\n        cursor: pointer; color: var(--primary-blue);\r\n        font-size: 1.2rem; display: flex; align-items: center; justify-content: center;\r\n    }\r\n\r\n    \/* --- Form Styling --- *\/\r\n    .sticky-form-content h2 { \r\n        color: var(--primary-blue); \r\n        text-align: center; \r\n        margin-bottom: 25px; \r\n        font-size: 1.8rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .sticky-input-group { position: relative; margin-bottom: 22px; }\r\n    \r\n    .sticky-input-group input, .sticky-input-group textarea {\r\n        width: 100%; padding: 12px 0; font-size: 1rem;\r\n        border: none; border-bottom: 2px solid #e2e8f0;\r\n        background: transparent; outline: none;\r\n        color: var(--primary-blue);\r\n    }\r\n\r\n    .sticky-input-group label {\r\n        position: absolute; top: 12px; left: 0;\r\n        color: #94a3b8; pointer-events: none;\r\n        transition: 0.3s ease all;\r\n    }\r\n\r\n    .sticky-input-group input:focus ~ label, \r\n    .sticky-input-group input:not(:placeholder-shown) ~ label,\r\n    .sticky-input-group textarea:focus ~ label, \r\n    .sticky-input-group textarea:not(:placeholder-shown) ~ label {\r\n        top: -15px; font-size: 0.8rem; color: var(--btn-blue); font-weight: 700;\r\n    }\r\n\r\n    .sticky-input-group input:focus, .sticky-input-group textarea:focus {\r\n        border-bottom-color: var(--btn-blue);\r\n    }\r\n\r\n    .sticky-submit-btn {\r\n        width: 100%; padding: 16px; \r\n        background: var(--primary-blue); color: white;\r\n        border: none; border-radius: 12px;\r\n        font-weight: 700; font-size: 1rem;\r\n        cursor: pointer; margin-top: 10px;\r\n        display: flex; align-items: center; justify-content: center; gap: 10px;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .sticky-submit-btn:hover { background: var(--btn-blue); transform: translateY(-2px); }\r\n\r\n    \/* --- Success Animation --- *\/\r\n    .sticky-success-content {\r\n        display: none; flex-direction: column; align-items: center;\r\n        text-align: center; padding: 20px 0;\r\n    }\r\n    .sticky-success-content.active { display: flex; }\r\n\r\n    .sticky-checkmark-circle {\r\n        width: 80px; height: 80px; \r\n        background: var(--success-green); border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: white; font-size: 40px; margin-bottom: 20px;\r\n        animation: scaleIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    }\r\n\r\n    @keyframes scaleIn { from { transform: scale(0); } to { transform: scale(1); } }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .sticky-modal-container { padding: 35px 20px; }\r\n        .sticky-form-content h2 { font-size: 1.5rem; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <button class=\"sticky-admission-btn\" id=\"openStickyForm\">\r\n        <i class=\"fas fa-graduation-cap\" style=\"margin-bottom: 8px;\"><\/i> Admission 2026\r\n    <\/button>\r\n\r\n    <div class=\"sticky-modal-overlay\" id=\"stickyOverlay\">\r\n        <div class=\"sticky-modal-container\">\r\n            <button class=\"close-sticky-modal\" id=\"closeStickyForm\"><i class=\"fas fa-times\"><\/i><\/button>\r\n\r\n            <div class=\"sticky-form-content\" id=\"stickyFormContent\">\r\n                <h2>Admission Inquiry<\/h2>\r\n                <form id=\"stickyAdmissionForm\">\r\n                    \r\n                    <div class=\"sticky-input-group\">\r\n                        <input type=\"text\" id=\"s_parent_name\" placeholder=\" \" required>\r\n                        <label>Parent\/Guardian Name<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"sticky-input-group\">\r\n                        <input type=\"text\" id=\"s_student_class\" placeholder=\" \" required>\r\n                        <label>Applying for Class<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"sticky-input-group\">\r\n                        <input type=\"tel\" id=\"s_phone_number\" placeholder=\" \" required>\r\n                        <label>WhatsApp Number<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"sticky-input-group\">\r\n                        <input type=\"email\" id=\"s_email_address\" placeholder=\" \">\r\n                        <label>Email Address (Optional)<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"sticky-input-group\">\r\n                        <textarea id=\"s_form_message\" placeholder=\" \" rows=\"2\"><\/textarea>\r\n                        <label>Special Requirements (Optional)<\/label>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"sticky-submit-btn\" id=\"stickySubmitBtn\">\r\n                        <i class=\"fas fa-paper-plane\"><\/i> SUBMIT ENQUIRY\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <div class=\"sticky-success-content\" id=\"stickySuccessContent\">\r\n                <div class=\"sticky-checkmark-circle\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                <h2 style=\"color: var(--primary-blue);\">Inquiry Recorded<\/h2>\r\n                <p style=\"color: #666; margin-top: 10px;\">Your details have been successfully saved. A direct WhatsApp chat has been opened for you.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n        const stickyOverlay = document.getElementById('stickyOverlay');\r\n        const openStickyBtn = document.getElementById('openStickyForm');\r\n        const closeStickyBtn = document.getElementById('closeStickyForm');\r\n        const stickyForm = document.getElementById('stickyAdmissionForm');\r\n        const stickyFormContent = document.getElementById('stickyFormContent');\r\n        const stickySuccess = document.getElementById('stickySuccessContent');\r\n        const stickySubmitBtn = document.getElementById('stickySubmitBtn');\r\n\r\n        \/\/ Your Google Form URL\r\n        const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n\r\n        \/\/ Open Modal\r\n        openStickyBtn.addEventListener('click', () => {\r\n            stickyOverlay.classList.add('active');\r\n            stickyFormContent.style.display = 'block';\r\n            stickySuccess.classList.remove('active');\r\n            stickySuccess.style.display = 'none';\r\n        });\r\n\r\n        \/\/ Close Modal\r\n        const closeAdmissionModal = () => {\r\n            stickyOverlay.classList.remove('active');\r\n        };\r\n\r\n        closeStickyBtn.addEventListener('click', closeAdmissionModal);\r\n        stickyOverlay.addEventListener('click', (e) => {\r\n            if(e.target === stickyOverlay) closeAdmissionModal();\r\n        });\r\n\r\n        \/\/ Handle Submission\r\n        stickyForm.addEventListener('submit', function(e) {\r\n            e.preventDefault(); \/\/ Stop normal page reload\r\n\r\n            \/\/ 1. Get Values\r\n            const parentName = document.getElementById('s_parent_name').value;\r\n            const studentClass = document.getElementById('s_student_class').value;\r\n            const phone = document.getElementById('s_phone_number').value;\r\n            const email = document.getElementById('s_email_address').value;\r\n            const msg = document.getElementById('s_form_message').value;\r\n\r\n            \/\/ 2. Submit to Google Sheets Silently\r\n            const fd = new FormData();\r\n            fd.append(\"entry.696704203\", parentName);\r\n            fd.append(\"entry.1089489972\", studentClass);\r\n            fd.append(\"entry.1819232693\", phone);\r\n            fd.append(\"entry.800204033\", email);\r\n            fd.append(\"entry.794227521\", msg);\r\n            fetch(FORM_URL, { method: 'POST', mode: 'no-cors', body: fd });\r\n\r\n            \/\/ 3. Immediately Update UI to show Success State\r\n            stickySubmitBtn.innerHTML = \"<i class='fas fa-circle-notch fa-spin'><\/i> RECORDING...\";\r\n            stickySubmitBtn.disabled = true;\r\n\r\n            setTimeout(() => {\r\n                \/\/ Hide form, show checkmark\r\n                stickyFormContent.style.display = 'none';\r\n                stickySuccess.style.display = 'flex';\r\n                setTimeout(() => stickySuccess.classList.add('active'), 50);\r\n\r\n                \/\/ 4. Wait 1.5 seconds so they can see the success message, THEN open WhatsApp\r\n                setTimeout(() => {\r\n                    const waText = `Hello! Here is a new admission enquiry from the Website Form:\\n*Parent:* ${parentName}\\n*Class:* ${studentClass}\\n*Phone:* ${phone}`;\r\n                    \r\n                    \/\/ Note: Because we delayed this window.open, strict popup blockers might occasionally block it. \r\n                    \/\/ To be safe, we open it in the SAME window instead of a new tab.\r\n                    window.location.href = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(waText)}`;\r\n                    \r\n                    \/\/ Reset the form behind the scenes before they leave\r\n                    stickyForm.reset();\r\n                    stickySubmitBtn.innerHTML = \"<i class='fas fa-paper-plane'><\/i> SUBMIT ENQUIRY\";\r\n                    stickySubmitBtn.disabled = false;\r\n                    \r\n                }, 1500); \/\/ 1.5 seconds delay\r\n\r\n            }, 500); \/\/ Quick artificial processing delay\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Physical Education Building Strong Students in Every Sport From Kabaddi to Cricket, we help students learn teamwork, stay strong, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sports &amp; Activities - Green Valley Rural High School<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sports &amp; Activities - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"Physical Education Building Strong Students in Every Sport From Kabaddi to Cricket, we help students learn teamwork, stay strong, and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" \/>\n<meta property=\"og:site_name\" content=\"Green Valley Rural High School\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&amp;utm_source=qr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T10:59:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"36 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\",\"name\":\"Sports &amp; Activities - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png\",\"datePublished\":\"2026-03-23T09:28:41+00:00\",\"dateModified\":\"2026-04-14T10:59:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sports &amp; Activities\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"National Higher Primary and Green Valley Rural High School\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sports &amp; Activities - Green Valley Rural High School","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/","og_locale":"en_US","og_type":"article","og_title":"Sports &amp; Activities - Green Valley Rural High School","og_description":"Physical Education Building Strong Students in Every Sport From Kabaddi to Cricket, we help students learn teamwork, stay strong, and [&hellip;]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/","og_site_name":"Green Valley Rural High School","article_publisher":"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr","article_modified_time":"2026-04-14T10:59:03+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"36 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/","name":"Sports &amp; Activities - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png","datePublished":"2026-03-23T09:28:41+00:00","dateModified":"2026-04-14T10:59:03+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Sports &amp; Activities"}]},{"@type":"WebSite","@id":"https:\/\/nationalschoolkaratagi.com\/#website","url":"https:\/\/nationalschoolkaratagi.com\/","name":"National Higher Primary and Green Valley Rural High School","description":"","publisher":{"@id":"https:\/\/nationalschoolkaratagi.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nationalschoolkaratagi.com\/#organization","name":"National Higher Primary and Green Valley Rural High School","url":"https:\/\/nationalschoolkaratagi.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","width":512,"height":512,"caption":"National Higher Primary and Green Valley Rural High School"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":76,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1858,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/1858"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}