{"id":5,"date":"2026-03-23T09:27:30","date_gmt":"2026-03-23T09:27:30","guid":{"rendered":"https:\/\/nationalschoolkaratagi.com\/?page_id=5"},"modified":"2026-04-14T11:04:51","modified_gmt":"2026-04-14T11:04:51","slug":"home","status":"publish","type":"page","link":"https:\/\/nationalschoolkaratagi.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc870c2 e-flex e-con-boxed e-con e-parent\" data-id=\"fc870c2\" 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-208e5d7 elementor-widget elementor-widget-html\" data-id=\"208e5d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ns-quick-reveal\" style=\"display: none;\">\r\n    <div class=\"blur-overlay\"><\/div>\r\n    \r\n    <div class=\"reveal-content\">\r\n        <div class=\"logo-viewport\">\r\n            <div class=\"logo-circle\">\r\n                <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" alt=\"Logo\" class=\"p-logo\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-mask\">\r\n            <div class=\"fast-slide\">\r\n                <h2 class=\"p-line-1\">National Higher Primary<\/h2>\r\n                <div class=\"p-divider\"><\/div>\r\n                <h1 class=\"p-line-2\">Green Valley Rural High School<\/h1>\r\n                <p class=\"p-line-3\">Karatagi<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    #ns-quick-reveal {\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 2147483647; \/* Ensure it stays above everything *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    \/* 1. Transparent Blue Glass Overlay *\/\r\n    .blur-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, rgba(15, 29, 82, 0.9) 0%, rgba(10, 18, 60, 0.95) 100%);\r\n        backdrop-filter: blur(12px);\r\n        z-index: -1;\r\n    }\r\n\r\n    .reveal-content {\r\n        text-align: center;\r\n    }\r\n\r\n    \/* 2. Logo Geometry (Strictly Circular) *\/\r\n    .logo-viewport {\r\n        width: 120px;\r\n        height: 120px;\r\n        margin: 0 auto 25px;\r\n        transform: scale(0);\r\n        opacity: 0;\r\n        animation: fastSpring 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .logo-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #fff;\r\n        border-radius: 50% !important;\r\n        padding: 5px;\r\n        box-shadow: 0 15px 45px rgba(0,0,0,0.4);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .p-logo { \r\n        width: 100%; \r\n        height: 100%; \r\n        border-radius: 50%; \r\n        object-fit: contain; \r\n    }\r\n\r\n    \/* 3. Masked Text Animation *\/\r\n    .brand-mask { overflow: hidden; }\r\n\r\n    .fast-slide {\r\n        transform: translateY(100%);\r\n        animation: fastSlideUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;\r\n    }\r\n\r\n    .p-line-1 { font-size: 1.2rem; color: rgba(255,255,255,0.9); letter-spacing: 3px; text-transform: uppercase; margin: 0; }\r\n    .p-divider { width: 50px; height: 2px; background: #D4AF37; margin: 12px auto; }\r\n    \r\n    .p-line-2 { \r\n        font-size: 1.7rem; font-weight: 800; color: #fff; letter-spacing: 1px;\r\n        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728);\r\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n        margin: 0;\r\n    }\r\n    \r\n    .p-line-3 { margin-top: 8px; font-size: 1.1rem; font-weight: 700; letter-spacing: 10px; color: #D4AF37; text-transform: uppercase; }\r\n\r\n    \/* Keyframes *\/\r\n    @keyframes fastSpring { to { transform: scale(1); opacity: 1; } }\r\n    @keyframes fastSlideUp { to { transform: translateY(0); } }\r\n\r\n    \/* 4. Cinematic Exit *\/\r\n    .p-exit {\r\n        pointer-events: none;\r\n        opacity: 0;\r\n        transform: scale(1.1);\r\n        transition: all 0.6s ease-out;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .p-line-2 { font-size: 1.3rem; }\r\n        .logo-viewport { width: 100px; height: 100px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const splash = document.getElementById('ns-quick-reveal');\r\n        \r\n        \/\/ Ensure splash only plays the first time the user visits in this session\r\n        if (!sessionStorage.getItem('splashPlayed')) {\r\n            \/\/ Unhide and run\r\n            splash.style.display = 'flex';\r\n            sessionStorage.setItem('splashPlayed', 'true');\r\n\r\n            \/\/ Start the exit sequence\r\n            setTimeout(() => {\r\n                splash.classList.add('p-exit');\r\n                setTimeout(() => {\r\n                    splash.remove();\r\n                }, 600);\r\n            }, 1500); \/\/ 1.5 seconds total visible time\r\n        } else {\r\n            \/\/ Already seen, remove from DOM immediately\r\n            splash.remove();\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7552c80 elementor-widget elementor-widget-html\" data-id=\"7552c80\" 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 name=\"description\" content=\"National School Karatagi & Green Valley Rural High School - Karatagi's best school and top-rated institution in Gangavathi Taluk. Quality CBSE & State education serving Koppal, Karatagi, Gangavathi, and Sindhanoor regions.\">\r\n\r\n<meta name=\"keywords\" content=\"best school in karatagi, top school in karatagi, best school in gangavathi taluk, schools in koppal district, top schools in sindhanoor, National Higher Primary School Karatagi, Green Valley High School, best English medium school Karatagi, admission 2025-26 Karatagi\">\r\n\r\n<meta property=\"og:title\" content=\"National School & Green Valley High School | Top School in Karatagi & Gangavathi\">\r\n<meta property=\"og:description\" content=\"Ranked among the best schools in Koppal district. Admissions open for Nursery to Class 10.\">\r\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\">\r\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/wp-content\/uploads\/2026\/03\/favicon.png\">\r\n<link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/wp-content\/uploads\/2026\/03\/favicon.png\">\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/wp-content\/uploads\/2026\/03\/favicon.png\">\r\n<link rel=\"icon\" href=\"\/favicon.ico\" sizes=\"any\">\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Green Valley Rural High School in Karatagi | Best School for Quality Education<\/title>\r\n<style>\r\n  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\n  :root {\r\n    --navy:#0f1d52;\r\n    --navy-mid:#1A2A6C;\r\n    --blue:#4A90D9;\r\n    --blue-light:#7DB8F0;\r\n    --pink:#E8538A;\r\n    --pink-light:#F7A8C4;\r\n    --gold:#D4AF37;\r\n    --gold-light:#F4E4B7;\r\n    --white:#ffffff;\r\n    --header-height: 140px; \r\n  }\r\n\r\n  html, body {\r\n    margin:0 !important; padding:0 !important;\r\n    width:100% !important; max-width:100% !important;\r\n    overflow-x:hidden !important;\r\n    font-family:'Segoe UI', Arial, sans-serif;\r\n  }\r\n\/* =========================================\r\n     MOBILE RESPONSIVE FIXES - TEXT POSITIONED UPWARDS\r\n     ========================================= *\/\r\n  @media(max-width:768px) {\r\n    :root {\r\n      --mobile-header-height: 80px; \/* Adjust to match your actual logo header height *\/\r\n    }\r\n    \r\n    .hero { \r\n      min-height: 100vh; \r\n      display: flex;\r\n      \/* CHANGE 1: Align content to the top instead of center *\/\r\n      align-items: flex-start; \r\n      justify-content: center;\r\n      \/* CHANGE 2: Add padding to push text exactly where you want it below the header *\/\r\n      padding-top: calc(var(--mobile-header-height) + 20px); \r\n    }\r\n\r\n    .hero-bg-img {\r\n      \/* CHANGE 3: Center the image focus *\/\r\n      object-position: center center !important; \r\n      filter: brightness(0.85);\r\n    }\r\n\r\n    .hero-overlay {\r\n      \/* CHANGE 4: Lighten the bottom of the gradient so the building is visible *\/\r\n      background: linear-gradient(\r\n        to bottom,\r\n        rgba(10,18,60,0.95) 0%, \r\n        rgba(15,29,82,0.70) 60%, \r\n        rgba(15,29,82,0.40) 100%\r\n      ) !important;\r\n    }\r\n\r\n    .hero-content { \r\n      padding: 0 5vw; \r\n      margin-top: 0 !important; \r\n      \/* Optional: scale down slightly to save more space *\/\r\n      transform: scale(0.95);\r\n    }\r\n    \r\n    .hero-h1 { \r\n      font-size: 28px; \r\n      line-height: 1.1;\r\n      margin-bottom: 12px; \r\n    }\r\n    \r\n    .hero-desc { \r\n      font-size: 14px; \r\n      line-height: 1.5;\r\n      margin-bottom: 25px; \r\n    }\r\n    \r\n    .btn-primary { \r\n      padding: 14px 25px; \r\n      font-size: 13px;\r\n      width: 90%;\r\n    }\r\n  }\r\n  \/* \u2550\u2550 HERO \u2014 Base styling \u2550\u2550 *\/\r\n  .hero {\r\n    position:relative;\r\n    left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw;\r\n    width:100vw;\r\n    min-height: 100vh; \r\n    display:flex; align-items:center; justify-content:center;\r\n    overflow:hidden;\r\n    padding-top: var(--header-height);\r\n  }\r\n\r\n  \/* Background Media *\/\r\n  .hero-video {\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover; object-position:center;\r\n    z-index:0;\r\n  }\r\n  \r\n  .hero-bg-img {\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover; \r\n    object-position: center center; \r\n    z-index:0;\r\n    filter: brightness(0.85); \/* Slightly brighter base image *\/\r\n  }\r\n\r\n  \/* Premium overlay \u2014 deep navy *\/\r\n  .hero-overlay {\r\n    position:absolute; inset:0; z-index:1;\r\n    background:linear-gradient(\r\n      135deg,\r\n      rgba(10,18,60,0.92)  0%,\r\n      rgba(15,29,82,0.85)  45%,\r\n      rgba(20,40,100,0.80) 100%\r\n    );\r\n  }\r\n  \r\n  .hero-overlay::after {\r\n    content:''; position:absolute; inset:0;\r\n    background-image:\r\n      radial-gradient(circle at 20% 50%, rgba(212,175,55,0.05) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 80%, rgba(125,184,240,0.04) 0%, transparent 50%),\r\n      radial-gradient(rgba(255,255,255,.02) 1px, transparent 1px);\r\n    background-size: 800px 800px, 600px 600px, 40px 40px;\r\n    animation: shimmerMove 20s linear infinite;\r\n  }\r\n\r\n  @keyframes shimmerMove {\r\n    0% { background-position: 0% 0%, 100% 100%, 0 0; }\r\n    100% { background-position: 100% 100%, 0% 0%, 40px 40px; }\r\n  }\r\n\r\n  \/* Luxury orbs *\/\r\n  .orb { position:absolute; border-radius:50%; pointer-events:none; z-index:2; }\r\n  .orb-1 {\r\n    width:500px; height:500px;\r\n    background:radial-gradient(circle, rgba(212,175,55,.12) 0%, rgba(74,144,217,.08) 35%, transparent 70%);\r\n    top:0; right:-80px;\r\n    animation:drift 12s ease-in-out infinite;\r\n    filter: blur(60px);\r\n  }\r\n  .orb-2 {\r\n    width:350px; height:350px;\r\n    background:radial-gradient(circle, rgba(232,83,138,.10) 0%, rgba(212,175,55,.06) 40%, transparent 70%);\r\n    bottom:-70px; left:-60px;\r\n    animation:drift 14s ease-in-out infinite reverse;\r\n    filter: blur(50px);\r\n  }\r\n  @keyframes drift {\r\n    0%,100% { transform:translateY(0) scale(1); opacity: 1; }\r\n    50%      { transform:translateY(-30px) scale(1.08); opacity: 0.8; }\r\n  }\r\n\r\n  \/* \u2550\u2550 CONTENT \u2550\u2550 *\/\r\n  .hero-content {\r\n    position:relative; z-index:3;\r\n    width:100%; max-width:920px;\r\n    margin:0 auto; text-align:center;\r\n    padding:40px 5vw 50px;\r\n  }\r\n\r\n  \/* Headline *\/\r\n  .hero-h1 {\r\n    font-size: clamp(28px, 5vw, 54px);\r\n    font-weight: 900; \r\n    color: var(--white);\r\n    line-height: 1.2; \r\n    margin-bottom: 20px;\r\n    animation: fadeUp .9s ease .2s both;\r\n    text-shadow: 0 4px 24px rgba(0,0,0,0.5);\r\n    letter-spacing: -0.02em;\r\n  }\r\n  .hero-h1 .name-blue { color: var(--blue-light); }\r\n  .hero-h1 .name-pink { \r\n    background: linear-gradient(135deg, var(--pink-light) 0%, var(--gold-light) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  \/* Description *\/\r\n  .hero-desc {\r\n    color: rgba(255,255,255,0.85);\r\n    font-size: clamp(14px, 1.6vw, 17px);\r\n    line-height: 1.8; \r\n    max-width: 680px; \r\n    margin: 0 auto 36px;\r\n    animation: fadeUp 1s ease .4s both;\r\n    font-weight: 400;\r\n    text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n  }\r\n  .hero-desc strong { color: var(--gold-light); font-weight: 700; }\r\n\r\n  \/* Button *\/\r\n  .hero-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    animation: fadeUp 1.2s ease .6s both;\r\n  }\r\n\r\n  .btn-primary {\r\n    background: linear-gradient(135deg, var(--gold) 0%, #c19b2e 100%);\r\n    color: var(--navy);\r\n    padding: 16px 44px; \r\n    border-radius: 50px;\r\n    text-decoration: none; \r\n    font-weight: 900; \r\n    font-size: 15px;\r\n    box-shadow: 0 8px 32px rgba(212,175,55,0.4), inset 0 1px 0 rgba(255,255,255,0.3);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    display: inline-block;\r\n  }\r\n  .btn-primary:hover {\r\n    background: linear-gradient(135deg, #e5c34a 0%, var(--gold) 100%);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 48px rgba(212,175,55,0.6), inset 0 1px 0 rgba(255,255,255,0.4);\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     MOBILE RESPONSIVE FIXES - CALIBRATED\r\n     ========================================= *\/\r\n  @media(max-width:768px) {\r\n    :root {\r\n      --header-height: 90px; \/* Matched to typical mobile header *\/\r\n    }\r\n    \r\n    .hero { \r\n      min-height: 100vh; \r\n      padding-top: var(--header-height);\r\n      align-items: center; \/* Keep text centered vertically *\/\r\n    }\r\n\r\n    \/* FIX 1: Ensure image is perfectly centered *\/\r\n    .hero-bg-img {\r\n      object-position: center center !important; \r\n    }\r\n\r\n    \/* FIX 2: Lighten the overlay on mobile so the building pops out *\/\r\n    .hero-overlay {\r\n      background:linear-gradient(\r\n        135deg,\r\n        rgba(10,18,60,0.80)  0%, \r\n        rgba(15,29,82,0.82)  45%,\r\n        rgba(20,40,100,0.85) 100%\r\n      ) !important;\r\n    }\r\n\r\n    \/* FIX 3: Removed all artificial margins *\/\r\n    .hero-content { \r\n      padding: 0 5vw 20px; \r\n      margin-top: 0 !important; \r\n    }\r\n    \r\n    .hero-h1 { \r\n      font-size: 32px; \r\n      margin-bottom: 16px; \r\n    }\r\n    \r\n    .hero-desc { \r\n      font-size: 15px; \r\n      margin-bottom: 32px; \r\n      padding: 0 10px;\r\n    }\r\n    \r\n    .btn-primary { \r\n      padding: 15px 30px; \r\n      font-size: 14px;\r\n      width: 100%;\r\n      max-width: 300px;\r\n    }\r\n  }\r\n\r\n  @media(max-width:480px) {\r\n    .hero-h1 {\r\n      font-size: 28px; \r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\" aria-label=\"Hero \u2013 National Higher Primary & Green Valley Rural High School Karatagi\">\r\n\r\n  <img decoding=\"async\"\r\n    class=\"hero-bg-img\"\r\n    src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_z763zjz763zjz763.png\"\r\n    alt=\"School Building Background\" aria-hidden=\"true\"\r\n    onerror=\"this.src='https:\/\/placehold.co\/1920x1080\/0f1d52\/4A90D9?text=National+School+Karatagi'\"\r\n  >\r\n\r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n\r\n    <h1 class=\"hero-h1\">\r\n      <span class=\"name-blue\">National Higher Primary<\/span><br>\r\n      &amp; <span class=\"name-pink\">Green Valley<\/span> Rural High School<br>\r\n      Karatagi\r\n    <\/h1>\r\n\r\n    <p class=\"hero-desc\">\r\n      Karatagi's most trusted institution, providing holistic education to over\r\n      <strong>1,500 students<\/strong> from Nursery through Class 10.\r\n      Offering CBSE, ICSE &amp; Karnataka State Board curricula with \r\n      <strong>40+ experienced faculty<\/strong>, advanced science labs,\r\n      digital classrooms, and comprehensive sports programs.\r\n    <\/p>\r\n\r\n    <div class=\"hero-cta\">\r\n      <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"btn-primary\">\r\n        <span>\ud83c\udf93 APPLY FOR ADMISSION 2025\u201326<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\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-5885b2a e-flex e-con-boxed e-con e-parent\" data-id=\"5885b2a\" 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-e25da51 elementor-widget elementor-widget-html\" data-id=\"e25da51\" 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-IN\">\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>About Us | National School Karatagi<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Inter:ital,wght@0,400;0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{ margin:0; padding:0; box-sizing:border-box; }\r\n\r\n:root{\r\n  --navy: #1A3A6C;\r\n  --navy-dark: #0f2847;\r\n  --gold: #D4AF37;\r\n  --cream: #FDFBF7;\r\n  --text: #1a1a1a;\r\n  --text-light: #4a5568;\r\n  --bg-grey: #E5E7EB;\r\n}\r\n\r\nbody {\r\n  font-family: 'Inter', sans-serif;\r\n  color: var(--text);\r\n  background-color: var(--cream);\r\n}\r\n\r\n.container {\r\n  max-width: 1100px;\r\n  margin: auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ABOUT SECTION (FIXED GAP)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.about-section {\r\n  padding: 60px 0; \/* \u2193 reduced from 100px *\/\r\n  background-color: #f4f5f7; \r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Background pattern *\/\r\n.about-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%; left: -50%;\r\n  width: 200%; height: 200%;\r\n  background: radial-gradient(circle at center, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\r\n              linear-gradient(45deg, transparent 48%, rgba(26, 58, 108, 0.02) 49%, rgba(26, 58, 108, 0.02) 51%, transparent 52%);\r\n  background-size: 100% 100%, 60px 60px;\r\n  z-index: 0;\r\n}\r\n\r\n.about-grid {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* IMAGE COLUMN *\/\r\n.about-image-col {\r\n  flex: 0 0 45%;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.about-image-col::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 12%;\r\n  left: -6%;\r\n  width: 65%;\r\n  height: 55%;\r\n  background-color: var(--navy);\r\n  border-radius: 12px;\r\n  z-index: -1;\r\n}\r\n\r\n.about-image {\r\n  width: 100%;\r\n  aspect-ratio: 4\/4.5; \/* \u2193 reduced height *\/\r\n  object-fit: cover;\r\n  border-radius: 12px 12px 12px 140px;\r\n  box-shadow: 10px 15px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* TEXT COLUMN *\/\r\n.about-text-col {\r\n  flex: 0 0 65%;\r\n  margin-left: -8%; \/* \u2193 reduced overlap *\/\r\n  z-index: 3;\r\n}\r\n\r\n.content-box {\r\n  background-color: var(--bg-grey);\r\n  padding: 40px 45px; \/* \u2193 reduced padding *\/\r\n  border-radius: 20px;\r\n  position: relative;\r\n  box-shadow: -15px 15px 40px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* Quote marks *\/\r\n.quote-mark {\r\n  position: absolute;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 70px;\r\n  color: var(--navy);\r\n  opacity: 0.7;\r\n}\r\n\r\n.quote-mark.open { top: 15px; left: 25px; }\r\n.quote-mark.close { bottom: -15px; right: 25px; }\r\n\r\n.about-text {\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  font-size: clamp(17px, 2vw, 21px);\r\n  line-height: 1.6;\r\n  margin-top: 30px;\r\n}\r\n\r\n.school-name {\r\n  text-align: right;\r\n  margin-top: 20px;\r\n  font-weight: 800;\r\n  font-size: 18px;\r\n  color: var(--navy);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 900px) {\r\n  .about-grid { flex-direction: column; }\r\n\r\n  .about-image-col {\r\n    width: 85%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .about-image {\r\n    border-radius: 12px 12px 12px 100px;\r\n  }\r\n\r\n  .about-text-col {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    margin-top: -10%; \/* \u2193 fixed gap *\/\r\n    padding: 0 15px;\r\n  }\r\n\r\n  .content-box {\r\n    padding: 30px 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  .about-text { font-size: 15px; }\r\n  .quote-mark { font-size: 55px; }\r\n  .school-name { font-size: 15px; }\r\n}\r\n.about-cta {\r\n  display: inline-block;\r\n  margin-top: 18px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  letter-spacing: 1px;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n\/* Underline animation *\/\r\n.about-cta::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -3px;\r\n  width: 0%;\r\n  height: 1.5px;\r\n  background: var(--gold);\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n\/* Hover interaction *\/\r\n.about-cta:hover {\r\n  color: var(--navy-dark);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.about-cta:hover::after {\r\n  width: 100%;\r\n}\r\n.about-cta {\r\n  opacity: 0.75;\r\n}\r\n\r\n.content-box:hover + .school-name + .about-cta {\r\n  opacity: 1;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"about-section\">\r\n  <div class=\"container\">\r\n    <div class=\"about-grid\">\r\n      \r\n      <div class=\"about-image-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_mikhbkmikhbkmikh.png\" \r\n             alt=\"National School Karatagi Campus\" \r\n             class=\"about-image\">\r\n      <\/div>\r\n\r\n      <div class=\"about-text-col\">\r\n        <div class=\"content-box\">\r\n          <span class=\"quote-mark open\">\u201c<\/span>\r\n          <p class=\"about-text\">\r\n             Education is the most powerful weapon which you can use to change the world. We are committed to nurturing young minds with a blend of academic excellence, sportsmanship, and core values, empowering them to become tomorrow's leaders.\r\n          <\/p>\r\n          <span class=\"quote-mark close\">\u201d<\/span>\r\n           <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\" class=\"about-cta\">\r\n  Learn More About Us \u2192\r\n<\/a>\r\n        <\/div>\r\n        \r\n        <h4 class=\"school-name\">- Sri Venkateshwar Rao(Chairman)<\/h4>\r\n        \r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n \r\n<\/section>\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-98f21e0 e-flex e-con-boxed e-con e-parent\" data-id=\"98f21e0\" 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-d96792a elementor-widget elementor-widget-html\" data-id=\"d96792a\" 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>Academics \u2013 National School Karatagi<\/title>\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=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n:root{\r\n  --navy:#1A2B8C;\r\n  --navy-dark:#0F1C6B;\r\n  --red:#E8231A;\r\n  --lime:#8DC63F;\r\n  --lime-dark:#6EA82C;\r\n  --yellow:#F5C400;\r\n  --white:#fff;\r\n  --bg:#F6F7FB;\r\n  --ink:#0C1240;\r\n  --muted:#7A7E9E;\r\n  --border:rgba(26,43,140,.12);\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n.academics {\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n}\r\n\/* \u2550\u2550 ACADEMICS \u2550\u2550 *\/\r\n.academics{\r\n  padding:40px 24px 20px; \/* reduced top & bottom *\/\r\n  margin:0;\r\n  background:var(--bg);\r\n}\r\n\r\n.academics-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Header *\/\r\n.aca-header{\r\n  text-align:center;\r\n  margin-bottom:48px;\r\n}\r\n\r\n.aca-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:2.5px;\r\n  text-transform:uppercase;\r\n  color:var(--navy);\r\n  margin-bottom:16px;\r\n}\r\n.aca-badge::before,\r\n.aca-badge::after{\r\n  content:'';\r\n  display:block;\r\n  width:20px;\r\n  height:2px;\r\n  background:linear-gradient(90deg,var(--navy),var(--lime));\r\n}\r\n\r\n.aca-title{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(26px,4vw,44px);\r\n  font-weight:300;\r\n  color:var(--ink);\r\n  line-height:1.2;\r\n  margin-bottom:16px;\r\n}\r\n.aca-title em{\r\n  font-style:italic;\r\n  font-weight:600;\r\n  color:var(--navy);\r\n}\r\n.aca-title .red{\r\n  color:var(--red);\r\n}\r\n\r\n.aca-desc{\r\n  font-size:14.5px;\r\n  color:var(--muted);\r\n  max-width:560px;\r\n  margin:0 auto;\r\n  line-height:1.7;\r\n  font-weight:400;\r\n}\r\n\r\n\/* Program Cards *\/\r\n.prog-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:20px;\r\n  margin-bottom:40px;\r\n}\r\n\r\n.prog-card{\r\n  background:var(--white);\r\n  border-radius:8px;\r\n  overflow:hidden;\r\n  box-shadow:0 2px 18px rgba(26,43,140,.06);\r\n  transition:all .3s cubic-bezier(.4,0,.2,1);\r\n  border:1px solid var(--border);\r\n}\r\n\r\n.prog-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 10px 40px rgba(26,43,140,.14);\r\n}\r\n\r\n\/* Image *\/\r\n.prog-img{\r\n  position:relative;\r\n  width:100%;\r\n  height:200px;\r\n  overflow:hidden;\r\n}\r\n\r\n.prog-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .6s;\r\n}\r\n\r\n.prog-card:hover .prog-img img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.prog-img::after{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to bottom,transparent 0%,rgba(10,18,60,.7) 100%);\r\n}\r\n\r\n.prog-badge{\r\n  position:absolute;\r\n  top:12px;right:12px;\r\n  z-index:2;\r\n  background:rgba(255,255,255,.95);\r\n  backdrop-filter:blur(8px);\r\n  padding:5px 12px;\r\n  border-radius:4px;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.8px;\r\n  text-transform:uppercase;\r\n}\r\n.prog-card.nursery .prog-badge{color:var(--lime-dark)}\r\n.prog-card.primary .prog-badge{color:var(--navy)}\r\n.prog-card.highschool .prog-badge{color:var(--red)}\r\n\r\n.prog-img-info{\r\n  position:absolute;\r\n  bottom:0;left:0;right:0;\r\n  z-index:2;\r\n  padding:14px 18px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n}\r\n\r\n.prog-icon{\r\n  font-size:30px;\r\n  flex-shrink:0;\r\n}\r\n\r\n.prog-img-title{\r\n  color:#fff;\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:20px;\r\n  font-weight:600;\r\n  line-height:1.2;\r\n}\r\n\r\n.prog-img-subtitle{\r\n  color:rgba(255,255,255,.7);\r\n  font-size:10.5px;\r\n  letter-spacing:.5px;\r\n  margin-top:2px;\r\n}\r\n\r\n\/* Accent Bar *\/\r\n.prog-accent{height:3px}\r\n.prog-card.nursery .prog-accent{\r\n  background:linear-gradient(90deg,var(--lime-dark),var(--lime),var(--yellow));\r\n}\r\n.prog-card.primary .prog-accent{\r\n  background:linear-gradient(90deg,var(--navy-dark),var(--navy),#3d52b5);\r\n}\r\n.prog-card.highschool .prog-accent{\r\n  background:linear-gradient(90deg,#c01008,var(--red),#ff6b64);\r\n}\r\n\r\n\/* Body *\/\r\n.prog-body{\r\n  padding:20px 18px;\r\n}\r\n\r\n.syllabi-label{\r\n  font-size:9.5px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n  margin-bottom:8px;\r\n}\r\n\r\n.syllabi-tags{\r\n  display:flex;\r\n  gap:6px;\r\n  flex-wrap:wrap;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.syl-tag{\r\n  padding:4px 11px;\r\n  border-radius:4px;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.5px;\r\n  text-transform:uppercase;\r\n}\r\n.syl-tag.cbse{\r\n  background:rgba(141,198,63,.11);\r\n  color:var(--lime-dark);\r\n  border:1px solid rgba(141,198,63,.25);\r\n}\r\n.syl-tag.icse{\r\n  background:rgba(26,43,140,.08);\r\n  color:var(--navy);\r\n  border:1px solid rgba(26,43,140,.18);\r\n}\r\n.syl-tag.state{\r\n  background:rgba(232,35,26,.08);\r\n  color:var(--red);\r\n  border:1px solid rgba(232,35,26,.2);\r\n}\r\n\r\n.prog-features{\r\n  list-style:none;\r\n}\r\n\r\n.prog-features li{\r\n  color:var(--muted);\r\n  font-size:12.5px;\r\n  font-weight:400;\r\n  line-height:1.6;\r\n  padding:8px 0;\r\n  border-bottom:1px solid rgba(26,43,140,.06);\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:9px;\r\n}\r\n\r\n.prog-features li:last-child{\r\n  border:none;\r\n}\r\n\r\n.prog-features li::before{\r\n  content:'';\r\n  display:block;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  flex-shrink:0;\r\n  margin-top:6px;\r\n}\r\n.prog-card.nursery .prog-features li::before{background:var(--lime-dark)}\r\n.prog-card.primary .prog-features li::before{background:var(--navy)}\r\n.prog-card.highschool .prog-features li::before{background:var(--red)}\r\n\r\n\/* Footer Link *\/\r\n.prog-link{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  padding:12px 18px;\r\n  border-top:1px solid var(--bg);\r\n  font-size:10.5px;\r\n  font-weight:700;\r\n  letter-spacing:1.3px;\r\n  text-transform:uppercase;\r\n  text-decoration:none;\r\n  transition:all .3s;\r\n}\r\n.prog-card.nursery .prog-link{color:var(--lime-dark)}\r\n.prog-card.primary .prog-link{color:var(--navy)}\r\n.prog-card.highschool .prog-link{color:var(--red)}\r\n\r\n.prog-link-arrow{\r\n  font-size:16px;\r\n  transition:transform .3s;\r\n}\r\n\r\n.prog-link:hover{\r\n  background:var(--bg);\r\n}\r\n.prog-link:hover .prog-link-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\/* Curriculum Strip *\/\r\n.curriculum-strip{\r\n  background:var(--white);\r\n  border:1px solid var(--border);\r\n  border-radius:8px;\r\n  padding:32px 28px;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.curriculum-strip::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;left:0;right:0;\r\n  height:3px;\r\n  background:linear-gradient(90deg,\r\n    var(--navy) 0%, var(--navy) 33%,\r\n    var(--red) 33%, var(--red) 66%,\r\n    var(--lime) 66%, var(--lime) 100%\r\n  );\r\n}\r\n\r\n.curr-header{\r\n  text-align:center;\r\n  margin-bottom:28px;\r\n}\r\n\r\n.curr-title{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:24px;\r\n  font-weight:400;\r\n  color:var(--ink);\r\n}\r\n.curr-title em{\r\n  font-style:italic;\r\n  font-weight:600;\r\n  color:var(--navy);\r\n}\r\n\r\n.curr-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(6,1fr);\r\n  gap:14px;\r\n}\r\n.curr-item {\r\n  display: block;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n\/* Optional: CTA feel *\/\r\n.curr-item:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n}\r\n.curr-item::after {\r\n  content: \"\u2192\";\r\n  position: absolute;\r\n  right: 15px;\r\n  opacity: 0;\r\n  transition: 0.3s;\r\n}\r\n\r\n.curr-item:hover::after {\r\n  opacity: 1;\r\n  transform: translateX(5px);\r\n}\r\n\r\n.curr-icon{\r\n  font-size:26px;\r\n  margin-bottom:10px;\r\n  display:block;\r\n}\r\n\r\n.curr-label{\r\n  color:var(--ink);\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.curr-desc{\r\n  color:var(--muted);\r\n  font-size:10.5px;\r\n  font-weight:300;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  .prog-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n  .curr-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n  .academics{\r\n    padding:56px 20px;\r\n  }\r\n  .prog-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .curr-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n  .curriculum-strip{\r\n    padding:28px 20px;\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .curr-grid{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n  }\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeUp{\r\n  from{opacity:0;transform:translateY(20px)}\r\n  to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n.prog-card{\r\n  animation:fadeUp .6s ease both;\r\n}\r\n.prog-card:nth-child(1){animation-delay:.1s}\r\n.prog-card:nth-child(2){animation-delay:.2s}\r\n.prog-card:nth-child(3){animation-delay:.3s}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 ACADEMICS \u2550\u2550 -->\r\n<section class=\"academics\">\r\n  <div class=\"academics-wrap\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"aca-header\">\r\n      <div class=\"aca-badge\">Academic Programs<\/div>\r\n      <h2 class=\"aca-title\">\r\n        Education from Nursery to<br>\r\n        <em>Class 10<\/em> \u2014 <span class=\"red\">Under One Roof<\/span>\r\n      <\/h2>\r\n      <p class=\"aca-desc\">Three learning wings with CBSE, ICSE, and State Board options \u2014 nurturing every child's potential.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Program Cards -->\r\n    <div class=\"prog-grid\">\r\n\r\n      <!-- NURSERY -->\r\n      <div class=\"prog-card nursery\">\r\n        <div class=\"prog-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0829-1-scaled.jpg\" alt=\"Nursery Wing\">\r\n          <span class=\"prog-badge\">Age 2\u20136<\/span>\r\n          <div class=\"prog-img-info\">\r\n            <span class=\"prog-icon\">\ud83c\udf31<\/span>\r\n            <div>\r\n              <div class=\"prog-img-title\">Nursery Wing<\/div>\r\n              <div class=\"prog-img-subtitle\">Baby Class \u00b7 LKG \u00b7 UKG<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"prog-accent\"><\/div>\r\n        <div class=\"prog-body\">\r\n          <div class=\"syllabi-label\">Syllabus Available<\/div>\r\n          <div class=\"syllabi-tags\">\r\n            <span class=\"syl-tag cbse\">CBSE<\/span>\r\n            <span class=\"syl-tag icse\">ICSE<\/span>\r\n          <\/div>\r\n          <ul class=\"prog-features\">\r\n            <li>Play-based learning methodology<\/li>\r\n            <li>Phonics & language foundations<\/li>\r\n            <li>Music & creative arts<\/li>\r\n            <li>Yoga & motor skill development<\/li>\r\n            <li>Safe classroom environment<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/academics\/\" class=\"prog-link\">\r\n          <span>Explore Programme<\/span>\r\n          <span class=\"prog-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- PRIMARY -->\r\n      <div class=\"prog-card primary\">\r\n        <div class=\"prog-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0809-1-scaled.jpg\" alt=\"Primary School\">\r\n          <span class=\"prog-badge\">Class 1\u20137<\/span>\r\n          <div class=\"prog-img-info\">\r\n            <span class=\"prog-icon\">\ud83d\udcda<\/span>\r\n            <div>\r\n              <div class=\"prog-img-title\">Primary School<\/div>\r\n              <div class=\"prog-img-subtitle\">National School Karatagi<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"prog-accent\"><\/div>\r\n        <div class=\"prog-body\">\r\n          <div class=\"syllabi-label\">Syllabus Available<\/div>\r\n          <div class=\"syllabi-tags\">\r\n            <span class=\"syl-tag cbse\">CBSE<\/span>\r\n            <span class=\"syl-tag icse\">ICSE<\/span>\r\n          <\/div>\r\n          <ul class=\"prog-features\">\r\n            <li>CBSE & ICSE curriculum<\/li>\r\n            <li>Digital smart classrooms<\/li>\r\n            <li>Computer lab & technology<\/li>\r\n            <li>Sports & co-curricular activities<\/li>\r\n            <li>Regular assessments & feedback<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/academics\/\" class=\"prog-link\">\r\n          <span>Explore Programme<\/span>\r\n          <span class=\"prog-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- HIGH SCHOOL -->\r\n      <div class=\"prog-card highschool\">\r\n        <div class=\"prog-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0869-1-scaled.jpg\" alt=\"High School Wing\">\r\n          <span class=\"prog-badge\">Class 8\u201310<\/span>\r\n          <div class=\"prog-img-info\">\r\n            <span class=\"prog-icon\">\ud83c\udfdb\ufe0f<\/span>\r\n            <div>\r\n              <div class=\"prog-img-title\">High School Wing<\/div>\r\n              <div class=\"prog-img-subtitle\">Green Valley Rural High School<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"prog-accent\"><\/div>\r\n        <div class=\"prog-body\">\r\n          <div class=\"syllabi-label\">Syllabus Available<\/div>\r\n          <div class=\"syllabi-tags\">\r\n            <span class=\"syl-tag state\">Karnataka State Board<\/span>\r\n          <\/div>\r\n          <ul class=\"prog-features\">\r\n            <li>State Board \u2013 Classes 8, 9 & 10<\/li>\r\n            <li>Physics, Chemistry & Biology labs<\/li>\r\n            <li>HOD subject guidance<\/li>\r\n            <li>Board exam prep & mock tests<\/li>\r\n            <li>Career counselling support<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/academics\/\" class=\"prog-link\">\r\n          <span>Explore Programme<\/span>\r\n          <span class=\"prog-link-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Curriculum Features -->\r\n    \r\n   <div class=\"curriculum-strip\">\r\n  <div class=\"curr-header\">\r\n    <h3 class=\"curr-title\">What Makes Us <em>Stand Out<\/em><\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"curr-grid\">\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/infrastructure-facilities\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83d\udda5\ufe0f<\/span>\r\n      <div class=\"curr-label\">Digital Classrooms<\/div>\r\n      <div class=\"curr-desc\">Smart boards<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/infrastructure-facilities\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83d\udd2c<\/span>\r\n      <div class=\"curr-label\">3 Science Labs<\/div>\r\n      <div class=\"curr-desc\">Physics, Chemistry, Biology<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/infrastructure-facilities\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83d\udcbb<\/span>\r\n      <div class=\"curr-label\">Computer Lab<\/div>\r\n      <div class=\"curr-desc\">Modern IT skills<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83c\udfa8<\/span>\r\n      <div class=\"curr-label\">Arts & Drawing<\/div>\r\n      <div class=\"curr-desc\">Dedicated teacher<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83e\uddd8<\/span>\r\n      <div class=\"curr-label\">Yoga & Wellness<\/div>\r\n      <div class=\"curr-desc\">Certified instructor<\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\" class=\"curr-item\">\r\n      <span class=\"curr-icon\">\ud83c\udfb5<\/span>\r\n      <div class=\"curr-label\">Music & Dance<\/div>\r\n      <div class=\"curr-desc\">Specialist teachers<\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n  <\/div>\r\n<\/section>\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-ea12207 e-flex e-con-boxed e-con e-parent\" data-id=\"ea12207\" 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-fb4d1be elementor-widget elementor-widget-html\" data-id=\"fb4d1be\" 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>National School Karatagi - Partners<\/title>\r\n    <style>\r\n        body {\r\n            font-family: 'Segoe UI', Arial, sans-serif;\r\n            margin: 0;\r\n            background-color: #f4f4f4;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* --- BLUE SCROLLING BAR --- *\/\r\n        .top-ticker {\r\n            background-color: #1a1a3d;\r\n            color: #ffffff;\r\n            height: 45px;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border-bottom: 3px solid #ff9900;\r\n        }\r\n\r\n        .ticker-track {\r\n            display: flex;\r\n            animation: scrollNames 40s linear infinite;\r\n        }\r\n\r\n        .ticker-item {\r\n            padding: 0 30px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .separator {\r\n            color: #ff9900;\r\n            margin-left: 20px;\r\n            font-size: 18px;\r\n        }\r\n\r\n        @keyframes scrollNames {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        \/* --- LOGO SECTION --- *\/\r\n        .partners-section {\r\n            padding: 50px 0;\r\n            background: white;\r\n            text-align: center;\r\n        }\r\n\r\n        .partners-title {\r\n            color: #8b1d1d;\r\n            font-size: 28px;\r\n            margin-bottom: 30px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .logo-slider {\r\n            width: 100%;\r\n            height: 180px; \/* Increased height to fit names *\/\r\n            overflow: hidden;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .logo-track {\r\n            display: flex;\r\n            animation: scrollLogos 30s linear infinite;\r\n        }\r\n\r\n        .logo-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .slide {\r\n            width: 260px;\r\n            padding: 0 15px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .partner-card {\r\n            background: #fff;\r\n            border: 1px solid #ddd;\r\n            border-radius: 10px;\r\n            height: 140px; \/* Taller card for text *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 8px rgba(0,0,0,0.05);\r\n            padding: 10px;\r\n        }\r\n\r\n        .partner-card img {\r\n            max-width: 85%;\r\n            max-height: 60px;\r\n            object-fit: contain;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* Style for names below logos *\/\r\n        .partner-label {\r\n            font-size: 11px;\r\n            color: #333;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            text-align: center;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        @keyframes scrollLogos {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n        .partners-cta {\r\n    margin-top: 30px;\r\n}\r\n\r\n.cta-btn {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #ff9900, #ff6600);\r\n    color: #fff;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    letter-spacing: 0.5px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* Hover Lift Effect *\/\r\n.cta-btn:hover {\r\n    transform: translateY(-3px) scale(1.03);\r\n    box-shadow: 0 10px 25px rgba(255, 102, 0, 0.3);\r\n}\r\n\r\n\/* Shine Animation *\/\r\n.cta-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: rgba(255,255,255,0.3);\r\n    transform: skewX(-25deg);\r\n    transition: 0.5s;\r\n}\r\n\r\n.cta-btn:hover::before {\r\n    left: 125%;\r\n}\r\n.cta-btn:hover {\r\n    letter-spacing: 1px;\r\n}\r\n.cta-btn {\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(255,102,0,0.4); }\r\n    70% { box-shadow: 0 0 0 10px rgba(255,102,0,0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(255,102,0,0); }\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"top-ticker\">\r\n        <div class=\"ticker-track\">\r\n            <div class=\"ticker-item\">Pinnacle+ Pearson's <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">MittSure EMBIBE <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">EHT EXPERT <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">Brain Mapping Academy <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">MATH OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">SCIENCE OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">ENGLISH OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n           \r\n            <div class=\"ticker-item\">Pinnacle+ Pearson's <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">MittSure EMBIBE <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">EHT EXPERT <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">Brain Mapping Academy <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">MATH OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">SCIENCE OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n            <div class=\"ticker-item\">ENGLISH OLYMPIAD <span class=\"separator\">\u2726<\/span><\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"partners-section\">\r\n        <h2 class=\"partners-title\">Our Learning Partners<\/h2>\r\n        \r\n        <div class=\"logo-slider\">\r\n            <div class=\"logo-track\">\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-3.png\"><div class=\"partner-label\">ENGLISH OLYMPIAD<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-2.png\"><div class=\"partner-label\">MATH OLYMPAID<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-1.png\"><div class=\"partner-label\">SCIENCE OLYMPAID<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214807.png\"><div class=\"partner-label\">Brain Mapping Academy<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214759.png\"><div class=\"partner-label\">EHT EXPERT<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214753.png\"><div class=\"partner-label\"><\/div>MittSure EMBIBE<\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214745.png\"><div class=\"partner-label\">Pinnacle+ Pearson's<\/div><\/div><\/div>\r\n   <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-3.png\"><div class=\"partner-label\">ENGLISH OLYMPIAD<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-2.png\"><div class=\"partner-label\">MATH OLYMPAID<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/LOGO-1.png\"><div class=\"partner-label\">SCIENCE OLYMPAID<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214807.png\"><div class=\"partner-label\">Brain Mapping Academy<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214759.png\"><div class=\"partner-label\">EHT EXPERT<\/div><\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214753.png\"><div class=\"partner-label\"><\/div>MittSure EMBIBE<\/div><\/div>\r\n                <div class=\"slide\"><div class=\"partner-card\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-214745.png\"><div class=\"partner-label\">Pinnacle+ Pearson's<\/div><\/div><\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"partners-cta\">\r\n    <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/academics\/\" class=\"cta-btn\">\r\n        Know More \u2192\r\n    <\/a>\r\n<\/div>\r\n    <\/section>\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-7ed2b5d e-flex e-con-boxed e-con e-parent\" data-id=\"7ed2b5d\" 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-73a2716 elementor-widget elementor-widget-html\" data-id=\"73a2716\" 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=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n  .ns-gal *, .ns-gal *::before, .ns-gal *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .ns-gal {\r\n    --ns-navy:    #1A3A6C;\r\n    --ns-red:     #E31E24;\r\n    --ns-lime:    #A4D233;\r\n    --ns-lime-dk: #5c8a0a;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    z-index: 0;\r\n    width: 100%;\r\n    \/* Fits the whole section in one screen *\/\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 28px 0 28px;\r\n    font-family: 'Barlow', sans-serif;\r\n    background: transparent !important;\r\n  }\r\n\r\n  \/* Pure transparent blurred bg \u2014 NO white overlay at all *\/\r\n  .ns-gal-bg {\r\n    position: absolute; inset: 0;\r\n    z-index: -1; overflow: hidden; pointer-events: none;\r\n  }\r\n  .ns-gal-bg-img {\r\n    position: absolute; inset: -60px;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    filter: blur(14px) brightness(1.05) saturate(0.9) opacity(0.55);\r\n    transform: scale(1.1);\r\n    transition: background-image 1s ease;\r\n  }\r\n\r\n  \/* Header \u2014 very compact *\/\r\n  .ns-gal-header {\r\n    position: relative; z-index: 2;\r\n    text-align: center; margin-bottom: 16px; padding: 0 20px;\r\n  }\r\n  .ns-gal-eyebrow {\r\n    font-size: 9px; font-weight: 600; letter-spacing: 4px;\r\n    color: var(--ns-lime-dk); text-transform: uppercase;\r\n    margin-bottom: 5px; display: block;\r\n  }\r\n  .ns-gal-title {\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: clamp(22px, 3vw, 38px); font-weight: 700;\r\n    color: var(--ns-navy); letter-spacing: 1px;\r\n    line-height: 1.05; text-transform: uppercase;\r\n  }\r\n  .ns-gal-title em { color: var(--ns-red); font-style: italic; font-weight: 300; }\r\n\r\n  \/* Stage \u2014 sized to leave room for header + CTA within viewport *\/\r\n  .ns-gal-stage {\r\n    position: relative; z-index: 2; width: 100%;\r\n    height: clamp(280px, 58vh, 520px);\r\n    display: flex; align-items: center; justify-content: center;\r\n    perspective: 1400px;\r\n  }\r\n\r\n  \/* Arrows *\/\r\n  .ns-arrow {\r\n    position: absolute; top: 50%; transform: translateY(-50%); z-index: 20;\r\n    width: 40px; height: 40px; border-radius: 50%;\r\n    border: 1px solid rgba(26,58,108,0.2);\r\n    background: rgba(255,255,255,0.6);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    color: var(--ns-navy); font-size: 16px; cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: background 0.2s, color 0.2s, border-color 0.2s;\r\n    box-shadow: 0 2px 12px rgba(26,58,108,0.08);\r\n  }\r\n  .ns-arrow:hover { background: var(--ns-navy); color: #fff; border-color: var(--ns-navy); }\r\n  .ns-arrow-left  { left: clamp(12px, 2vw, 40px); }\r\n  .ns-arrow-right { right: clamp(12px, 2vw, 40px); }\r\n\r\n  .ns-cards-track { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; }\r\n\r\n  \/* Cards \u2014 height tied to vh so they never overflow *\/\r\n  .ns-card {\r\n    position: absolute; top: 50%; left: 50%;\r\n    width: clamp(170px, 22vw, 300px);\r\n    height: clamp(260px, 52vh, 470px);\r\n    border-radius: 14px; overflow: hidden; cursor: pointer;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.65s cubic-bezier(0.34,1.06,0.64,1), opacity 0.55s ease, box-shadow 0.55s ease;\r\n  }\r\n  .ns-card img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; user-select: none; }\r\n  .ns-card-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to top, rgba(8,16,40,0.94) 0%, rgba(8,16,40,0.2) 48%, transparent 100%);\r\n    transition: opacity 0.4s;\r\n  }\r\n  .ns-card-content {\r\n    position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 14px 18px;\r\n    opacity: 0; transform: translateY(7px);\r\n    transition: opacity 0.4s 0.12s ease, transform 0.4s 0.12s ease;\r\n  }\r\n  .ns-card-tag {\r\n    display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 2px;\r\n    text-transform: uppercase; color: #0a1a2e;\r\n    background: var(--ns-lime); padding: 4px 10px; border-radius: 3px; margin-bottom: 7px; line-height: 1;\r\n  }\r\n  .ns-card-name {\r\n    font-family: 'Barlow Condensed', sans-serif; font-size: clamp(17px, 2.2vw, 26px);\r\n    font-weight: 700; color: #fff; text-transform: uppercase; line-height: 1.1; margin-bottom: 5px;\r\n  }\r\n  .ns-card-sub { font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.68); line-height: 1.45; }\r\n\r\n  \/* Positions *\/\r\n  .ns-card[data-pos=\"0\"] {\r\n    transform: translate(-50%,-50%) translateZ(0) scale(1);\r\n    opacity: 1; z-index: 10;\r\n    box-shadow: 0 24px 64px rgba(26,58,108,0.22), 0 6px 18px rgba(0,0,0,0.14);\r\n  }\r\n  .ns-card[data-pos=\"0\"] .ns-card-content { opacity: 1; transform: translateY(0); }\r\n  .ns-card[data-pos=\"0\"] .ns-card-overlay  { opacity: 1; }\r\n\r\n  .ns-card[data-pos=\"1\"]  { transform: translate(calc(-50% + clamp(155px,18vw,265px)), -50%) translateZ(-120px) rotateY(-30deg) scale(0.8); opacity: 0.85; z-index: 8; }\r\n  .ns-card[data-pos=\"-1\"] { transform: translate(calc(-50% - clamp(155px,18vw,265px)), -50%) translateZ(-120px) rotateY(30deg)  scale(0.8); opacity: 0.85; z-index: 8; }\r\n  .ns-card[data-pos=\"1\"] .ns-card-overlay, .ns-card[data-pos=\"-1\"] .ns-card-overlay { opacity: 0.5; }\r\n\r\n  .ns-card[data-pos=\"2\"]  { transform: translate(calc(-50% + clamp(278px,33vw,470px)), -50%) translateZ(-260px) rotateY(-44deg) scale(0.62); opacity: 0.5; z-index: 6; }\r\n  .ns-card[data-pos=\"-2\"] { transform: translate(calc(-50% - clamp(278px,33vw,470px)), -50%) translateZ(-260px) rotateY(44deg)  scale(0.62); opacity: 0.5; z-index: 6; }\r\n  .ns-card[data-pos=\"2\"] .ns-card-overlay, .ns-card[data-pos=\"-2\"] .ns-card-overlay { opacity: 0.25; }\r\n\r\n  .ns-card[data-pos=\"3\"], .ns-card[data-pos=\"-3\"],\r\n  .ns-card[data-pos=\"4\"], .ns-card[data-pos=\"-4\"] {\r\n    opacity: 0; z-index: 1; pointer-events: none;\r\n    transform: translate(-50%,-50%) translateZ(-500px) scale(0.4);\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .ns-gal-dots {\r\n    position: relative; z-index: 2;\r\n    display: flex; gap: 6px; justify-content: center; margin-top: 14px;\r\n  }\r\n  .ns-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(26,58,108,0.2); cursor: pointer; transition: all 0.3s; border: none; padding: 0; }\r\n  .ns-dot.active { background: var(--ns-navy); width: 18px; border-radius: 3px; }\r\n\r\n  \/* CTA \u2014 minimal one line *\/\r\n  .ns-gal-cta {\r\n    position: relative; z-index: 2; text-align: center;\r\n    margin-top: 18px; padding: 16px 20px 0; width: 100%;\r\n    border-top: 1px solid rgba(26,58,108,0.08);\r\n  }\r\n  .ns-gal-cta p { font-size: 9px; color: rgba(26,58,108,0.35); text-transform: uppercase; letter-spacing: 2.5px; margin-bottom: 12px; }\r\n  .ns-cta-row { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\r\n\r\n  .ns-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: var(--ns-navy); color: #fff;\r\n    font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700;\r\n    letter-spacing: 2px; text-transform: uppercase; padding: 10px 26px; border-radius: 6px;\r\n    border: 2px solid var(--ns-navy); cursor: pointer; text-decoration: none; transition: all 0.2s;\r\n  }\r\n  .ns-btn-primary:hover { background: var(--ns-lime); border-color: var(--ns-lime); color: #1a3a6c; transform: translateY(-1px); }\r\n  .ns-btn-primary svg { width: 13px; height: 13px; flex-shrink: 0; }\r\n\r\n  .ns-btn-outline {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: transparent; color: var(--ns-navy);\r\n    font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 600;\r\n    letter-spacing: 2px; text-transform: uppercase; padding: 10px 22px; border-radius: 6px;\r\n    border: 1.5px solid rgba(26,58,108,0.25); cursor: pointer; text-decoration: none; transition: all 0.2s;\r\n  }\r\n  .ns-btn-outline:hover { border-color: var(--ns-navy); background: rgba(26,58,108,0.05); transform: translateY(-1px); }\r\n  .ns-btn-outline svg { width: 13px; height: 13px; flex-shrink: 0; }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 640px) {\r\n    .ns-gal { padding: 24px 0; min-height: unset; }\r\n    .ns-gal-stage { height: 62vw; min-height: 260px; }\r\n    .ns-card { width: 54vw; height: 72vw; border-radius: 12px; }\r\n    .ns-card[data-pos=\"1\"]  { transform: translate(calc(-50% + 43vw), -50%) translateZ(-70px) rotateY(-26deg) scale(0.78); opacity: 0.8; }\r\n    .ns-card[data-pos=\"-1\"] { transform: translate(calc(-50% - 43vw), -50%) translateZ(-70px) rotateY(26deg)  scale(0.78); opacity: 0.8; }\r\n    .ns-card[data-pos=\"2\"]  { transform: translate(calc(-50% + 78vw), -50%) translateZ(-170px) rotateY(-40deg) scale(0.6); opacity: 0.35; }\r\n    .ns-card[data-pos=\"-2\"] { transform: translate(calc(-50% - 78vw), -50%) translateZ(-170px) rotateY(40deg)  scale(0.6); opacity: 0.35; }\r\n    .ns-arrow-left  { left: 4px; }\r\n    .ns-arrow-right { right: 4px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ns-gal\">\r\n  <div class=\"ns-gal-bg\">\r\n    <div class=\"ns-gal-bg-img\" id=\"nsBgImg\"><\/div>\r\n    <!-- No overlay div \u2014 pure transparent -->\r\n  <\/div>\r\n\r\n  <header class=\"ns-gal-header\">\r\n    <span class=\"ns-gal-eyebrow\">Life at National School Karatagi<\/span>\r\n    <h2 class=\"ns-gal-title\">Glimpses of Our <em>Campus<\/em><\/h2>\r\n  <\/header>\r\n\r\n  <div class=\"ns-gal-stage\">\r\n    <button class=\"ns-arrow ns-arrow-left\"  onclick=\"nsMove(-1)\" aria-label=\"Previous\">&#8592;<\/button>\r\n    <div class=\"ns-cards-track\" id=\"nsTrack\"><\/div>\r\n    <button class=\"ns-arrow ns-arrow-right\" onclick=\"nsMove(1)\"  aria-label=\"Next\">&#8594;<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"ns-gal-dots\" id=\"nsDots\"><\/div>\r\n\r\n  <div class=\"ns-gal-cta\">\r\n    <p>40+ photos across classrooms, sports, labs &amp; more<\/p>\r\n    <div class=\"ns-cta-row\">\r\n      <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/gallery\/\" class=\"ns-btn-primary\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\r\n        Explore Full Gallery\r\n      <\/a>\r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst nsSlides = [\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/DSC_0811-scaled.jpg',             tag:'Campus Life',  name:'Where Every Day Matters',      sub:'A vibrant school community built on care, curiosity and belonging.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/DSC_0882-scaled.jpg',             tag:'Students',     name:'Bright Minds, Big Dreams',      sub:'Our students bring energy, enthusiasm and heart to everything they do.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/DSC_0816-1-scaled.jpg',           tag:'Classrooms',   name:'Learning That Inspires',        sub:'Interactive classrooms designed to spark curiosity at every grade.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/DSC_0751-1-scaled.jpg',           tag:'Activities',   name:'Beyond the Textbook',           sub:'Hands-on activities that nurture creativity, confidence and teamwork.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0880-scaled.jpg',             tag:'School Life',  name:'Memories in the Making',        sub:'Moments of joy, friendship and growth \u2014 every single day.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-01-150246.png',tag:'Achievements', name:'Pride of Karatagi',             sub:'Recognising excellence in academics, sports and co-curricular pursuits.' },\r\n  { img:'https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.37-PM-1.jpeg', tag:'Events', name:'Celebrations & Milestones', sub:'From Annual Day to sports meet \u2014 we celebrate every achievement together.' }\r\n];\r\n\r\nlet nsIdx = 0, nsAnimating = false;\r\nconst nsTrackEl = document.getElementById('nsTrack');\r\nconst nsDotsEl  = document.getElementById('nsDots');\r\nconst nsBgImg   = document.getElementById('nsBgImg');\r\n\r\nnsSlides.forEach((s, i) => {\r\n  const card = document.createElement('div');\r\n  card.className = 'ns-card';\r\n  card.innerHTML = `\r\n    <img decoding=\"async\" src=\"${s.img}\" alt=\"${s.name}\" loading=\"lazy\" draggable=\"false\"\/>\r\n    <div class=\"ns-card-overlay\"><\/div>\r\n    <div class=\"ns-card-content\">\r\n      <span class=\"ns-card-tag\">${s.tag}<\/span>\r\n      <h3 class=\"ns-card-name\">${s.name}<\/h3>\r\n      <p class=\"ns-card-sub\">${s.sub}<\/p>\r\n    <\/div>`;\r\n  card.addEventListener('click', () => { const p = parseInt(card.dataset.pos); if (p !== 0) nsMove(p > 0 ? 1 : -1); });\r\n  nsTrackEl.appendChild(card);\r\n});\r\n\r\nnsSlides.forEach((_, i) => {\r\n  const d = document.createElement('button');\r\n  d.className = 'ns-dot' + (i === 0 ? ' active' : '');\r\n  d.addEventListener('click', () => nsGoTo(i));\r\n  nsDotsEl.appendChild(d);\r\n});\r\n\r\nfunction nsUpdate() {\r\n  const cards = nsTrackEl.querySelectorAll('.ns-card');\r\n  const total = nsSlides.length;\r\n  cards.forEach((card, i) => {\r\n    let rel = i - nsIdx;\r\n    if (rel > total \/ 2) rel -= total;\r\n    if (rel < -total \/ 2) rel += total;\r\n    card.dataset.pos = Math.max(-4, Math.min(4, rel));\r\n  });\r\n  nsBgImg.style.backgroundImage = `url('${nsSlides[nsIdx].img}')`;\r\n  nsDotsEl.querySelectorAll('.ns-dot').forEach((d, i) => d.classList.toggle('active', i === nsIdx));\r\n}\r\n\r\nfunction nsMove(dir) {\r\n  if (nsAnimating) return;\r\n  nsAnimating = true;\r\n  nsIdx = (nsIdx + dir + nsSlides.length) % nsSlides.length;\r\n  nsUpdate();\r\n  setTimeout(() => nsAnimating = false, 680);\r\n}\r\nfunction nsGoTo(i) {\r\n  if (nsAnimating || i === nsIdx) return;\r\n  nsAnimating = true; nsIdx = i; nsUpdate();\r\n  setTimeout(() => nsAnimating = false, 680);\r\n}\r\n\r\nnsUpdate();\r\nlet nsAuto = setInterval(() => nsMove(1), 5000);\r\nconst nsStageEl = document.querySelector('.ns-gal-stage');\r\nnsStageEl.addEventListener('mouseenter', () => clearInterval(nsAuto));\r\nnsStageEl.addEventListener('mouseleave', () => { nsAuto = setInterval(() => nsMove(1), 5000); });\r\ndocument.addEventListener('keydown', e => { if (e.key === 'ArrowLeft') nsMove(-1); if (e.key === 'ArrowRight') nsMove(1); });\r\nlet nsTS = 0;\r\nnsStageEl.addEventListener('touchstart', e => { nsTS = e.touches[0].clientX; }, { passive: true });\r\nnsStageEl.addEventListener('touchend',   e => { const d = nsTS - e.changedTouches[0].clientX; if (Math.abs(d) > 40) nsMove(d > 0 ? 1 : -1); });\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-f3bec65 e-flex e-con-boxed e-con e-parent\" data-id=\"f3bec65\" 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-21ef394 elementor-widget elementor-widget-html\" data-id=\"21ef394\" 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    <style>\r\n        \/* === COMPACT LUXURY DESIGN SYSTEM === *\/\r\n        :root {\r\n            --lux-navy: #0f1d52;\r\n            --lux-gold: #b38728;\r\n            --lux-slate: #64748b;\r\n            --lux-bg: #ffffff;\r\n            --lux-border: #e2e8f0;\r\n        }\r\n\r\n        .ns-editorial-section {\r\n            background-color: var(--lux-bg);\r\n            \/* Tightened padding to reduce overall height *\/\r\n            padding: 50px 20px;\r\n            font-family: 'Inter', -apple-system, sans-serif;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Luxury Watermark Design *\/\r\n        .ns-editorial-section::before {\r\n            content: 'THE WORD IS GOD \u2022 THE WORD IS GOD \u2022 THE WORD IS GOD';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%) rotate(-5deg);\r\n            font-size: 8rem;\r\n            font-weight: 900;\r\n            color: rgba(15, 29, 82, 0.03); \/* Extremely faint *\/\r\n            white-space: nowrap;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .ns-editorial-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Integrated header to save space *\/\r\n        .ns-label-header {\r\n            text-align: left;\r\n            font-size: 0.7rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            color: var(--lux-gold);\r\n            margin-bottom: 25px; \/* Significantly reduced *\/\r\n            font-weight: 700;\r\n            border-bottom: 1px solid var(--lux-gold);\r\n            display: inline-block;\r\n            padding-bottom: 5px;\r\n        }\r\n\r\n        .ns-impact-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            flex-wrap: wrap;\r\n            border-top: 1px solid var(--lux-border);\r\n            \/* Bottom border removed or kept thin *\/\r\n            padding: 30px 0; \/* Reduced from 60px *\/\r\n        }\r\n\r\n        .ns-impact-item {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            padding: 0 25px; \/* Reduced from 40px *\/\r\n            position: relative;\r\n        }\r\n\r\n        \/* Vertical dividers *\/\r\n        .ns-impact-item:not(:last-child)::after {\r\n            content: '';\r\n            position: absolute;\r\n            right: 0;\r\n            top: 20%;\r\n            height: 60%;\r\n            width: 1px;\r\n            background-color: var(--lux-border);\r\n            transform: scaleY(0);\r\n            transition: transform 1s ease-in-out 0.5s;\r\n        }\r\n\r\n        .ns-impact-item.revealed::after { transform: scaleY(1); }\r\n\r\n        \/* Compact Typography *\/\r\n        .ns-val {\r\n            font-size: 3.2rem; \/* Reduced from 4.5rem *\/\r\n            font-weight: 300;\r\n            color: var(--lux-navy);\r\n            display: block;\r\n            line-height: 1;\r\n            margin-bottom: 10px;\r\n            opacity: 0;\r\n            transform: translateY(15px);\r\n            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .ns-title {\r\n            font-size: 0.85rem; \/* Slightly smaller *\/\r\n            font-weight: 700;\r\n            color: var(--lux-navy);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 5px;\r\n            display: block;\r\n        }\r\n\r\n        .ns-sub {\r\n            font-size: 0.8rem;\r\n            color: var(--lux-slate);\r\n            line-height: 1.4;\r\n            max-width: 170px;\r\n        }\r\n\r\n        .ns-impact-item.revealed .ns-val {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .ns-impact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n            .ns-impact-item::after { display: none; }\r\n            .ns-impact-item { padding: 15px; border-bottom: 1px solid var(--lux-border); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .ns-impact-row { grid-template-columns: 1fr; }\r\n            .ns-editorial-section::before { font-size: 4rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ns-editorial-section\">\r\n    <div class=\"ns-editorial-container\">\r\n        \r\n        <div class=\"ns-label-header\">Milestones<\/div>\r\n\r\n        <div class=\"ns-impact-row\" id=\"impact-row\">\r\n            \r\n            <div class=\"ns-impact-item\">\r\n                <span class=\"ns-val count-up\" data-target=\"30\">0<\/span>\r\n                <span class=\"ns-title\">Decades<\/span>\r\n                <span class=\"ns-sub\">Academic leadership in Karatagi since 1997.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ns-impact-item\">\r\n                <span class=\"ns-val\"><span class=\"count-up\" data-target=\"20000\">0<\/span>+<\/span>\r\n                <span class=\"ns-title\">Students<\/span>\r\n                <span class=\"ns-sub\">Nurtured within our green campus.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ns-impact-item\">\r\n                <span class=\"ns-val\"><span class=\"count-up\" data-target=\"40\">0<\/span>+<\/span>\r\n                <span class=\"ns-title\">Educators<\/span>\r\n                <span class=\"ns-sub\">Expert faculty shaping young minds daily.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ns-impact-item\">\r\n                <span class=\"ns-val\"><span class=\"count-up\" data-target=\"1600\">0<\/span>+<\/span>\r\n                <span class=\"ns-title\">Graduates<\/span>\r\n                <span class=\"ns-sub\">SSLC students passing out with excellence.<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        const items = document.querySelectorAll('.ns-impact-item');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n           entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('revealed');\r\n                    const counter = entry.target.querySelector('.count-up');\r\n                    const target = +counter.getAttribute('data-target');\r\n                    const duration = 1500;\r\n                    const increment = target \/ (duration \/ 16);\r\n\r\n                    let current = 0;\r\n                    const timer = setInterval(() => {\r\n                        current += increment;\r\n                        if (current >= target) {\r\n                            counter.innerText = target;\r\n                            clearInterval(timer);\r\n                        } else {\r\n                            counter.innerText = Math.floor(current);\r\n                        }\r\n                    }, 16);\r\n                   observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        items.forEach(item => observer.observe(item));\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-ae0870d e-flex e-con-boxed e-con e-parent\" data-id=\"ae0870d\" 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-c28301e elementor-widget elementor-widget-html\" data-id=\"c28301e\" 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    \r\n    <title>School Toppers Hall of Fame | National School Karatagi<\/title>\r\n    <meta name=\"description\" content=\"Celebrate the academic excellence of National School Karatagi's top students. View our Hall of Fame showcasing school toppers from 2019 to 2025.\">\r\n    <meta name=\"keywords\" content=\"National School Karatagi, School Toppers, Hall of Fame, Best School in Karatagi, Academic Excellence, Karnataka\">\r\n    <link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/hall-of-fame\">\r\n    <meta name=\"geo.region\" content=\"IN-KA\" \/>\r\n    <meta name=\"geo.placename\" content=\"Karatagi\" \/>\r\n    <meta name=\"geo.position\" content=\"15.6265;76.3980\" \/>\r\n\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"EducationalOrganization\",\r\n      \"name\": \"National School Karatagi\",\r\n      \"url\": \"https:\/\/nationalschoolkaratagi.com\/\",\r\n      \"address\": { \"@type\": \"PostalAddress\", \"addressLocality\": \"Karatagi\", \"addressRegion\": \"Karnataka\", \"addressCountry\": \"IN\" }\r\n    }\r\n    <\/script>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\" defer><\/script>\r\n    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Playfair+Display:ital,wght@0,700;1,400&display=swap');\r\n\r\n        :root {\r\n            --primary: #d4af37;\r\n            --bg-dark: #0f172a;\r\n            --text-light: #f8fafc;\r\n            --text-muted: #cbd5e1;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--bg-dark);\r\n            color: var(--text-light);\r\n            font-family: 'Montserrat', sans-serif;\r\n            overflow-x: hidden;\r\n            \/* Added padding to simulate being in the middle of a webpage *\/\r\n            padding: 50vh 0; \r\n        }\r\n\r\n        \/* --- COMPACT SECTION STYLES --- *\/\r\n        .hall-of-fame-section {\r\n            width: 100%;\r\n            padding: 30px 0;\r\n            background: radial-gradient(circle at center, #1a233a 0%, var(--bg-dark) 100%);\r\n            border-top: 1px solid rgba(212, 175, 55, 0.2);\r\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            padding: 0 15px 15px;\r\n        }\r\n        .section-header h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem;\r\n            color: var(--primary);\r\n            text-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);\r\n        }\r\n        .section-header p {\r\n            font-size: 0.75rem;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* --- AUTO-SCROLL CAROUSEL STYLES --- *\/\r\n        .carousel-viewport {\r\n            width: 100%;\r\n            overflow: hidden; \/* Hides the scrollbar and overflowing cards *\/\r\n            padding: 10px 0;\r\n        }\r\n\r\n        .carousel-track {\r\n            display: flex;\r\n            gap: 15px;\r\n            width: max-content;\r\n            \/* Infinite marquee animation *\/\r\n            animation: scroll 25s linear infinite; \r\n        }\r\n\r\n        \/* Pause animation when user hovers *\/\r\n        .carousel-viewport:hover .carousel-track {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        @keyframes scroll {\r\n            0% { transform: translateX(0); }\r\n            \/* Scrolls exactly halfway (one full set of cards) then resets perfectly *\/\r\n            100% { transform: translateX(calc(-50% - 7.5px)); } \r\n        }\r\n\r\n        \/* --- MICRO CARDS --- *\/\r\n        .topper-card {\r\n            width: 160px; \/* Extremely compact width *\/\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(212, 175, 55, 0.2);\r\n            border-radius: 8px;\r\n            padding: 8px;\r\n            backdrop-filter: blur(5px);\r\n            transition: transform 0.3s ease, border-color 0.3s ease;\r\n        }\r\n        .topper-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: rgba(212, 175, 55, 0.8);\r\n            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        .image-wrapper {\r\n            width: 100%;\r\n            height: 180px; \/* Shortened image height *\/\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            border: 1px solid var(--primary);\r\n            margin-bottom: 8px;\r\n            background-color: #000;\r\n        }\r\n        .image-wrapper img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: top;\r\n        }\r\n\r\n        .card-info { text-align: center; }\r\n        .card-info h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.1rem;\r\n            color: var(--primary);\r\n            margin-bottom: 2px;\r\n        }\r\n        .card-info p {\r\n            font-size: 0.7rem;\r\n            color: var(--text-muted);\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* --- BUTTON --- *\/\r\n        .action-container { text-align: center; margin-top: 20px; }\r\n        .btn-faculty {\r\n            display: inline-block;\r\n            padding: 10px 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            color: var(--bg-dark);\r\n            background: var(--primary);\r\n            border-radius: 20px;\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .btn-faculty:hover {\r\n            background: #fce277;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* --- DESKTOP SCALING --- *\/\r\n        @media (min-width: 768px) {\r\n            .section-header h1 { font-size: 2.5rem; }\r\n            .topper-card { width: 200px; padding: 12px; }\r\n            .image-wrapper { height: 220px; }\r\n            .card-info h2 { font-size: 1.3rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <main>\r\n        <section id=\"hall-of-fame\" class=\"hall-of-fame-section\" aria-labelledby=\"hof-title\">\r\n            \r\n            <header class=\"section-header\">\r\n                <h1 id=\"hof-title\">Hall of Fame<\/h1>\r\n                <p>Celebrating Academic Excellence<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"carousel-viewport\">\r\n                <div class=\"carousel-track\">\r\n                    \r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.56-PM.jpeg\" alt=\"2024-2025 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2024 - 2025<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.56-PM-1.jpeg\" alt=\"2023-2024 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2023 - 2024<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.57-PM.jpeg\" alt=\"2022-2023 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2022 - 2023<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM.jpeg\" alt=\"2021-2022 Topper 1\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2021 - 2022<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM-1.jpeg\" alt=\"2021-2022 Topper 2\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2021 - 2022<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM-2.jpeg\" alt=\"2020-2021 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2020 - 2021<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.59-PM.jpeg\" alt=\"2019-2020 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2019 - 2020<\/h2><p>School Topper<\/p><\/div><\/article>\r\n\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.56-PM.jpeg\" alt=\"2024-2025 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2024 - 2025<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.56-PM-1.jpeg\" alt=\"2023-2024 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2023 - 2024<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.57-PM.jpeg\" alt=\"2022-2023 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2022 - 2023<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM.jpeg\" alt=\"2021-2022 Topper 1\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2021 - 2022<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM-1.jpeg\" alt=\"2021-2022 Topper 2\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2021 - 2022<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.58-PM-2.jpeg\" alt=\"2020-2021 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2020 - 2021<\/h2><p>School Topper<\/p><\/div><\/article>\r\n                    <article class=\"topper-card\"><div class=\"image-wrapper\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-05-at-2.09.59-PM.jpeg\" alt=\"2019-2020 Topper\" loading=\"lazy\"><\/div><div class=\"card-info\"><h2>2019 - 2020<\/h2><p>School Topper<\/p><\/div><\/article>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"action-container\">\r\n                <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/faculty-management\/\" class=\"btn-faculty\" aria-label=\"Navigate to Faculty Management Page\">Meet Our Faculty<\/a>\r\n            <\/div>\r\n\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            \r\n            \/\/ Confetti Observer (Fires once when the section comes into view)\r\n            const hofSection = document.getElementById('hall-of-fame');\r\n            \r\n            const sectionObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting && !hofSection.dataset.celebrated) {\r\n                        fireConfettiBurst();\r\n                        hofSection.dataset.celebrated = \"true\"; \r\n                    }\r\n                });\r\n            }, { threshold: 0.3 }); \/\/ Triggers when 30% of the section is visible\r\n            \r\n            if (hofSection) sectionObserver.observe(hofSection);\r\n\r\n            function fireConfettiBurst() {\r\n                if (typeof confetti !== 'function') return;\r\n                let duration = 2000;\r\n                let end = Date.now() + duration;\r\n\r\n                (function frame() {\r\n                    confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#d4af37', '#ffffff'], zIndex: 9999 });\r\n                    confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#d4af37', '#ffffff'], zIndex: 9999 });\r\n                    if (Date.now() < end) requestAnimationFrame(frame);\r\n                }());\r\n            }\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-0bdc7d4 e-flex e-con-boxed e-con e-parent\" data-id=\"0bdc7d4\" 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-909225c elementor-widget elementor-widget-html\" data-id=\"909225c\" 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\r\n<title>Sports & Facilities | National School Karatagi | Best School in Koppal<\/title>\r\n<meta name=\"description\" content=\"Explore the premier sports facilities at National School Karatagi. We offer professional coaching in Cricket, Volleyball, Kabaddi, Kho-Kho, and Throwball in Koppal, Karnataka.\">\r\n<meta name=\"keywords\" content=\"National School Karatagi, sports school Koppal, education Karnataka, Volleyball, Kabaddi, Kho-Kho, Throwball, school admissions Karatagi, CBSE school sports\">\r\n\r\n<meta name=\"geo.region\" content=\"IN-KA\" \/>\r\n<meta name=\"geo.placename\" content=\"Karatagi\" \/>\r\n<meta name=\"geo.position\" content=\"15.6173;76.5165\" \/>\r\n<meta name=\"ICBM\" content=\"15.6173, 76.5165\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" \/>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"EducationalOrganization\",\r\n  \"name\": \"National School Karatagi\",\r\n  \"description\": \"A premier educational institution offering excellent academics and top-tier sports facilities in Karnataka.\",\r\n  \"url\": \"https:\/\/nationalschoolkaratagi.com\/\",\r\n  \"telephone\": \"+91-9986077113\",\r\n  \"email\": \"nationalschoolk@gmail.com\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"streetAddress\": \"Karatagi, Gangavathi Taluk\",\r\n    \"addressLocality\": \"Koppal\",\r\n    \"addressRegion\": \"Karnataka\",\r\n    \"postalCode\": \"583229\",\r\n    \"addressCountry\": \"IN\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 BASE & RESET \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n\r\n:root{\r\n  --bg-cream: #FCFBF8;\r\n  --bg-white: #FFFFFF;\r\n  --text-main: #2C3539;\r\n  --text-muted: #6B7280;\r\n  --accent-peach: #FFF0E6;\r\n  --accent-sage: #F0F5F1;\r\n  --accent-sky: #F0F6FF;\r\n  --accent-yellow: #FEF9E6;\r\n  --brand-navy: #3A4B6B;\r\n  --brand-rust: #D96C4A;\r\n}\r\n\r\nbody {\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  color: var(--text-main);\r\n  background: var(--bg-cream);\r\n  line-height: 1.6;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; }\r\n.sp { padding: 60px 0; }\r\n.center { text-align: center; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 TYPOGRAPHY \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.badge {\r\n  display: inline-block; background: var(--bg-white); color: var(--brand-navy);\r\n  padding: 6px 18px; border-radius: 40px; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.h2 {\r\n  font-size: clamp(32px, 3.5vw, 46px); font-weight: 800; line-height: 1.2;\r\n  margin-bottom: 12px; color: var(--text-main); letter-spacing: -0.5px;\r\n}\r\n.h2 .accent { position: relative; display: inline-block; color: var(--brand-rust); z-index: 1; }\r\n.h2 .accent::after {\r\n  content: ''; position: absolute; bottom: 2px; left: -5%; width: 110%; height: 10px;\r\n  background: var(--accent-yellow); z-index: -1; border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n  transform: rotate(-2deg);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.rv { opacity: 0; transform: translateY(20px); transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.rv.show { opacity: 1; transform: translateY(0); }\r\n.rv.d1 { transition-delay: 0.1s; } .rv.d2 { transition-delay: 0.2s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   NEW: DYNAMIC SPORTS ACCORDION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sports-section {\r\n  position: relative;\r\n  background: var(--brand-navy);\r\n  color: white;\r\n  overflow: hidden;\r\n  padding: 60px 0;\r\n}\r\n\r\n\/* Dynamic \"Speed\" Background Pattern *\/\r\n.sports-section::before {\r\n  content: ''; position: absolute; top: 0; right: -10%; width: 60%; height: 100%;\r\n  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.03) 100%);\r\n  z-index: 0; pointer-events: none;\r\n}\r\n\r\n.sports-header {\r\n  display: flex; flex-direction: column; align-items: center; text-align: center;\r\n  margin-bottom: 40px; position: relative; z-index: 1;\r\n}\r\n\r\n.sports-header .h2 { color: white; }\r\n.sports-header .accent { color: var(--accent-yellow); }\r\n.sports-header .accent::after { background: var(--brand-rust); opacity: 0.8; }\r\n.sports-subtitle { font-size: 18px; color: rgba(255,255,255,0.8); font-weight: 500; }\r\n\r\n\/* The Accordion Container *\/\r\n.sports-accordion {\r\n  display: flex;\r\n  gap: 12px;\r\n  height: 450px; \/* Highly concise height! *\/\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Individual Sport Cards *\/\r\n.acc-item {\r\n  flex: 1;\r\n  border-radius: 24px;\r\n  background-size: cover;\r\n  background-position: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* Active\/Hover State *\/\r\n.acc-item:hover, .acc-item.active {\r\n  flex: 5;\r\n}\r\n\r\n\/* Dark Gradient Overlay for text readability *\/\r\n.acc-item::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0) 100%);\r\n  opacity: 0.7; transition: opacity 0.4s;\r\n}\r\n.acc-item:hover::before, .acc-item.active::before { opacity: 0.9; }\r\n\r\n\/* Collapsed Icon (Visible only when narrow) *\/\r\n.acc-icon-small {\r\n  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\r\n  font-size: 28px; background: rgba(255,255,255,0.2); backdrop-filter: blur(5px);\r\n  width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n  transition: all 0.4s;\r\n}\r\n.acc-item:hover .acc-icon-small, .acc-item.active .acc-icon-small {\r\n  opacity: 0; transform: translate(-50%, 20px); pointer-events: none;\r\n}\r\n\r\n\/* Expanded Content *\/\r\n.acc-content {\r\n  position: absolute; bottom: 30px; left: 30px; right: 30px;\r\n  opacity: 0; transform: translateY(30px);\r\n  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n  pointer-events: none;\r\n  white-space: nowrap; \/* Prevents text wrapping while animating *\/\r\n}\r\n\r\n.acc-item:hover .acc-content, .acc-item.active .acc-content {\r\n  opacity: 1; transform: translateY(0); transition-delay: 0.1s; pointer-events: auto;\r\n}\r\n\r\n.acc-content h3 { font-size: 28px; font-weight: 800; color: white; margin-bottom: 4px; }\r\n.acc-content p { font-size: 14px; color: var(--accent-yellow); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n\/* Action Button *\/\r\n.btn-sport {\r\n  display: inline-block; margin-top: 15px; padding: 10px 24px;\r\n  background: var(--brand-rust); color: white; border-radius: 30px;\r\n  font-size: 13px; font-weight: 700; text-decoration: none;\r\n  transition: transform 0.2s, background 0.2s;\r\n}\r\n.btn-sport:hover { background: white; color: var(--brand-navy); transform: scale(1.05); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   REST OF THE CSS (Testimonials, CTA, Contact)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.testimonials { background: var(--bg-cream); }\r\n.slider-container { overflow: hidden; margin: 30px 0 20px; padding: 10px 0; }\r\n.slider-track { display: flex; gap: 24px; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\r\n.testimonial {\r\n  flex: 0 0 100%; background: var(--bg-white); border-radius: 24px 24px 24px 6px; \r\n  padding: 30px; box-shadow: 0 8px 24px rgba(0,0,0,0.03); position: relative;\r\n}\r\n.test-quote-mark { position: absolute; top: 15px; right: 25px; font-size: 60px; color: var(--accent-peach); font-family: serif; line-height: 1; opacity: 0.5; }\r\n.test-badge { display: inline-block; background: var(--accent-sky); color: var(--brand-navy); padding: 4px 12px; border-radius: 12px; font-size: 10px; font-weight: 600; margin-bottom: 16px; }\r\n.test-text { font-size: 14.5px; color: var(--text-main); line-height: 1.7; margin-bottom: 24px; position: relative; z-index: 1; }\r\n.test-author { display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--accent-sage); padding-top: 16px;}\r\n.test-avatar { width: 44px; height: 44px; background: var(--accent-yellow); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; }\r\n.test-name { font-weight: 700; font-size: 14px; color: var(--brand-navy); }\r\n.test-role { font-size: 12px; color: var(--text-muted); }\r\n\r\n.slider-controls { display: flex; justify-content: center; align-items: center; gap: 16px; }\r\n.slider-btn { width: 36px; height: 36px; border-radius: 50%; background: var(--bg-white); border: none; box-shadow: 0 3px 8px rgba(0,0,0,0.05); cursor: pointer; font-size: 18px; color: var(--text-main); transition: all 0.2s; }\r\n.slider-btn:hover { background: var(--accent-sky); }\r\n.slider-dots { display: flex; gap: 6px; }\r\n.slider-dot { width: 8px; height: 8px; border-radius: 50%; background: #D1D5DB; cursor: pointer; transition: 0.3s; }\r\n.slider-dot.active { background: var(--brand-rust); transform: scale(1.4); }\r\n\r\n.cta-section { background: var(--accent-peach); border-radius: 30px; max-width: 1400px; margin: 0 auto 30px; padding: 40px 20px; position: relative; }\r\n.cta-steps { display: flex; justify-content: center; gap: 30px; margin: 30px 0 24px; position: relative; flex-wrap: wrap; }\r\n.cta-steps::before { content: ''; position: absolute; top: 30px; left: 15%; width: 70%; height: 2px; border-top: 2px dashed rgba(0,0,0,0.1); z-index: 0; }\r\n.cta-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; }\r\n.step-num { width: 60px; height: 60px; background: var(--bg-white); border-radius: 40% 60% 50% 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; color: var(--brand-rust); box-shadow: 0 8px 16px rgba(0,0,0,0.03); }\r\n.step-label { font-weight: 600; font-size: 14px; color: var(--text-main); }\r\n.cta-buttons { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }\r\n.btn-primary { background: var(--text-main); color: white; padding: 12px 28px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 14px; transition: transform 0.2s, background 0.2s; }\r\n.btn-primary:hover { background: var(--brand-rust); transform: translateY(-2px); }\r\n.btn-outline { background: transparent; color: var(--text-main); padding: 10px 26px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 14px; border: 2px solid var(--text-main); transition: 0.2s; }\r\n.btn-outline:hover { background: var(--bg-white); transform: translateY(-2px); }\r\n.cta-note { color: var(--text-muted); font-size: 13px; text-align: center; }\r\n\r\n.contact { background: var(--bg-cream); }\r\n.contact-grid { display: grid; grid-template-columns: 1fr; gap: 30px; margin-top: 40px; }\r\n.contact-cards { display: flex; flex-direction: column; gap: 16px; }\r\n.contact-card { background: var(--bg-white); padding: 20px 24px; border-radius: 16px; display: flex; align-items: center; gap: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.02); border: 1px solid var(--accent-sage); }\r\n.contact-icon { width: 44px; height: 44px; background: var(--accent-sky); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }\r\n.contact-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 2px;}\r\n.contact-value { font-size: 16px; font-weight: 700; color: var(--text-main); }\r\n.contact-value a { color: var(--text-main); text-decoration: none; }\r\n.contact-sub { font-size: 13px; color: var(--text-muted); margin-top: 2px; }\r\n.map-wrapper { border-radius: 20px; overflow: hidden; height: 100%; min-height: 300px; box-shadow: 0 8px 24px rgba(0,0,0,0.03); }\r\n.map-wrapper iframe { width: 100%; height: 100%; min-height: 300px; border: none; }\r\n\r\n\/* Responsive adjustments *\/\r\n@media(min-width: 768px){\r\n  .testimonial { flex: 0 0 calc(50% - 12px); }\r\n}\r\n@media(min-width: 960px){\r\n  .testimonial { flex: 0 0 calc(33.333% - 16px); }\r\n  .contact-grid { grid-template-columns: 1fr 1.2fr; }\r\n  .cta-steps::before { display: block; }\r\n}\r\n@media(max-width: 959px){\r\n  .cta-steps::before { display: none; }\r\n}\r\n\/* Mobile Accordion Fix *\/\r\n@media(max-width: 768px){\r\n  .sports-accordion { flex-direction: column; height: 600px; } \/* Stacks vertically on phones *\/\r\n  .acc-item { border-radius: 16px; }\r\n  .acc-icon-small { bottom: auto; top: 50%; left: 20px; transform: translateY(-50%); }\r\n  .acc-item:hover .acc-icon-small, .acc-item.active .acc-icon-small { transform: translateY(-50%) scale(0.5); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<main>\r\n  <section class=\"sports-section\" aria-labelledby=\"sports-heading\">\r\n    <div class=\"wrap\">\r\n      \r\n      <div class=\"sports-header rv\">\r\n        <div class=\"badge\" style=\"background: rgba(255,255,255,0.1); color: white; border: none; backdrop-filter: blur(5px);\">\ud83c\udfc6 Athletics & Fitness<\/div>\r\n        <h2 id=\"sports-heading\" class=\"h2\">50+ Sports. <span class=\"accent\">One Arena.<\/span><\/h2>\r\n        <p class=\"sports-subtitle\">Hover to explore our championship facilities.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sports-accordion rv d1\">\r\n        \r\n        <div class=\"acc-item active\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-volley-ball.png')\" role=\"button\" aria-expanded=\"true\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83c\udfd0<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Team Coordination<\/p>\r\n            <h3>Volleyball<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">Join the Team<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kho-kho.png')\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83c\udfc3<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Speed & Agility<\/p>\r\n            <h3>Kho-Kho<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kabaddi.png')\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83e\udd3c<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Strength & Strategy<\/p>\r\n            <h3>Kabaddi<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/national-school-volley-ball.png')\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83c\udfc5<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Professional Courts<\/p>\r\n            <h3>Pro Volleyball<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/throwball.png')\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83e\udd4e<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Reflex Training<\/p>\r\n            <h3>Throwball<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">Learn More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"acc-item\" style=\"background-image: url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/04\/npsk-kabaddi-2.png')\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">\r\n          <div class=\"acc-icon-small\">\ud83c\udfc6<\/div>\r\n          <div class=\"acc-content\">\r\n            <p>Championships<\/p>\r\n            <h3>Tournaments<\/h3>\r\n            <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/sports-activities\/\" class=\"btn-sport\">View Schedule<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"testimonials sp\" aria-labelledby=\"testimonials-heading\">\r\n    <div class=\"wrap\">\r\n      <div class=\"center rv\">\r\n        <div class=\"badge\">\ud83d\udcac Family Voices<\/div>\r\n        <h2 id=\"testimonials-heading\" class=\"h2\">What Our Community <span class=\"accent\">Says<\/span><\/h2>\r\n        <p class=\"desc\">Over 1,500 families trust us with their children's future. Hear from the parents and students who make up our vibrant school family.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"slider-container rv d1\">\r\n        <div class=\"slider-track\" id=\"sliderTrack\">\r\n          <article class=\"testimonial\">\r\n            <div class=\"test-quote-mark\">\"<\/div>\r\n            <div class=\"test-badge\">Parent \u2013 Class 5<\/div>\r\n            <p class=\"test-text\">My daughter has transformed here. The teachers are genuinely caring, and the blend of sports and academics keeps her motivated every single day.<\/p>\r\n            <div class=\"test-author\">\r\n              <div class=\"test-avatar\">\ud83d\udc69<\/div>\r\n              <div>\r\n                <div class=\"test-name\">Savitha B.<\/div>\r\n                <div class=\"test-role\">Mother, Karatagi<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"testimonial\">\r\n            <div class=\"test-quote-mark\">\"<\/div>\r\n            <div class=\"test-badge\">Student \u2013 Class 10<\/div>\r\n            <p class=\"test-text\">The digital classrooms made studying so much more interesting. I scored very well in my board exams thanks to the excellent guidance.<\/p>\r\n            <div class=\"test-author\">\r\n              <div class=\"test-avatar\">\ud83c\udf93<\/div>\r\n              <div>\r\n                <div class=\"test-name\">Priya S.<\/div>\r\n                <div class=\"test-role\">Alumna<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"testimonial\">\r\n            <div class=\"test-quote-mark\">\"<\/div>\r\n            <div class=\"test-badge\">Parent \u2013 LKG<\/div>\r\n            <p class=\"test-text\">The nursery teachers are so gentle and attentive. Within weeks, my 3-year-old started speaking new words and loves going to school!<\/p>\r\n            <div class=\"test-author\">\r\n              <div class=\"test-avatar\">\ud83d\udc69<\/div>\r\n              <div>\r\n                <div class=\"test-name\">Deepa M.<\/div>\r\n                <div class=\"test-role\">Mother, Karatagi<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"testimonial\">\r\n            <div class=\"test-quote-mark\">\"<\/div>\r\n            <div class=\"test-badge\">Parent \u2013 Class 7<\/div>\r\n            <p class=\"test-text\">The new cricket coaching facility is wonderful! My son gets professional training right at school. The massive ground is a huge advantage.<\/p>\r\n            <div class=\"test-author\">\r\n              <div class=\"test-avatar\">\ud83d\udc68<\/div>\r\n              <div>\r\n                <div class=\"test-name\">Suresh P.<\/div>\r\n                <div class=\"test-role\">Father, Koppal<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"slider-controls rv d2\">\r\n        <button class=\"slider-btn\" onclick=\"slideMove(-1)\" aria-label=\"Previous Testimonial\">\u2039<\/button>\r\n        <div class=\"slider-dots\" id=\"sliderDots\" role=\"tablist\"><\/div>\r\n        <button class=\"slider-btn\" onclick=\"slideMove(1)\" aria-label=\"Next Testimonial\">\u203a<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp\" style=\"background: var(--bg-cream); padding-top: 10px;\" aria-labelledby=\"admissions-heading\">\r\n    <div class=\"cta-section\">\r\n      <div class=\"wrap center\">\r\n        <div class=\"badge rv\">Admissions Open 2025\u201326<\/div>\r\n        <h2 id=\"admissions-heading\" class=\"h2 rv\">Begin the Journey of <span class=\"accent\">Excellence<\/span><\/h2>\r\n        <p class=\"desc rv\" style=\"color: var(--text-main);\">Join 1,500+ families at National School Karatagi. Limited seats available from Nursery to Class 10.<\/p>\r\n\r\n        <div class=\"cta-steps rv d1\">\r\n          <div class=\"cta-step\"><div class=\"step-num\">1<\/div><div class=\"step-label\">Contact Us<\/div><\/div>\r\n          <div class=\"cta-step\"><div class=\"step-num\">2<\/div><div class=\"step-label\">Visit Campus<\/div><\/div>\r\n          <div class=\"cta-step\"><div class=\"step-num\">3<\/div><div class=\"step-label\">Submit Forms<\/div><\/div>\r\n          <div class=\"cta-step\"><div class=\"step-num\">4<\/div><div class=\"step-label\">Start Learning<\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-buttons rv d2\">\r\n          <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"btn-primary\">Apply Now<\/a>\r\n          <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\" class=\"btn-outline\">Learn More<\/a>\r\n        <\/div>\r\n        <p class=\"cta-note rv d3\">Call: <a href=\"tel:+919986077113\" style=\"color:inherit;text-decoration:none;\">+91 99860 77113<\/a>  \u00b7  Email: <a href=\"mailto:nationalschoolk@gmail.com\" style=\"color:inherit;text-decoration:none;\">nationalschoolk@gmail.com<\/a><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"contact sp\" style=\"padding-top: 20px;\" aria-labelledby=\"contact-heading\">\r\n    <div class=\"wrap\">\r\n      <div class=\"center rv\">\r\n        <h2 id=\"contact-heading\" class=\"h2\">Get in <span class=\"accent\">Touch<\/span><\/h2>\r\n        <p class=\"desc\">We're here to answer your questions and welcome you to our campus.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"contact-grid\">\r\n        <div class=\"contact-cards\">\r\n          <div class=\"contact-card rv d1\">\r\n            <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n            <div>\r\n              <div class=\"contact-label\">Call Us<\/div>\r\n              <div class=\"contact-value\"><a href=\"tel:+919986077113\">+91 99860 77113<\/a><\/div>\r\n              <div class=\"contact-sub\">Mon\u2013Sat, 8:00 AM \u2013 4:00 PM<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-card rv d2\">\r\n            <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n            <div>\r\n              <div class=\"contact-label\">Email<\/div>\r\n              <div class=\"contact-value\"><a href=\"mailto:nationalschoolk@gmail.com\">nationalschoolk@gmail.com<\/a><\/div>\r\n              <div class=\"contact-sub\">We reply within 24 hours<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-card rv d3\">\r\n            <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n            <div>\r\n              <div class=\"contact-label\">Visit Campus<\/div>\r\n              <div class=\"contact-value\">National School Karatagi<\/div>\r\n              <div class=\"contact-sub\">Karatagi, Gangavathi Taluk, Koppal, Karnataka 583229<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-wrapper rv d4\">\r\n          <iframe \r\n            title=\"National School Karatagi Location Map\"\r\n            src=\"https:\/\/maps.google.com\/maps?q=National+School+Karatagi&t=&z=13&ie=UTF8&iwloc=&output=embed\" \r\n            allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\r\n          <\/iframe>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n<script>\r\n\/\/ \u2500\u2500 Scroll Reveal \u2500\u2500\r\nconst rvEls = document.querySelectorAll('.rv');\r\nconst rvObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => {\r\n    if(e.isIntersecting){\r\n      e.target.classList.add('show');\r\n      rvObs.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\nrvEls.forEach(el => rvObs.observe(el));\r\n\r\n\/\/ \u2500\u2500 Interactive Accordion Logic (Mobile\/Touch Support) \u2500\u2500\r\nconst accItems = document.querySelectorAll('.acc-item');\r\naccItems.forEach(item => {\r\n  item.addEventListener('mouseenter', () => {\r\n    accItems.forEach(el => el.classList.remove('active'));\r\n    item.classList.add('active');\r\n  });\r\n  \/\/ For touch devices\r\n  item.addEventListener('touchstart', () => {\r\n    accItems.forEach(el => el.classList.remove('active'));\r\n    item.classList.add('active');\r\n  }, {passive: true});\r\n});\r\n\r\n\/\/ \u2500\u2500 FIX: Testimonial Slider \u2500\u2500\r\nconst track = document.getElementById('sliderTrack');\r\nconst dotsContainer = document.getElementById('sliderDots');\r\nconst slides = Array.from(track.children);\r\nlet currentIndex = 0;\r\nlet perView = 1;\r\nlet autoTimer;\r\n\r\nfunction getPerView(){\r\n  return window.innerWidth >= 960 ? 3 : window.innerWidth >= 768 ? 2 : 1;\r\n}\r\n\r\nfunction updateSlider(){\r\n  perView = getPerView();\r\n  \r\n  \/\/ Calculate maximum index we can slide to\r\n  const maxIndex = Math.max(0, slides.length - perView);\r\n  \r\n  \/\/ Ensure current index doesn't break if we resize the window\r\n  if (currentIndex > maxIndex) {\r\n    currentIndex = maxIndex;\r\n  }\r\n\r\n  \/\/ Calculate width + the 24px CSS gap\r\n  const cardWidth = slides[0].offsetWidth + 24; \r\n  track.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n  \r\n  updateDots(maxIndex);\r\n}\r\n\r\nfunction updateDots(maxIndex){\r\n  dotsContainer.innerHTML = '';\r\n  const totalDots = maxIndex + 1; \/\/ 1 dot for every possible scroll position\r\n\r\n  \/\/ Don't show dots if there aren't enough slides to scroll\r\n  if(totalDots <= 1) return;\r\n\r\n  for(let i = 0; i < totalDots; i++){\r\n    const dot = document.createElement('button');\r\n    dot.className = 'slider-dot' + (i === currentIndex ? ' active' : '');\r\n    dot.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n    dot.setAttribute('role', 'tab');\r\n    \r\n    \/\/ When a dot is clicked\r\n    dot.onclick = () => { \r\n      currentIndex = i; \r\n      updateSlider(); \r\n      resetTimer(); \/\/ Stop it from jumping twice\r\n    };\r\n    dotsContainer.appendChild(dot);\r\n  }\r\n}\r\n\r\nfunction slideMove(direction){\r\n  perView = getPerView();\r\n  const maxIndex = Math.max(0, slides.length - perView);\r\n  \r\n  currentIndex += direction;\r\n  \r\n  \/\/ Looping logic\r\n  if(currentIndex > maxIndex) currentIndex = 0; \/\/ Go back to start\r\n  if(currentIndex < 0) currentIndex = maxIndex; \/\/ Go to end\r\n  \r\n  updateSlider();\r\n  resetTimer(); \/\/ Stop it from jumping twice\r\n}\r\n\r\n\/\/ Resets the auto-scroll so it doesn't overlap with user clicks\r\nfunction resetTimer(){\r\n  clearInterval(autoTimer);\r\n  autoTimer = setInterval(() => slideMove(1), 5000); \/\/ 5 seconds is smoother\r\n}\r\n\r\n\/\/ Listen for window resize to adjust math\r\nwindow.addEventListener('resize', updateSlider);\r\n\r\n\/\/ Initialize Slider on Load\r\nupdateSlider();\r\nresetTimer();\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-35d249c e-flex e-con-boxed e-con e-parent\" data-id=\"35d249c\" 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-d968204 elementor-widget elementor-widget-html\" data-id=\"d968204\" 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-0c8e28e e-flex e-con-boxed e-con e-parent\" data-id=\"0c8e28e\" 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-a6fa874 elementor-widget elementor-widget-html\" data-id=\"a6fa874\" 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>National Higher Primary Green Valley Rural High School Karatagi Green Valley Rural High School in Karatagi | Best School for [&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-5","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>Home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"National Higher Primary Green Valley Rural High School Karatagi Green Valley Rural High School in Karatagi | Best School for [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/\" \/>\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:04:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" \/>\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=\"52 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"name\":\"Home - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"datePublished\":\"2026-03-23T09:27:30+00:00\",\"dateModified\":\"2026-04-14T11:04:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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":"Home - 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\/","og_locale":"en_US","og_type":"article","og_title":"Home - Green Valley Rural High School","og_description":"National Higher Primary Green Valley Rural High School Karatagi Green Valley Rural High School in Karatagi | Best School for [&hellip;]","og_url":"https:\/\/nationalschoolkaratagi.com\/","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:04:51+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"52 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/","url":"https:\/\/nationalschoolkaratagi.com\/","name":"Home - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","datePublished":"2026-03-23T09:27:30+00:00","dateModified":"2026-04-14T11:04:51+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/5","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=5"}],"version-history":[{"count":514,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":1870,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions\/1870"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}