{"id":18,"date":"2026-03-23T09:28:52","date_gmt":"2026-03-23T09:28:52","guid":{"rendered":"https:\/\/nationalschoolkaratagi.com\/?page_id=18"},"modified":"2026-04-14T11:07:31","modified_gmt":"2026-04-14T11:07:31","slug":"student-life","status":"publish","type":"page","link":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/","title":{"rendered":"Student Life"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f205bb e-flex e-con-boxed e-con e-parent\" data-id=\"7f205bb\" 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-172d9a9 elementor-widget elementor-widget-html\" data-id=\"172d9a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"life-adventures-creative\">\r\n  <style>\r\n    \/* Creative Student Life & Adventures Section - ZERO TOP GAP *\/\r\n    .life-adventures-creative {\r\n      font-family: 'Montserrat', sans-serif;\r\n      background: linear-gradient(135deg, #FFF9E6 0%, #E6F9FF 50%, #FFE6F5 100%);\r\n      \/* FORCED ZERO TOP MARGIN AND PADDING *\/\r\n      margin-top: 0 !important; \r\n      padding: 15px 20px 60px 20px !important; \r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n  .life-adventures-creative {\r\n      font-family: 'Montserrat', sans-serif;\r\n      background: linear-gradient(135deg, #FFF9E6 0%, #E6F9FF 50%, #FFE6F5 100%);\r\n      \/* THE FIX: Negative margin pulls the section up to eat the gap *\/\r\n      margin-top: -50px !important; \r\n      padding: 50px 20px 60px 20px !important; \r\n      position: relative;\r\n      overflow: hidden;\r\n      z-index: 10; \/* Ensures it stays visible when pulled up *\/\r\n    }\r\n\r\n    \/* Playful Floating Shapes - Moved slightly down so they don't clip into the header *\/\r\n    .floating-shape {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      opacity: 0.15;\r\n      animation: floatShape 15s ease-in-out infinite;\r\n    }\r\n\r\n    .shape-1 { top: 15%; left: 5%; width: 150px; height: 150px; background: linear-gradient(135deg, #A4D233, #FFD700); }\r\n    .shape-2 { top: 50%; right: 5%; width: 120px; height: 120px; background: linear-gradient(135deg, #E31E24, #FFD700); animation-delay: 3s; }\r\n    .shape-3 { bottom: 10%; left: 10%; width: 140px; height: 140px; background: linear-gradient(135deg, #1A3A6C, #A4D233); animation-delay: 6s; }\r\n\r\n    @keyframes floatShape {\r\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n      25% { transform: translate(20px, -20px) rotate(90deg); }\r\n      50% { transform: translate(-15px, 15px) rotate(180deg); }\r\n      75% { transform: translate(15px, 20px) rotate(270deg); }\r\n    }\r\n\r\n    .life-container {\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* Dynamic Header with Emoji Rain *\/\r\n    .life-header {\r\n      text-align: center;\r\n      margin-bottom: 40px; \r\n      \/* STRIPPED ALL TOP SPACING *\/\r\n      margin-top: 0 !important; \r\n      padding-top: 0 !important;\r\n      position: relative;\r\n      opacity: 0;\r\n      animation: fadeInUp 1s ease forwards;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .emoji-rain {\r\n      font-size: 32px; \r\n      margin-top: 0 !important; \/* Pushed to absolute top *\/\r\n      margin-bottom: 10px;\r\n      letter-spacing: 10px;\r\n      animation: bounce 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes bounce {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    .life-header h2 {\r\n      font-size: 48px; \r\n      font-weight: 800;\r\n      background: linear-gradient(135deg, #E31E24, #A4D233, #FFD700, #1A3A6C);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      margin: 0 0 15px 0;\r\n      line-height: 1.2;\r\n      text-transform: uppercase;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .life-header p {\r\n      font-size: 18px; \r\n      color: #555;\r\n      max-width: 800px;\r\n      margin: 0 auto 25px auto;\r\n      line-height: 1.6;\r\n      font-family: 'Lato', sans-serif;\r\n    }\r\n\r\n    .fun-badges { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }\r\n    .fun-badge {\r\n      background: white; padding: 10px 22px; border-radius: 50px; font-size: 15px; font-weight: 700; color: #1A3A6C;\r\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); display: flex; align-items: center; gap: 8px; transition: all 0.3s ease;\r\n      animation: popIn 0.5s ease forwards; opacity: 0;\r\n    }\r\n    .fun-badge:nth-child(1) { animation-delay: 0.2s; }\r\n    .fun-badge:nth-child(2) { animation-delay: 0.4s; }\r\n    .fun-badge:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n    @keyframes popIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }\r\n    .fun-badge:hover { transform: scale(1.05) rotate(-3deg); box-shadow: 0 8px 25px rgba(164, 210, 51, 0.3); }\r\n\r\n    \/* Hero Photo Collage - Compact *\/\r\n    .hero-collage {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      grid-template-rows: 220px 220px; \r\n      gap: 15px;\r\n      margin-bottom: 50px; \r\n      opacity: 0;\r\n      animation: fadeIn 1s ease 0.5s forwards;\r\n    }\r\n\r\n    @keyframes fadeIn { to { opacity: 1; } }\r\n\r\n    .collage-item { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\r\n    .collage-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\r\n    .collage-item:nth-child(2) { grid-column: 3 \/ 5; grid-row: 1 \/ 3; }\r\n    .collage-item:nth-child(3) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\r\n    .collage-item:nth-child(4) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\r\n\r\n    .collage-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }\r\n    .collage-item:hover { transform: scale(1.03); z-index: 10; box-shadow: 0 15px 40px rgba(164, 210, 51, 0.3); }\r\n    .collage-item:hover img { transform: scale(1.1) rotate(1deg); }\r\n\r\n    .collage-overlay {\r\n      position: absolute; inset: 0; background: linear-gradient(to top, rgba(26, 58, 108, 0.9), transparent); display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; color: white; opacity: 0; transition: opacity 0.4s ease;\r\n    }\r\n    .collage-item:hover .collage-overlay { opacity: 1; }\r\n    .collage-overlay h3 { font-size: 20px; margin: 0 0 5px 0; font-weight: 700; transform: translateY(15px); transition: transform 0.4s ease; }\r\n    .collage-item:hover .collage-overlay h3 { transform: translateY(0); }\r\n    .collage-overlay p { font-size: 14px; margin: 0; opacity: 0.95; transform: translateY(15px); transition: transform 0.4s ease 0.1s; }\r\n    .collage-item:hover .collage-overlay p { transform: translateY(0); }\r\n\r\n    \/* Video Spotlight - Restrained Size *\/\r\n    .video-spotlight {\r\n      position: relative;\r\n      margin: 0 auto 50px auto; \r\n      max-width: 900px; \r\n      transform: rotate(-1.5deg);\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .video-spotlight:hover { transform: rotate(0deg); }\r\n    .video-frame { position: relative; border-radius: 25px; overflow: hidden; box-shadow: 0 20px 50px rgba(227, 30, 36, 0.2); background: linear-gradient(135deg, #E31E24, #FFD700); padding: 6px; }\r\n    .video-frame iframe, .video-frame video { width: 100%; height: 400px; border: none; border-radius: 20px; display: block; object-fit: cover; } \r\n    .video-sticker { position: absolute; top: -20px; right: 30px; background: linear-gradient(135deg, #A4D233, #7cb82f); color: white; padding: 12px 25px; border-radius: 50px; font-weight: 800; font-size: 16px; box-shadow: 0 10px 25px rgba(164, 210, 51, 0.4); transform: rotate(5deg); animation: wiggle 3s ease-in-out infinite; z-index: 10; }\r\n\r\n    @keyframes wiggle { 0%, 100% { transform: rotate(5deg) scale(1); } 25% { transform: rotate(-5deg) scale(1.05); } 75% { transform: rotate(10deg) scale(1.05); } }\r\n\r\n    \/* Compact Activities Grid *\/\r\n    .activities-asymmetric { margin-bottom: 50px; }\r\n    .activities-title { text-align: center; font-size: 36px; color: #1A3A6C; margin-bottom: 40px; font-weight: 800; position: relative; display: inline-block; left: 50%; transform: translateX(-50%); }\r\n    .activities-title::before { content: '\ud83c\udfa8'; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); font-size: 36px; animation: spin 4s linear infinite; }\r\n    .activities-title::after { content: '\ud83c\udfaf'; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); font-size: 36px; animation: spin 4s linear infinite reverse; }\r\n\r\n    @keyframes spin { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } }\r\n\r\n    .activities-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n      gap: 20px;\r\n    }\r\n\r\n    .activity-card {\r\n      background: white; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateY(20px); position: relative; overflow: hidden;\r\n    }\r\n    .activity-card.visible { animation: fadeInUp 0.5s ease forwards; }\r\n    \r\n    .activity-card:nth-child(1) { background: linear-gradient(135deg, #fff9e6, #ffffff); }\r\n    .activity-card:nth-child(2) { background: linear-gradient(135deg, #e6f9ff, #ffffff); }\r\n    .activity-card:nth-child(3) { background: linear-gradient(135deg, #ffe6f5, #ffffff); }\r\n    .activity-card:nth-child(4) { background: linear-gradient(135deg, #f0f8ff, #ffffff); }\r\n    .activity-card:nth-child(5) { background: linear-gradient(135deg, #fff0f5, #ffffff); }\r\n\r\n    .activity-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #E31E24, #A4D233, #FFD700); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }\r\n    .activity-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(164, 210, 51, 0.2); }\r\n    .activity-card:hover::before { transform: scaleX(1); }\r\n\r\n    .activity-icon-large { font-size: 45px; margin-bottom: 12px; display: block; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1)); animation: bounce 2s ease-in-out infinite; }\r\n    .activity-card h3 { font-size: 22px; color: #1A3A6C; margin: 0 0 10px 0; font-weight: 700; }\r\n    .activity-card p { font-size: 15px; color: #666; line-height: 1.5; margin: 0 0 15px 0; font-family: 'Lato', sans-serif; }\r\n    .activity-features { display: flex; flex-wrap: wrap; gap: 8px; }\r\n    .feature-pill { background: rgba(26, 58, 108, 0.06); color: #1A3A6C; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }\r\n\r\n    \/* Photo Gallery Wall - Uniform Compact Grid *\/\r\n    .gallery-wall { margin-bottom: 50px; }\r\n    .gallery-wall-title { text-align: center; font-size: 36px; color: #1A3A6C; margin-bottom: 30px; font-weight: 800; }\r\n\r\n    .gallery-compact {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 15px;\r\n    }\r\n\r\n    .gallery-photo { position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); cursor: pointer; opacity: 0; height: 220px; animation: fadeIn 0.5s ease forwards; transition: all 0.3s ease; }\r\n    \r\n    .gallery-photo:nth-child(1) { animation-delay: 0.1s; } .gallery-photo:nth-child(2) { animation-delay: 0.2s; }\r\n    .gallery-photo:nth-child(3) { animation-delay: 0.3s; } .gallery-photo:nth-child(4) { animation-delay: 0.4s; }\r\n    .gallery-photo:nth-child(5) { animation-delay: 0.5s; } .gallery-photo:nth-child(6) { animation-delay: 0.6s; }\r\n    .gallery-photo:nth-child(7) { animation-delay: 0.7s; } .gallery-photo:nth-child(8) { animation-delay: 0.8s; }\r\n\r\n    .gallery-photo:hover { transform: scale(1.03); z-index: 10; box-shadow: 0 15px 35px rgba(164, 210, 51, 0.3); }\r\n    .gallery-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }\r\n    .gallery-photo:hover img { transform: scale(1.1); }\r\n\r\n    .photo-caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); padding: 15px; color: white; opacity: 0; transition: opacity 0.3s ease; }\r\n    .gallery-photo:hover .photo-caption { opacity: 1; }\r\n    .photo-caption p { margin: 0; font-size: 13px; font-weight: 600; }\r\n\r\n    \/* Circular CTA Section - Compact *\/\r\n    .life-cta { text-align: center; background: linear-gradient(135deg, #FFD700, #FFA500); border-radius: 40px; padding: 50px 30px; color: #1A3A6C; box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3); position: relative; overflow: hidden; }\r\n    .life-cta::before { content: '\ud83c\udf89'; position: absolute; top: 10px; left: 30px; font-size: 60px; opacity: 0.2; animation: floatShape 6s ease-in-out infinite; }\r\n    .life-cta::after { content: '\ud83d\ude80'; position: absolute; bottom: 10px; right: 30px; font-size: 60px; opacity: 0.2; animation: floatShape 6s ease-in-out infinite 3s; }\r\n    .cta-content { position: relative; z-index: 1; }\r\n    .life-cta h3 { font-size: 34px; margin: 0 0 15px 0; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; }\r\n    .life-cta p { font-size: 18px; margin: 0 auto 30px auto; max-width: 600px; opacity: 0.9; line-height: 1.5; font-family: 'Lato', sans-serif; }\r\n    .cta-button { display: inline-block; background: #1A3A6C; color: white; padding: 16px 45px; border-radius: 50px; font-size: 16px; font-weight: 800; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(26, 58, 108, 0.3); text-transform: uppercase; letter-spacing: 1px; }\r\n    .cta-button:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(26, 58, 108, 0.4); background: #2d5aa8; }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n      .hero-collage { grid-template-columns: 1fr 1fr; grid-template-rows: 200px 200px 200px; }\r\n      .collage-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\r\n      .collage-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\r\n      .collage-item:nth-child(3) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\r\n      .collage-item:nth-child(4) { grid-column: 1 \/ 3; grid-row: 3 \/ 4; }\r\n      .gallery-compact { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      \/* REDUCED TOP PADDING FOR MOBILE TOO *\/\r\n      .life-adventures-creative { padding: 15px 15px 40px 15px !important; }\r\n      .life-header h2 { font-size: 36px; }\r\n      .hero-collage { grid-template-columns: 1fr 1fr; grid-template-rows: 150px 150px; margin-bottom: 30px;}\r\n      .collage-item:nth-child(1), .collage-item:nth-child(2), .collage-item:nth-child(3), .collage-item:nth-child(4) { grid-column: span 1; grid-row: span 1; }\r\n      .video-spotlight { transform: rotate(0deg); max-width: 100%; margin-bottom: 30px;}\r\n      .video-frame iframe, .video-frame video { height: 250px; }\r\n      \r\n      .gallery-compact { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 15px; gap: 10px; }\r\n      .gallery-photo { flex: 0 0 85%; scroll-snap-align: center; height: 200px; }\r\n      \r\n      .activities-title::before, .activities-title::after { display: none; }\r\n      .life-cta h3 { font-size: 28px; }\r\n      .life-cta p { font-size: 16px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"floating-shape shape-1\"><\/div>\r\n  <div class=\"floating-shape shape-2\"><\/div>\r\n  <div class=\"floating-shape shape-3\"><\/div>\r\n\r\n  <div class=\"life-container\">\r\n    <div class=\"life-header\">\r\n      <div class=\"emoji-rain\">\ud83c\udfae \ud83c\udfa8 \u26bd \ud83c\udfaa \ud83c\udfad \ud83c\udf89<\/div>\r\n      <h2>Life Beyond Textbooks<\/h2>\r\n      <p>Where every day is an adventure, every break is a celebration, and every student discovers their passion. This is where friendships bloom, talents shine, and memories are made!<\/p>\r\n      \r\n      <div class=\"fun-badges\">\r\n        <div class=\"fun-badge\"><span class=\"emoji\">\ud83c\udfaf<\/span><span>55+ Activities<\/span><\/div>\r\n        <div class=\"fun-badge\"><span class=\"emoji\">\ud83c\udfa8<\/span><span>Creative Workshops<\/span><\/div>\r\n        <div class=\"fun-badge\"><span class=\"emoji\">\ud83c\udfc6<\/span><span>Champions Arena<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-collage\">\r\n      <div class=\"collage-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg\" alt=\"Students Having Fun\">\r\n        <div class=\"collage-overlay\"><h3>Playground Memories<\/h3><p>Where laughter echoes and friendships grow<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"collage-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0915-scaled.jpg\" alt=\"Creative Arts\">\r\n        <div class=\"collage-overlay\"><h3>Creative Expressions<\/h3><p>Painting dreams in vibrant colors<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"collage-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.37.09-PM.jpeg\" alt=\"Science Fun\">\r\n        <div class=\"collage-overlay\"><h3>Science Adventures<\/h3><p>Making learning an exciting journey<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"collage-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.38-PM-3.jpeg\" alt=\"Outdoor Fun\">\r\n        <div class=\"collage-overlay\"><h3>Outdoor Thrills<\/h3><p>Fresh air, big smiles, endless energy<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"video-spotlight\">\r\n      <div class=\"video-sticker\">\ud83c\udfac Watch Our Story!<\/div>\r\n      <div class=\"video-frame\">\r\n        <video id=\"storyVideo\" autoplay muted loop playsinline controls>\r\n          <source src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Video-2026-03-28-at-11.35.14-PM.mp4\" type=\"video\/mp4\">\r\n          Your browser does not support the video tag.\r\n        <\/video>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    \r\n\r\n    <div class=\"gallery-wall\">\r\n      <h3 class=\"gallery-wall-title\">\ud83d\udcf8 Captured Joy<\/h3>\r\n      <div class=\"gallery-compact\">\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.53.49-PM.jpeg\" alt=\"Happy moment 1\">\r\n          <div class=\"photo-caption\"><p>Learn in the lap of Mother Nature<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.52.57-PM-1.jpeg\" alt=\"Happy moment 2\">\r\n          <div class=\"photo-caption\"><p>Creative minds at work<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.53.06-PM-1.jpeg\" alt=\"Happy moment 3\">\r\n          <div class=\"photo-caption\"><p>Outdoor adventures and fresh air<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.39-PM.jpeg\" alt=\"Happy moment 4\">\r\n          <div class=\"photo-caption\"><p>Science experiments gone right!<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.52.58-PM-2.jpeg\" alt=\"Happy moment 5\">\r\n          <div class=\"photo-caption\"><p>Fitness and fun combined<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.52.57-PM.jpeg\" alt=\"Happy moment 6\">\r\n          <div class=\"photo-caption\"><p>Game time champions<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.36.12-PM.jpeg\" alt=\"Happy moment 7\">\r\n          <div class=\"photo-caption\"><p>Learning through exploration<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"gallery-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.32-PM-3.jpeg\" alt=\"Happy moment 8\">\r\n          <div class=\"photo-caption\"><p>Adventures beyond the classroom<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n  <\/div>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n      const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) { entry.target.classList.add('visible'); }\r\n        });\r\n      }, observerOptions);\r\n\r\n      document.querySelectorAll('.life-adventures-creative .activity-card').forEach(card => {\r\n        observer.observe(card);\r\n      });\r\n    });\r\n  <\/script>\r\n<\/div>\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-d2c90ee e-flex e-con-boxed e-con e-parent\" data-id=\"d2c90ee\" 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-252bb10 elementor-widget elementor-widget-html\" data-id=\"252bb10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"elegant-excursions-section\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap');\r\n\r\n    .elegant-excursions-section {\r\n      font-family: 'Montserrat', sans-serif;\r\n      background-color: #ffffff;\r\n      color: #222222;\r\n      position: relative;\r\n      padding: 10px 0 100px 0;\r\n      margin-top: 0 !important;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .elegant-excursions-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Top Torn Paper SVG *\/\r\n    .ee-torn-edge {\r\n      position: absolute;\r\n      top: -1px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 40px;\r\n      z-index: 5;\r\n      transform: rotate(180deg);\r\n      fill: #ffffff;\r\n    }\r\n\r\n    \/* Logo Styling *\/\r\n    .ee-header-container {\r\n      text-align: center;\r\n      margin-bottom: 60px;\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    .ee-logo-text {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: 24px;\r\n      font-weight: 700;\r\n      letter-spacing: 4px;\r\n      text-transform: uppercase;\r\n      display: inline-block;\r\n      border-bottom: 1px solid #eee;\r\n      padding-bottom: 10px;\r\n    }\r\n\r\n    \/* Main Container *\/\r\n    .ee-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Dashed Connecting Line *\/\r\n    .ee-connecting-path {\r\n      position: absolute;\r\n      top: 10%;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 40%;\r\n      height: 80%;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n      stroke: #eeeeee;\r\n      stroke-width: 1.5;\r\n      stroke-dasharray: 8 8;\r\n      fill: none;\r\n    }\r\n\r\n    \/* Alternating Rows *\/\r\n    .ee-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 100px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .ee-row.reverse {\r\n      flex-direction: row-reverse;\r\n    }\r\n\r\n    .ee-image-block {\r\n      width: 48%;\r\n      position: relative;\r\n    }\r\n\r\n    .ee-image-block img {\r\n      width: 100%;\r\n      height: 380px;\r\n      object-fit: cover;\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.06);\r\n      border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .ee-row.reverse .ee-image-block img {\r\n      border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n    }\r\n\r\n    .ee-image-block:hover img {\r\n      border-radius: 50%;\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .ee-text-block {\r\n      width: 42%;\r\n    }\r\n\r\n    .ee-subtitle {\r\n      font-size: 11px;\r\n      letter-spacing: 3px;\r\n      color: #999;\r\n      text-transform: uppercase;\r\n      margin-bottom: 12px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .ee-text-block h2 {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: clamp(26px, 4vw, 32px);\r\n      letter-spacing: 1px;\r\n      margin: 0 0 18px 0;\r\n      color: #1a1a1a;\r\n      text-transform: uppercase;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .ee-text-block p {\r\n      font-size: 14px;\r\n      color: #555;\r\n      line-height: 1.8;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Action Buttons *\/\r\n    .ee-actions {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      margin-top: 40px;\r\n      position: relative;\r\n      z-index: 5;\r\n    }\r\n\r\n    .ee-btn {\r\n      display: inline-block;\r\n      padding: 15px 35px;\r\n      border: 1px solid #222;\r\n      border-radius: 50px;\r\n      background: transparent;\r\n      color: #222;\r\n      font-size: 11px;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .ee-btn:hover {\r\n      background: #222;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n      .ee-row, .ee-row.reverse {\r\n        flex-direction: column;\r\n        margin-bottom: 60px;\r\n        text-align: center;\r\n      }\r\n      .ee-image-block, .ee-text-block {\r\n        width: 100%;\r\n      }\r\n      .ee-image-block img {\r\n        height: 300px;\r\n        border-radius: 30px !important;\r\n      }\r\n      .ee-connecting-path {\r\n        display: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <svg class=\"ee-torn-edge\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 46\" preserveAspectRatio=\"none\">\r\n    <path d=\"M1200,46V0c-18.7,0-36.9,8.5-51.5,23.3c-14.8,15-33.8,23.6-54.3,22.7c-24-1-45-13.6-59.5-33.1 C1021.7,4.3,999.5-2.2,976.2,2c-20.9,3.8-38.6,16.5-49.3,34.4c-9.3,15.6-24.8,24.8-43.1,23.6c-24.3-1.6-45.3-16.7-56-39 C817.4,1,796.8-5.3,773.7,2.8c-20.1,7-34.9,22.7-41.5,42.4c-6.8,20.4-23.7,34.1-45,34.7c-21.9,0.7-41.1-13-49.2-34.1 c-7.4-19.4-22.1-34.6-42.3-41c-22.9-7.3-46.7,0.3-60.8,18.8c-12,15.9-30.8,24-50.6,20.7c-21-3.5-38.4-18-47.5-37.5 C428.1,5.2,406-0.7,383.6,5.1c-19.5,5.1-34.4,19.3-40.8,38.3c-6.6,19.7-22.8,32.7-43.4,32.9c-20.6,0.2-38.6-12.7-46-32.2 c-7.8-20.6-23.9-36.1-45.5-41.1c-23.3-5.4-46.7,4-59.6,23.2c-11.4,16.9-30.2,25.4-50.3,20.9c-21-4.7-38.1-20.1-45.9-40.3 C44.8,7.3,24,0,0,0v46H1200z\"><\/path>\r\n  <\/svg>\r\n\r\n  <div class=\"ee-header-container\">\r\n    <div class=\"ee-logo-text\">EXPLORE BEYOND<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ee-container\">\r\n    <svg class=\"ee-connecting-path\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n      <path d=\"M 50,0 Q 80,25 50,50 T 50,100\" \/>\r\n    <\/svg>\r\n\r\n    <div class=\"ee-row\">\r\n      <div class=\"ee-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.47-PM.jpeg\" alt=\"Traditional Bullock Cart Ride\">\r\n      <\/div>\r\n      <div class=\"ee-text-block\">\r\n        <div class=\"ee-subtitle\">Heritage & Roots<\/div>\r\n        <h2>VILLAGE LIFE EXPERIENCES<\/h2>\r\n        <p>Take a step back into our cultural roots with traditional bullock cart rides. Students experience the rhythmic pace of rural life, learning about ancestral transport and the deep connection between farmers and their livestock in our scenic countryside.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ee-row reverse\">\r\n      <div class=\"ee-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.46-PM-1.jpeg\" alt=\"Water Park Fun\">\r\n      <\/div>\r\n      <div class=\"ee-text-block\">\r\n        <div class=\"ee-subtitle\">Splash & Joy<\/div>\r\n        <h2>AQUATIC ADVENTURES<\/h2>\r\n        <p>Refreshing breaks from the academic routine! Our trips to water parks are filled with laughter and bonding. These excursions promote physical activity and team spirit as students enjoy wave pools and slides in a safe, vibrant environment.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ee-row\">\r\n      <div class=\"ee-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.44-PM-2.jpeg\" alt=\"Heritage Temple Visit\">\r\n      <\/div>\r\n      <div class=\"ee-text-block\">\r\n        <div class=\"ee-subtitle\">Architectural Wonder<\/div>\r\n        <h2>SPIRITUAL & CULTURAL TOURS<\/h2>\r\n        <p>Visiting magnificent heritage temples allows students to witness the grandeur of Indian architecture first-hand. These evening tours provide a peaceful atmosphere for exploring history, intricate stone carvings, and the timeless values of our community.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ee-row reverse\">\r\n      <div class=\"ee-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-29-at-10.52.45-PM-1.jpeg\" alt=\"Adventure Rope Climbing\">\r\n      <\/div>\r\n      <div class=\"ee-text-block\">\r\n        <div class=\"ee-subtitle\">Building Character<\/div>\r\n        <h2>THE CLIMBER'S CHALLENGE<\/h2>\r\n        <p>Pushing boundaries through adventure! Our rope-climbing and obstacle courses are designed to build grit, confidence, and mutual support. Students learn to overcome fears and cheer each other on as they conquer heights together.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ee-actions\">\r\n      <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/gallery\/\" class=\"ee-btn\">View Gallery<\/a>\r\n    \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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-3785185 e-flex e-con-boxed e-con e-parent\" data-id=\"3785185\" 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-3f33931 elementor-widget elementor-widget-html\" data-id=\"3f33931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"arts-culture-creative\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;700;900&family=Lato:wght@300;400;700&display=swap');\r\n\r\n    .arts-culture-creative {\r\n      font-family: 'Montserrat', sans-serif;\r\n      background: linear-gradient(135deg, #FFF0F5 0%, #FFF9E6 50%, #E6F9FF 100%);\r\n      padding: 28px 20px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arts-culture-creative * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Performance Video Section *\/\r\n    .performance-video {\r\n      position: relative;\r\n      max-width: 1000px;\r\n      margin: 0 auto 100px auto;\r\n      perspective: 1000px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .video-stage {\r\n      position: relative;\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      box-shadow: 0 30px 80px rgba(26, 58, 108, 0.2);\r\n      background: #000;\r\n      padding: 10px;\r\n    }\r\n\r\n    .video-stage video {\r\n      width: 100%;\r\n      height: auto;\r\n      border-radius: 20px;\r\n      display: block;\r\n    }\r\n\r\n    .stage-curtain {\r\n      position: absolute;\r\n      top: -25px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: linear-gradient(135deg, #FFD700, #FFA500);\r\n      color: #1A3A6C;\r\n      padding: 15px 35px;\r\n      border-radius: 50px;\r\n      font-weight: 800;\r\n      font-size: 18px;\r\n      box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);\r\n      z-index: 10;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* Performance Gallery - Polaroid Style *\/\r\n    .performance-gallery {\r\n      max-width: 1200px;\r\n      margin: 0 auto 80px auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .gallery-title-arts {\r\n      text-align: center;\r\n      font-size: clamp(32px, 5vw, 44px);\r\n      color: #1A3A6C;\r\n      margin-bottom: 60px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .polaroid-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n      gap: 50px 30px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .polaroid-photo {\r\n      background: #ffffff;\r\n      padding: 15px 15px 50px 15px;\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n      transform: rotate(var(--rotation));\r\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n      border: 1px solid #f0f0f0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .polaroid-photo img {\r\n      width: 100%;\r\n      aspect-ratio: 4\/3;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: sepia(5%) contrast(102%);\r\n    }\r\n\r\n    .polaroid-photo:hover {\r\n      transform: rotate(0deg) scale(1.08);\r\n      z-index: 20;\r\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .polaroid-caption {\r\n      margin-top: 15px;\r\n      text-align: center;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #444;\r\n      font-family: 'Courier New', Courier, monospace;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n      .arts-culture-creative {\r\n        padding: 60px 15px;\r\n      }\r\n      .stage-curtain {\r\n        font-size: 14px;\r\n        padding: 10px 25px;\r\n      }\r\n      .polaroid-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n      }\r\n      .polaroid-photo {\r\n        transform: rotate(0deg) !important;\r\n        max-width: 400px;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"arts-container\">\r\n    \r\n    \r\n\r\n    <div class=\"performance-gallery\">\r\n      <h3 class=\"gallery-title-arts\">\ud83d\udcf8 Captured Moments<\/h3>\r\n      \r\n      <div class=\"polaroid-grid\">\r\n        <div class=\"polaroid-photo\" style=\"--rotation: -3deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.52.54-PM-2.jpeg\" alt=\"AntiDrugs Awareness Day\">\r\n          <p class=\"polaroid-caption\">Anti-Drugs Awareness<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"polaroid-photo\" style=\"--rotation: 2deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.37.12-PM.jpeg\" alt=\"Yoga Day\">\r\n          <p class=\"polaroid-caption\">International Yoga Day<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"polaroid-photo\" style=\"--rotation: -1.5deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.04-PM.jpeg\" alt=\"Cultural Day\">\r\n          <p class=\"polaroid-caption\">Annual Cultural Fest<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"polaroid-photo\" style=\"--rotation: 3.5deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.35.28-PM.jpeg\" alt=\"Welcome Day\">\r\n          <p class=\"polaroid-caption\">Freshman Welcome Day<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"polaroid-photo\" style=\"--rotation: -2.5deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100718_0189_D-scaled.jpg\" alt=\"Group Dance\">\r\n          <p class=\"polaroid-caption\">Synchronized Performance<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"polaroid-photo\" style=\"--rotation: 1.8deg;\">\r\n          <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-28-at-11.25.37-PM.jpeg\" alt=\"Religious Day\">\r\n          <p class=\"polaroid-caption\">Traditional Celebrations<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      \/\/ Intersection Observer for scroll animations\r\n      const observerOptions = {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n      };\r\n\r\n      const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.style.opacity = \"1\";\r\n            entry.target.style.transform = entry.target.style.transform.replace('translateY(20px)', 'translateY(0)');\r\n          }\r\n        });\r\n      }, observerOptions);\r\n\r\n      document.querySelectorAll('.polaroid-photo').forEach(el => {\r\n        el.style.opacity = \"0\";\r\n        el.style.transform += \" translateY(20px)\";\r\n        observer.observe(el);\r\n      });\r\n    });\r\n  <\/script>\r\n<\/div>\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-8044d9e e-flex e-con-boxed e-con e-parent\" data-id=\"8044d9e\" 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-cd44658 elementor-widget elementor-widget-html\" data-id=\"cd44658\" 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-a7963a5 e-flex e-con-boxed e-con e-parent\" data-id=\"a7963a5\" 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-f983909 elementor-widget elementor-widget-html\" data-id=\"f983909\" 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>\ud83c\udfae \ud83c\udfa8 \u26bd \ud83c\udfaa \ud83c\udfad \ud83c\udf89 Life Beyond Textbooks Where every day is an adventure, every break is a celebration, [&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-18","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>Student Life - Green Valley Rural High School<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Student Life - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udfae \ud83c\udfa8 \u26bd \ud83c\udfaa \ud83c\udfad \ud83c\udf89 Life Beyond Textbooks Where every day is an adventure, every break is a celebration, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\" \/>\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:07:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg\" \/>\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=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\",\"name\":\"Student Life - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg\",\"datePublished\":\"2026-03-23T09:28:52+00:00\",\"dateModified\":\"2026-04-14T11:07:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg\",\"width\":2560,\"height\":1703},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Student Life\"}]},{\"@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":"Student Life - Green Valley Rural High School","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/","og_locale":"en_US","og_type":"article","og_title":"Student Life - Green Valley Rural High School","og_description":"\ud83c\udfae \ud83c\udfa8 \u26bd \ud83c\udfaa \ud83c\udfad \ud83c\udf89 Life Beyond Textbooks Where every day is an adventure, every break is a celebration, [&hellip;]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/","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:07:31+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/","name":"Student Life - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg","datePublished":"2026-03-23T09:28:52+00:00","dateModified":"2026-04-14T11:07:31+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DSC_0943-1-1-scaled.jpg","width":2560,"height":1703},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/student-life\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Student Life"}]},{"@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\/18","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=18"}],"version-history":[{"count":88,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1879,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/1879"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}