{"id":12,"date":"2026-03-23T09:28:18","date_gmt":"2026-03-23T09:28:18","guid":{"rendered":"https:\/\/nationalschoolkaratagi.com\/?page_id=12"},"modified":"2026-04-14T11:01:19","modified_gmt":"2026-04-14T11:01:19","slug":"faculty-management","status":"publish","type":"page","link":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/","title":{"rendered":"Faculty &amp; Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1783e60 e-flex e-con-boxed e-con e-parent\" data-id=\"1783e60\" 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-0e6ebfe elementor-widget elementor-widget-html\" data-id=\"0e6ebfe\" 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<meta name=\"description\" content=\"National School Karatagi offers premium education, experienced faculty, and world-class facilities. Discover a safe, engaging campus for your child's future.\">\r\n<title>Campus & Faculty \u2013 National School Karatagi<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&family=Outfit:wght@300;400;500&family=JetBrains+Mono:wght@400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GLOBAL STYLES & LUXURY THEME \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\n:root {\r\n  --navy: #1A3A6C;\r\n  --red: #E31E24;\r\n  --gold: #D4AF37; \r\n  --light-gold: rgba(212, 175, 55, 0.15);\r\n  --cream: #FCFAF6; \r\n  --white: #ffffff;\r\n  --text-main: #334155;\r\n  --text-muted: #64748b;\r\n  --serif: 'Crimson Pro', Georgia, serif;\r\n  --sans: 'DM Sans', sans-serif;\r\n  --shadow-soft: 0 15px 35px rgba(26, 58, 108, 0.04);\r\n  --shadow-hover: 0 25px 50px rgba(212, 175, 55, 0.12);\r\n}\r\n\r\nbody {\r\n  font-family: var(--sans);\r\n  background: var(--cream);\r\n  color: var(--text-main);\r\n  overflow-x: hidden;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Ultra-Smooth Animations *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.reveal.active { opacity: 1; transform: translateY(0); }\r\n.delay-1 { transition-delay: 0.15s; }\r\n.delay-2 { transition-delay: 0.3s; }\r\n.delay-3 { transition-delay: 0.45s; }\r\n\r\n\/* Base Headings - Reduced Margins *\/\r\n.ns-section-header { text-align: center; margin-bottom: 48px; }\r\n.ns-section-eyebrow {\r\n  font-size: 12px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: var(--gold);\r\n  margin-bottom: 12px; display: block;\r\n}\r\n.ns-section-title {\r\n  font-family: var(--serif); font-size: clamp(32px, 4vw, 46px);\r\n  font-weight: 700; color: var(--navy); line-height: 1.15;\r\n}\r\n.ns-section-title em { font-style: italic; color: var(--gold); font-weight: 400; }\r\n\r\n\/* General Section Padding *\/\r\n.ns-section { padding: 80px 6%; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1. HERO SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-hero {\r\n  padding: 100px 6% 80px;\r\n  background: linear-gradient(180deg, var(--white) 0%, var(--cream) 100%);\r\n  text-align: center; position: relative;\r\n  border-bottom: 1px solid var(--light-gold);\r\n}\r\n.ns-hero::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px;\r\n  background: linear-gradient(to right, var(--gold), var(--navy), var(--gold));\r\n}\r\n.ns-hero-title {\r\n  font-family: var(--serif); font-size: clamp(40px, 6vw, 72px);\r\n  font-weight: 700; color: var(--navy); line-height: 1.1;\r\n  margin-bottom: 20px; max-width: 900px; margin-inline: auto;\r\n}\r\n.ns-hero-title em { font-style: italic; color: var(--gold); font-weight: 400;}\r\n.ns-hero-desc {\r\n  font-size: 18px; color: var(--text-muted); max-width: 650px;\r\n  margin: 0 auto 40px; font-weight: 400;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2. THE NUMBERS (STATS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-stats {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 24px; max-width: 1000px; margin: 0 auto; padding: 0 6%;\r\n  transform: translateY(-40px); position: relative; z-index: 10;\r\n}\r\n.ns-stat-card {\r\n  background: var(--white); padding: 32px 20px; border-radius: 16px;\r\n  text-align: center; box-shadow: var(--shadow-soft);\r\n  border: 1px solid var(--light-gold);\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n.ns-stat-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); }\r\n.ns-stat-num {\r\n  font-family: var(--serif); font-size: 56px; font-weight: 700;\r\n  color: var(--navy); line-height: 1; margin-bottom: 8px;\r\n}\r\n.ns-stat-num sup { font-size: 0.5em; color: var(--gold); }\r\n.ns-stat-label {\r\n  font-weight: 600; font-size: 13px; text-transform: uppercase;\r\n  letter-spacing: 1px; color: var(--text-muted);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GEO-SEO SECTION (KARATAGI) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-geo-seo { background: var(--white); text-align: center; padding-top: 40px; }\r\n.ns-geo-wrap { max-width: 800px; margin: 0 auto; }\r\n.ns-geo-text { font-size: 18px; color: var(--text-muted); margin-top: 20px; }\r\n.ns-geo-highlights { display: flex; justify-content: center; gap: 30px; margin-top: 32px; flex-wrap: wrap;}\r\n.ns-geo-tag { background: var(--cream); padding: 8px 16px; border-radius: 30px; font-size: 14px; font-weight: 600; color: var(--navy); border: 1px solid var(--light-gold); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. LEADERSHIP MESSAGE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-leadership { background: var(--cream); }\r\n.ns-lead-wrap { display: flex; gap: 60px; max-width: 1100px; margin: 0 auto; align-items: center; }\r\n.ns-lead-img { flex: 1; position: relative; border-radius: 20px; }\r\n.ns-lead-img img {\r\n  width: 100%; border-radius: 20px; display: block; object-fit: cover; aspect-ratio: 4\/5;\r\n  box-shadow: var(--shadow-soft); border: 6px solid var(--white);\r\n}\r\n.ns-lead-content { flex: 1.2; }\r\n.ns-lead-quote {\r\n  font-family: var(--serif); font-size: 28px; color: var(--navy);\r\n  font-weight: 600; line-height: 1.3; margin-bottom: 20px; font-style: italic;\r\n}\r\n.ns-lead-text { color: var(--text-muted); margin-bottom: 24px; font-size: 16px; }\r\n.ns-lead-name { font-family: var(--serif); font-size: 22px; font-weight: 700; color: var(--navy); }\r\n.ns-lead-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--gold); letter-spacing: 2px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FACILITIES (SEO KEYWORDS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-facilities { background: var(--navy); color: var(--white); }\r\n.ns-facilities .ns-section-title { color: var(--white); }\r\n.ns-fac-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1200px; margin: 0 auto; }\r\n.ns-fac-card { background: rgba(255,255,255,0.05); padding: 32px; border-radius: 16px; border: 1px solid rgba(212, 175, 55, 0.2); backdrop-filter: blur(10px); transition: transform 0.4s ease; }\r\n.ns-fac-card:hover { transform: translateY(-5px); background: rgba(255,255,255,0.08); border-color: var(--gold); }\r\n.ns-fac-title { font-family: var(--serif); font-size: 22px; font-weight: 700; color: var(--gold); margin-bottom: 12px; }\r\n.ns-fac-desc { font-size: 15px; color: rgba(255,255,255,0.8); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4. SELECTION PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-selection { background: var(--white); }\r\n.ns-sel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; }\r\n.ns-sel-card {\r\n  background: var(--cream); padding: 40px 32px; border-radius: 16px;\r\n  position: relative; border: 1px solid var(--light-gold);\r\n  transition: all 0.4s ease;\r\n}\r\n.ns-sel-card:hover { background: var(--white); box-shadow: var(--shadow-hover); transform: translateY(-5px); }\r\n.ns-sel-num {\r\n  font-family: var(--serif); font-size: 80px; font-weight: 700;\r\n  color: var(--light-gold); position: absolute; top: -10px; right: 20px; line-height: 1;\r\n}\r\n.ns-sel-title { font-family: var(--serif); font-size: 24px; font-weight: 700; color: var(--navy); margin-bottom: 12px; position: relative; z-index: 2; }\r\n.ns-sel-text { font-size: 15px; color: var(--text-muted); position: relative; z-index: 2; line-height: 1.7; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HALL OF EXCELLENCE CSS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hoe-wrap{font-family:'Outfit',sans-serif;background:#F7F4EE;color:#1C2340;padding:5rem 1.25rem 5.5rem;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}\r\n.hoe-wrap *{box-sizing:border-box;margin:0;padding:0}\r\n.hoe-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}\r\n.hoe-orb{position:absolute;border-radius:50%;will-change:transform}\r\n.hoe-orb.a{width:500px;height:500px;background:radial-gradient(circle at 40% 40%,rgba(59,110,240,0.11),transparent 65%);top:-15%;left:-15%}\r\n.hoe-orb.b{width:380px;height:380px;background:radial-gradient(circle at 55% 55%,rgba(184,150,46,0.08),transparent 65%);bottom:-10%;right:-10%}\r\n.hoe-ring{position:absolute;border-radius:50%;border:1px solid rgba(27,79,216,0.09);width:280px;height:280px;top:-60px;right:-60px;will-change:transform}\r\n.hoe-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}\r\n.hoe-head{text-align:center;margin-bottom:2rem}\r\n.hoe-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#1B4FD8;margin-bottom:.9rem}\r\n.hoe-eyebrow::before,.hoe-eyebrow::after{content:'';width:22px;height:1px;background:currentColor;opacity:.5}\r\n.hoe-title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,7vw,4rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;color:#0C1B33}\r\n.hoe-title em{font-style:italic;color:#1B4FD8}\r\n.hoe-sub{font-size:.95rem;color:#5A6480;font-weight:300;margin-top:.6rem;line-height:1.7}\r\n.hoe-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:2rem}\r\n.hoe-pill{display:flex;align-items:center;gap:7px;padding:.55rem 1.1rem;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(12,27,51,.15);border-radius:100px}\r\n.hoe-pill-n{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:#0C1B33;line-height:1}\r\n.hoe-pill-l{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#9BA3BC;text-transform:uppercase;letter-spacing:.1em}\r\n.hoe-div{display:flex;align-items:center;gap:10px;margin-bottom:1.1rem}\r\n.hoe-div-line{flex:1;height:1px;background:rgba(12,27,51,.09)}\r\n.hoe-div-txt{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:#9BA3BC;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}\r\n.hoe-spot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:2rem}\r\n@media(max-width:500px){.hoe-spot{grid-template-columns:1fr}}\r\n.hoe-sc{position:relative;background:#0C1B33;border-radius:18px;padding:1.6rem 1.5rem;overflow:hidden;color:#fff;transition:transform .4s cubic-bezier(.22,1,.36,1)}\r\n.hoe-sc:hover{transform:translateY(-4px)}\r\n.hoe-sc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,110,240,.25),transparent 55%);pointer-events:none}\r\n.hoe-ghost{position:absolute;right:-.5rem;bottom:-1.8rem;font-family:'Playfair Display',serif;font-size:clamp(4.5rem,14vw,7.5rem);font-weight:700;font-style:italic;color:rgba(255,255,255,.04);line-height:1;user-select:none;white-space:nowrap}\r\n.hoe-badge{display:inline-block;background:#B8962E;color:#fff;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border-radius:100px;margin-bottom:.75rem}\r\n.hoe-sname{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,3.5vw,1.45rem);font-weight:700;line-height:1.15;margin-bottom:.2rem}\r\n.hoe-syr{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.38);letter-spacing:.08em;margin-bottom:1.1rem}\r\n.hoe-spct{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:700;line-height:1;color:#fff}\r\n.hoe-spct sup{font-size:.85rem;font-weight:300;font-family:'Outfit',sans-serif;opacity:.55;vertical-align:super}\r\n.hoe-smk{font-size:.6rem;color:rgba(255,255,255,.32);font-family:'JetBrains Mono',monospace;margin-top:3px}\r\n.hoe-rows{border:1px solid rgba(12,27,51,.09);border-radius:18px;overflow:hidden;background:#fff}\r\n.hoe-row{display:grid;grid-template-columns:38px 1fr 68px;align-items:center;gap:0 .85rem;padding:.85rem 1.1rem;border-bottom:1px solid rgba(12,27,51,.07);position:relative;transition:background .18s ease;cursor:default}\r\n.hoe-row:last-child{border-bottom:none}\r\n.hoe-row:hover{background:#E8EFFE}\r\n.hoe-row.hi{background:linear-gradient(to right,rgba(27,79,216,.04),transparent)}\r\n.hoe-row.hi:hover{background:#E8EFFE}\r\n.hoe-row.hi::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2.5px;background:#1B4FD8;border-radius:0 2px 2px 0}\r\n.hoe-rn{display:block;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:#EDE9DF;line-height:1;text-align:center}\r\n.hoe-row.hi .hoe-rn{color:rgba(27,79,216,.18)}\r\n.hoe-yr{font-family:'JetBrains Mono',monospace;font-size:.54rem;color:#1B4FD8;background:rgba(27,79,216,.07);border:1px solid rgba(27,79,216,.12);border-radius:100px;padding:1px 6px;display:inline-block;margin-bottom:3px}\r\n.hoe-name{font-family:'Playfair Display',serif;font-size:.92rem;font-weight:700;color:#0C1B33;line-height:1.2}\r\n.hoe-bar{display:flex;align-items:center;gap:5px;margin-top:4px}\r\n.hoe-track{width:52px;height:2px;background:#EDE9DF;border-radius:2px;overflow:hidden;flex-shrink:0}\r\n.hoe-fill{height:100%;background:rgba(59,110,240,.5);border-radius:2px;width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}\r\n.hoe-row.hi .hoe-fill{background:#1B4FD8}\r\n.hoe-mk{font-size:.56rem;font-family:'JetBrains Mono',monospace;color:#9BA3BC}\r\n.hoe-pv{display:block;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:#0C1B33;line-height:1;text-align:right}\r\n.hoe-row.hi .hoe-pv{color:#1B4FD8}\r\n.hoe-pl{font-size:.5rem;font-family:'JetBrains Mono',monospace;color:#9BA3BC;text-transform:uppercase;letter-spacing:.1em;text-align:right;display:block}\r\n.hoe-cta{margin-top:2rem;background:#0C1B33;border-radius:20px;padding:2rem 1.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;position:relative;overflow:hidden}\r\n.hoe-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,110,240,.22),transparent 55%);pointer-events:none}\r\n.hoe-cta-text{position:relative;z-index:1}\r\n.hoe-cta-tag{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:.4rem}\r\n.hoe-cta-h{font-family:'Playfair Display',serif;font-size:clamp(1.2rem,4vw,1.65rem);font-weight:700;color:#fff;line-height:1.15}\r\n.hoe-cta-h em{font-style:italic;color:#93B4F8}\r\n.hoe-cta-p{font-size:.82rem;color:rgba(255,255,255,.45);font-weight:300;margin-top:.35rem;line-height:1.6}\r\n.hoe-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:#1B4FD8;color:#fff;font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:500;padding:.75rem 1.6rem;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}\r\n.hoe-cta-btn:hover{background:#3B6EF0;transform:translateY(-2px);color:#fff;text-decoration:none}\r\n.hoe-cta-btn svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}\r\n.hoe-cta-btn:hover svg{transform:translateX(3px)}\r\n.hoe-rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}\r\n.hoe-rv.on{opacity:1;transform:translateY(0)}\r\n@media(max-width:380px){ .hoe-bar{display:none} .hoe-row{grid-template-columns:30px 1fr 58px;padding:.75rem .85rem} .hoe-name{font-size:.82rem} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 8. CLASSROOMS (TREES & PLANTS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ns-cr-wrap { background: var(--cream); display: flex; flex-direction: column; align-items: center; }\r\n.ns-cr-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 20px; max-width: 1200px; width: 100%; margin: 0 auto; }\r\n.ns-cr-card {\r\n  text-decoration: none!important; display: flex; flex-direction: column;\r\n  flex: 0 1 calc(20% - 20px); min-width: 180px; max-width: 220px;\r\n  background: var(--white); border-radius: 16px; overflow: hidden;\r\n  border: 1px solid rgba(0,0,0,0.05);\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease; position: relative;\r\n}\r\n.ns-cr-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); }\r\n.ns-cr-img-wrap { width: 100%; height: 140px; overflow: hidden; position: relative; }\r\n.ns-cr-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; display: block; }\r\n.ns-cr-card:hover .ns-cr-img-wrap img { transform: scale(1.08); }\r\n.ns-cr-badge {\r\n  position: absolute; top: 10px; left: 10px; background: rgba(255,255,255,0.95);\r\n  border-radius: 30px; padding: 4px 12px; font-size: 11px; font-weight: 700;\r\n  color: var(--navy); box-shadow: 0 4px 10px rgba(0,0,0,0.1); white-space: nowrap;\r\n}\r\n.ns-cr-body { padding: 16px; flex: 1; display: flex; flex-direction: column; gap: 4px; }\r\n.ns-cr-class { font-family: var(--serif); font-size: 20px; font-weight: 700; color: var(--navy); line-height: 1.2; }\r\n.ns-cr-fruit-name { font-size: 12px; font-weight: 700; color: var(--gold); letter-spacing: 1px; text-transform: uppercase; }\r\n.ns-cr-age { font-size: 13px; color: var(--text-muted); margin-top: 2px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE QUERIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .ns-lead-wrap { flex-direction: column; text-align: center; gap: 40px; }\r\n  .ns-lead-img { width: 100%; max-width: 500px; margin: 0 auto; }\r\n  .ns-sel-grid { grid-template-columns: 1fr; }\r\n  .ns-cr-card{ flex: 0 1 calc(25% - 20px); }\r\n}\r\n@media (max-width: 768px) { .ns-cr-card{ flex: 0 1 calc(33.33% - 20px); } }\r\n@media (max-width: 600px) {\r\n  .ns-section { padding: 50px 5%; }\r\n  .ns-hero { padding: 80px 5% 50px; }\r\n  .ns-stats { transform: translateY(0); margin-top: 30px; }\r\n  .ns-cr-card{ flex: 0 1 calc(50% - 10px); min-width: 140px; }\r\n  .ns-hero-title { font-size: 36px; }\r\n  .ns-section-title { font-size: 28px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ns-hero reveal\">\r\n  <span class=\"ns-section-eyebrow\">National School Karatagi<\/span>\r\n  <h1 class=\"ns-hero-title\">Great Minds, <em>Bright<\/em> Futures<\/h1>\r\n  <p class=\"ns-hero-desc\">\r\n    Every great student needs a great teacher. We have a team of caring, expert teachers who show your child what is possible and help them shine.\r\n  <\/p>\r\n<\/section>\r\n\r\n<section class=\"ns-stats reveal delay-1\">\r\n  <div class=\"ns-stat-card\">\r\n    <div class=\"ns-stat-num\">40<sup>+<\/sup><\/div>\r\n    <div class=\"ns-stat-label\">Caring Teachers<\/div>\r\n  <\/div>\r\n  <div class=\"ns-stat-card\">\r\n    <div class=\"ns-stat-num\">15<sup>+<\/sup><\/div>\r\n    <div class=\"ns-stat-label\">Years Experience<\/div>\r\n  <\/div>\r\n  <div class=\"ns-stat-card\">\r\n    <div class=\"ns-stat-num\">Low<\/div>\r\n    <div class=\"ns-stat-label\">Class Sizes<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"ns-section ns-geo-seo reveal\">\r\n  <div class=\"ns-geo-wrap\">\r\n    <span class=\"ns-section-eyebrow\">Rooted in Our Community<\/span>\r\n    <h2 class=\"ns-section-title\">The Premier Choice for Education in <em>Karatagi<\/em><\/h2>\r\n    <p class=\"ns-geo-text\">\r\n      Conveniently located in the heart of Karatagi, our campus offers a secure, peaceful, and highly engaging environment. We are proud to be the trusted educational partner for local families, combining global teaching standards with deep community values.\r\n    <\/p>\r\n    <div class=\"ns-geo-highlights\">\r\n      <span class=\"ns-geo-tag\">\ud83d\udccd Central Karatagi Location<\/span>\r\n      <span class=\"ns-geo-tag\">\ud83d\udee1\ufe0f 24\/7 Secure Campus<\/span>\r\n      <span class=\"ns-geo-tag\">\ud83d\ude8c Safe Transport Network<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"ns-section ns-leadership\">\r\n  <div class=\"ns-lead-wrap\">\r\n    <div class=\"ns-lead-img reveal delay-1\">\r\n      <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\" loading=\"lazy\" alt=\"School Director\">\r\n    <\/div>\r\n    <div class=\"ns-lead-content reveal delay-2\">\r\n      <span class=\"ns-section-eyebrow\">A Message from Leadership<\/span>\r\n      <h2 class=\"ns-lead-quote\">\"Education is not about filling a bucket, but lighting a fire in every child.\"<\/h2>\r\n      <p class=\"ns-lead-text\">\r\n        At National School Karatagi, we know our school is only as good as our teachers. I am proud to lead a team that comes to school every day to guide and inspire. We treat every child as unique, making sure they feel valued and supported to do their best.\r\n      <\/p>\r\n      <div class=\"ns-lead-name\">Director's Name<\/div>\r\n      <div class=\"ns-lead-title\">Principal & Academic Director<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"ns-section ns-facilities reveal\">\r\n  <div class=\"ns-section-header\">\r\n    <span class=\"ns-section-eyebrow\" style=\"color: var(--cream);\">Beyond the Books<\/span>\r\n    <h2 class=\"ns-section-title\">World-Class <em>Facilities<\/em><\/h2>\r\n  <\/div>\r\n  <div class=\"ns-fac-grid\">\r\n    <div class=\"ns-fac-card reveal delay-1\">\r\n      <h3 class=\"ns-fac-title\">Smart Classrooms<\/h3>\r\n      <p class=\"ns-fac-desc\">Interactive digital boards and multimedia tools in every room to make complex subjects easy and fun to learn.<\/p>\r\n    <\/div>\r\n    <div class=\"ns-fac-card reveal delay-2\">\r\n      <h3 class=\"ns-fac-title\">Modern Library Hub<\/h3>\r\n      <p class=\"ns-fac-desc\">A vast collection of academic books, international journals, and digital resources to spark a lifelong love for reading.<\/p>\r\n    <\/div>\r\n    <div class=\"ns-fac-card reveal delay-3\">\r\n      <h3 class=\"ns-fac-title\">Sports & Athletics<\/h3>\r\n      <p class=\"ns-fac-desc\">Expansive playgrounds and courts dedicated to physical fitness, team sports, and building leadership skills.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"ns-section ns-selection\">\r\n  <div class=\"ns-section-header reveal\">\r\n    <span class=\"ns-section-eyebrow\">Our Standards<\/span>\r\n    <h2 class=\"ns-section-title\">How We Choose <em>Our Team<\/em><\/h2>\r\n  <\/div>\r\n  <div class=\"ns-sel-grid\">\r\n    <div class=\"ns-sel-card reveal delay-1\">\r\n      <div class=\"ns-sel-num\">01<\/div>\r\n      <h3 class=\"ns-sel-title\">Careful Selection<\/h3>\r\n      <p class=\"ns-sel-text\">We pick only the best teachers. Along with good degrees, we look for a true love for teaching children and fresh, creative ideas.<\/p>\r\n    <\/div>\r\n    <div class=\"ns-sel-card reveal delay-2\">\r\n      <div class=\"ns-sel-num\">02<\/div>\r\n      <h3 class=\"ns-sel-title\">Live Teaching<\/h3>\r\n      <p class=\"ns-sel-text\">Before joining us, every teacher must teach a real class. We watch how they talk, answer questions, and make hard topics easy to understand.<\/p>\r\n    <\/div>\r\n    <div class=\"ns-sel-card reveal delay-3\">\r\n      <div class=\"ns-sel-num\">03<\/div>\r\n      <h3 class=\"ns-sel-title\">The Right Fit<\/h3>\r\n      <p class=\"ns-sel-text\">Great teaching is teamwork. Our teachers must share our values of kindness, honesty, and a promise to give personal attention to every child.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"hoe-wrap\">\r\n  <div class=\"hoe-bg\">\r\n    <div class=\"hoe-orb a\" data-spd=\"0.12\"><\/div>\r\n    <div class=\"hoe-orb b\" data-spd=\"0.2\"><\/div>\r\n    <div class=\"hoe-ring\" data-spd=\"0.07\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hoe-inner\">\r\n\r\n    <div class=\"hoe-head hoe-rv\">\r\n      <div class=\"hoe-eyebrow\">Academic Excellence \u00b7 2009\u20132025<\/div>\r\n      <h2 class=\"hoe-title\">Hall of <em>Excellence<\/em><\/h2>\r\n      <p class=\"hoe-sub\">Celebrating our brightest minds \u2014 17 toppers across 15 batches.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hoe-pills hoe-rv\" style=\"transition-delay:.1s\">\r\n      <div class=\"hoe-pill\"><span class=\"hoe-pill-n\" data-count=\"17\">17<\/span><span class=\"hoe-pill-l\">Toppers<\/span><\/div>\r\n      <div class=\"hoe-pill\"><span class=\"hoe-pill-n\" data-count=\"15\">15<\/span><span class=\"hoe-pill-l\">Batches<\/span><\/div>\r\n      <div class=\"hoe-pill\"><span class=\"hoe-pill-n\">99.52%<\/span><span class=\"hoe-pill-l\">Peak Score<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hoe-div hoe-rv\" style=\"transition-delay:.15s\">\r\n      <div class=\"hoe-div-line\"><\/div><span class=\"hoe-div-txt\">All-Time Best \u00b7 99.52%<\/span><div class=\"hoe-div-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hoe-spot\">\r\n      <div class=\"hoe-sc hoe-rv\" style=\"transition-delay:.1s\">\r\n        <div class=\"hoe-ghost\">99%<\/div>\r\n        <div class=\"hoe-badge\">All-Time Best<\/div>\r\n        <div class=\"hoe-sname\">K.B. Vinay Kumar Reddy<\/div>\r\n        <div class=\"hoe-syr\">2021\u201322 \u00b7 Rank #13<\/div>\r\n        <div class=\"hoe-spct\">99.52<sup>%<\/sup><\/div>\r\n        <div class=\"hoe-smk\">622 \/ 625 marks<\/div>\r\n      <\/div>\r\n      <div class=\"hoe-sc hoe-rv\" style=\"transition-delay:.2s\">\r\n        <div class=\"hoe-ghost\">99%<\/div>\r\n        <div class=\"hoe-badge\">All-Time Best<\/div>\r\n        <div class=\"hoe-sname\">Shri Gouri<\/div>\r\n        <div class=\"hoe-syr\">2021\u201322 \u00b7 Rank #14<\/div>\r\n        <div class=\"hoe-spct\">99.52<sup>%<\/sup><\/div>\r\n        <div class=\"hoe-smk\">622 \/ 625 marks<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hoe-div hoe-rv\" style=\"transition-delay:.05s\">\r\n      <div class=\"hoe-div-line\"><\/div><span class=\"hoe-div-txt\">Year-Wise Toppers<\/span><div class=\"hoe-div-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hoe-rows\" id=\"hoe-rows\"><\/div>\r\n\r\n    <div class=\"hoe-cta hoe-rv\" style=\"transition-delay:.1s\">\r\n      <div class=\"hoe-cta-text\">\r\n        <div class=\"hoe-cta-tag\">Admissions Open<\/div>\r\n        <div class=\"hoe-cta-h\">Your child could be our <em>next topper.<\/em><\/div>\r\n        <div class=\"hoe-cta-p\">Join a school with a proven track record of excellence.<\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"hoe-cta-btn\">Apply Now <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<section class=\"ns-section ns-cr-wrap\" id=\"classrooms\">\r\n  <div class=\"ns-section-header reveal\" style=\"margin-bottom: 40px;\">\r\n    <span class=\"ns-section-eyebrow\">\ud83c\udf31 Our Classrooms<\/span>\r\n    <h2 class=\"ns-section-title\">Every Class, A <em>Garden<\/em> to Grow<\/h2>\r\n    <p style=\"font-size: 16px; color: var(--text-muted); max-width: 600px; margin: 0 auto; margin-top: 12px; font-weight: 400;\">We name our classes after plants and trees because every child begins as a tiny seedling and grows into a strong, deeply-rooted tree in their own perfect time.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ns-cr-grid\">\r\n    <a class=\"ns-cr-card reveal\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0829-1-scaled.jpg\" alt=\"Baby Class\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf31 Seedling<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Baby Class<\/div><div class=\"ns-cr-fruit-name\">Seedling Class<\/div><div class=\"ns-cr-age\">Age 3 \u2013 4<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-1\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0824-scaled.jpg\" alt=\"LKG Classroom\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83e\udeb4 Sapling<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">LKG<\/div><div class=\"ns-cr-fruit-name\">Sapling Class<\/div><div class=\"ns-cr-age\">Age 4 \u2013 5<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-2\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/1st-clas.png\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf3f Tulsi<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">UKG<\/div><div class=\"ns-cr-fruit-name\">Tulsi Class<\/div><div class=\"ns-cr-age\">Age 5 \u2013 6<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-3\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0809-1-scaled.jpg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf8b Bamboo<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 1<\/div><div class=\"ns-cr-fruit-name\">Bamboo Class<\/div><div class=\"ns-cr-age\">Age 6 \u2013 7<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/class-2.png\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf3a Hibiscus<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 2<\/div><div class=\"ns-cr-fruit-name\">Hibiscus Class<\/div><div class=\"ns-cr-age\">Age 7 \u2013 8<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-1\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/class-3.png\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf33 Ashoka<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 3<\/div><div class=\"ns-cr-fruit-name\">Ashoka Class<\/div><div class=\"ns-cr-age\">Age 8 \u2013 9<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-2\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/class-4.png\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf43 Neem<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 4<\/div><div class=\"ns-cr-fruit-name\">Neem Class<\/div><div class=\"ns-cr-age\">Age 9 \u2013 10<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-3\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-11-at-8.59.52-AM-1.jpeg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83e\udd6d Mango Tree<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 5<\/div><div class=\"ns-cr-fruit-name\">Mango Tree Class<\/div><div class=\"ns-cr-age\">Age 10 \u2013 11<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-11-at-9.00.12-AM-1.jpeg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf30 Tamarind<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 6<\/div><div class=\"ns-cr-fruit-name\">Tamarind Class<\/div><div class=\"ns-cr-age\">Age 11 \u2013 12<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-1\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-11-at-9.00.27-AM-1.jpeg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83e\udeb5 Teak<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 7<\/div><div class=\"ns-cr-fruit-name\">Teak Class<\/div><div class=\"ns-cr-age\">Age 12 \u2013 13<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-2\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_jndtkljndtkljndt-edited.png\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83e\udeb5 Mahogany<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 8<\/div><div class=\"ns-cr-fruit-name\">Mahogany Class<\/div><div class=\"ns-cr-age\">Age 13 \u2013 14<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal delay-3\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-11-at-9.01.12-AM-1.jpeg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf43 Peepal<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 9<\/div><div class=\"ns-cr-fruit-name\">Peepal Class<\/div><div class=\"ns-cr-age\">Age 14 \u2013 15<\/div><\/div>\r\n    <\/a>\r\n    <a class=\"ns-cr-card reveal\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\">\r\n      <div class=\"ns-cr-img-wrap\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-11-at-9.01.30-AM-1.jpeg\" loading=\"lazy\"><div class=\"ns-cr-badge\">\ud83c\udf33 Banyan<\/div><\/div>\r\n      <div class=\"ns-cr-body\"><div class=\"ns-cr-class\">Class 10<\/div><div class=\"ns-cr-fruit-name\">Banyan Class<\/div><div class=\"ns-cr-age\">Age 15 \u2013 16<\/div><\/div>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ 1. General Reveal Observer for the main layout blocks\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('active');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { \r\n      threshold: 0.05,\r\n      rootMargin: \"0px 0px -50px 0px\" \r\n    });\r\n\r\n    document.querySelectorAll('.reveal').forEach((element) => {\r\n      observer.observe(element);\r\n    });\r\n  });\r\n\r\n  \/\/ 2. Hall of Excellence Animations & Data Population\r\n  (function(){\r\n    var data=[\r\n      {sl:1, name:\"C.H. Ravikiran\",        yr:\"2009\u201310\",mk:\"429\/625\",pct:68.64},\r\n      {sl:2, name:\"J. Shri Hari\",          yr:\"2010\u201311\",mk:\"593\/625\",pct:94.88},\r\n      {sl:3, name:\"A. Ranjitha\",           yr:\"2011\u201312\",mk:\"557\/625\",pct:89.12},\r\n      {sl:4, name:\"C. Vikas\",              yr:\"2012\u201313\",mk:\"578\/625\",pct:92.48},\r\n      {sl:5, name:\"Karanji Lata\",          yr:\"2013\u201314\",mk:\"566\/625\",pct:90.56},\r\n      {sl:6, name:\"Amrutha J\",             yr:\"2014\u201315\",mk:\"610\/625\",pct:97.60},\r\n      {sl:7, name:\"Asha Soumya\",           yr:\"2015\u201316\",mk:\"603\/625\",pct:96.48},\r\n      {sl:8, name:\"G. Abdul Khadar Basha\", yr:\"2016\u201317\",mk:\"602\/625\",pct:96.32},\r\n      {sl:9, name:\"B.K. Pramod\",           yr:\"2017\u201318\",mk:\"616\/625\",pct:98.56},\r\n      {sl:10,name:\"B. Keerthi\",            yr:\"2018\u201319\",mk:\"616\/625\",pct:98.56},\r\n      {sl:11,name:\"Amrutha\",               yr:\"2019\u201320\",mk:\"613\/625\",pct:98.08},\r\n      {sl:12,name:\"Y. Ramyashri Roopa\",    yr:\"2020\u201321\",mk:\"587\/625\",pct:93.92},\r\n      {sl:15,name:\"H. Rithiesh\",           yr:\"2022\u201323\",mk:\"616\/625\",pct:98.56},\r\n      {sl:16,name:\"Sanjana\",               yr:\"2023\u201324\",mk:\"596\/625\",pct:95.36},\r\n      {sl:17,name:\"Shravani S\",            yr:\"2024\u201325\",mk:\"616\/625\",pct:98.56}\r\n    ];\r\n    var wrap=document.getElementById('hoe-rows');\r\n    var MIN=68,MAX=100;\r\n    data.forEach(function(t,i){\r\n      var hi=t.pct>=97;\r\n      var bw=((t.pct-MIN)\/(MAX-MIN)*100).toFixed(1);\r\n      var el=document.createElement('div');\r\n      el.className='hoe-row hoe-rv'+(hi?' hi':'');\r\n      el.style.transitionDelay=(i*0.042+0.05)+'s';\r\n      el.dataset.bw=bw;\r\n      el.innerHTML='<div><span class=\"hoe-rn\">'+String(t.sl).padStart(2,'0')+'<\/span><\/div>'\r\n        +'<div><span class=\"hoe-yr\">'+t.yr+'<\/span><div class=\"hoe-name\">'+t.name+'<\/div>'\r\n        +'<div class=\"hoe-bar\"><div class=\"hoe-track\"><div class=\"hoe-fill\"><\/div><\/div>'\r\n        +'<span class=\"hoe-mk\">'+t.mk+'<\/span><\/div><\/div>'\r\n        +'<div><span class=\"hoe-pv\">'+t.pct.toFixed(2)+'%<\/span><span class=\"hoe-pl\">score<\/span><\/div>';\r\n      wrap.appendChild(el);\r\n    });\r\n\r\n    var io=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(!e.isIntersecting)return;\r\n        e.target.classList.add('on');\r\n        var f=e.target.querySelector('.hoe-fill');\r\n        if(f)setTimeout(function(){f.style.width=e.target.dataset.bw+'%'},150);\r\n        io.unobserve(e.target);\r\n      });\r\n    },{threshold:0.08,rootMargin:'0px 0px -20px 0px'});\r\n    \r\n    document.querySelectorAll('.hoe-rv').forEach(function(el){io.observe(el);});\r\n\r\n    var pEls=document.querySelectorAll('[data-spd]');\r\n    var tick=false;\r\n    window.addEventListener('scroll',function(){\r\n      if(tick)return;\r\n      requestAnimationFrame(function(){\r\n        var sy=window.scrollY;\r\n        pEls.forEach(function(el){el.style.transform='translateY('+sy*parseFloat(el.dataset.spd)+'px)';});\r\n        tick=false;\r\n      });\r\n      tick=true;\r\n    },{passive:true});\r\n\r\n    function countUp(el,to){\r\n      var s=null,dur=1000;\r\n      (function step(ts){\r\n        if(!s)s=ts;\r\n        var p=Math.min((ts-s)\/dur,1),e=1-Math.pow(1-p,3);\r\n        el.textContent=Math.round(e*to);\r\n        if(p<1)requestAnimationFrame(step);\r\n      })(performance.now());\r\n    }\r\n    \r\n    var cDone=false;\r\n    var cio=new IntersectionObserver(function(en){\r\n      en.forEach(function(e){\r\n        if(!e.isIntersecting||cDone)return;\r\n        cDone=true;\r\n        document.querySelectorAll('[data-count]').forEach(function(el){countUp(el,+el.dataset.count);});\r\n        cio.disconnect();\r\n      });\r\n    },{threshold:.5});\r\n    \r\n    var pills=document.querySelector('.hoe-pills');\r\n    if(pills)cio.observe(pills);\r\n  })();\r\n<\/script>\r\n\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-c3d2b98 e-flex e-con-boxed e-con e-parent\" data-id=\"c3d2b98\" 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-1527645 elementor-widget elementor-widget-html\" data-id=\"1527645\" 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<div class=\"elementor-element elementor-element-03d94fb e-flex e-con-boxed e-con e-parent\" data-id=\"03d94fb\" 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-085ca66 elementor-widget elementor-widget-html\" data-id=\"085ca66\" 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Campus &#038; Faculty \u2013 National School Karatagi National School Karatagi Great Minds, Bright Futures Every great student needs a great [&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-12","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>Faculty &amp; Management - 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\/faculty-management\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Faculty &amp; Management - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"Campus &#038; Faculty \u2013 National School Karatagi National School Karatagi Great Minds, Bright Futures Every great student needs a great [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/\" \/>\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-14T11:01:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.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=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/\",\"name\":\"Faculty &amp; Management - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\",\"datePublished\":\"2026-03-23T09:28:18+00:00\",\"dateModified\":\"2026-04-14T11:01:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\",\"width\":1608,\"height\":2208},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Faculty &amp; Management\"}]},{\"@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":"Faculty &amp; Management - 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\/faculty-management\/","og_locale":"en_US","og_type":"article","og_title":"Faculty &amp; Management - Green Valley Rural High School","og_description":"Campus &#038; Faculty \u2013 National School Karatagi National School Karatagi Great Minds, Bright Futures Every great student needs a great [&hellip;]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/","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-14T11:01:19+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/","name":"Faculty &amp; Management - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png","datePublished":"2026-03-23T09:28:18+00:00","dateModified":"2026-04-14T11:01:19+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png","width":1608,"height":2208},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Faculty &amp; Management"}]},{"@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"]}]}},"_links":{"self":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/12","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=12"}],"version-history":[{"count":28,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1861,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/1861"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}