{"id":1059,"date":"2025-11-07T05:52:50","date_gmt":"2025-11-07T05:52:50","guid":{"rendered":"https:\/\/drsrkvcbseschool.com\/gallery\/?page_id=1059"},"modified":"2026-08-24T07:55:26","modified_gmt":"2026-08-24T07:55:26","slug":"news-events","status":"publish","type":"page","link":"https:\/\/drsrkvcbseschool.com\/gallery\/news-events\/","title":{"rendered":"NEWS &#038; EVENTS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1059\" class=\"elementor elementor-1059\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-662384a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"662384a\" data-element_type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01bd821\" data-id=\"01bd821\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f67f6b2 elementor-widget elementor-widget-spacer\" data-id=\"f67f6b2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3199d elementor-widget elementor-widget-heading\" data-id=\"1a3199d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NEWS &amp; EVENTS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9182d4f elementor-widget elementor-widget-spacer\" data-id=\"9182d4f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3027ef9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3027ef9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dbb83b\" data-id=\"1dbb83b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-99be739 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"99be739\" data-element_type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b069e40 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b069e40\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e6ec334\" data-id=\"e6ec334\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e93d829 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e93d829\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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, viewport-fit=cover\">\r\n  <meta name=\"theme-color\" content=\"#0f4c81\">\r\n  <title>News & Events | Updated Responsive Version<\/title>\r\n\r\n  <style>\r\n    :root {\r\n      --primary: #0f4c81;\r\n      --primary-2: #1669a8;\r\n      --secondary: #11a683;\r\n      --accent: #f2a900;\r\n      --danger: #d94242;\r\n      --ink: #172033;\r\n      --muted: #697386;\r\n      --page: #f3f7fb;\r\n      --card: #ffffff;\r\n      --line: #e4ebf3;\r\n      --shadow: 0 18px 55px rgba(20, 47, 78, .13);\r\n      --radius: 24px;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      margin: 0;\r\n      min-height: 100vh;\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      color: var(--ink);\r\n      background:\r\n        radial-gradient(circle at 10% 5%, rgba(22,105,168,.13), transparent 25rem),\r\n        radial-gradient(circle at 90% 95%, rgba(17,166,131,.12), transparent 24rem),\r\n        var(--page);\r\n    }\r\n\r\n    .page-shell {\r\n      width: min(1180px, calc(100% - 32px));\r\n      margin: 0 auto;\r\n      padding: clamp(24px, 5vw, 58px) 0;\r\n    }\r\n\r\n    .news-panel {\r\n      overflow: hidden;\r\n      background: rgba(255,255,255,.95);\r\n      border: 1px solid rgba(255,255,255,.9);\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .panel-header {\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 24px;\r\n      align-items: center;\r\n      padding: clamp(24px, 4vw, 42px);\r\n      color: #fff;\r\n      background: linear-gradient(125deg, var(--primary) 0%, var(--primary-2) 55%, var(--secondary) 115%);\r\n    }\r\n\r\n    .panel-header::before,\r\n    .panel-header::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      background: rgba(255,255,255,.08);\r\n    }\r\n\r\n    .panel-header::before {\r\n      width: 220px;\r\n      height: 220px;\r\n      top: -115px;\r\n      right: 18%;\r\n    }\r\n\r\n    .panel-header::after {\r\n      width: 150px;\r\n      height: 150px;\r\n      right: -40px;\r\n      bottom: -70px;\r\n    }\r\n\r\n    .title-wrap,\r\n    .date-card { position: relative; z-index: 1; }\r\n\r\n    .eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-bottom: 9px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n      opacity: .85;\r\n    }\r\n\r\n    .live-dot {\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: #7cffd6;\r\n      box-shadow: 0 0 0 6px rgba(124,255,214,.13);\r\n      animation: pulse 1.8s ease-out infinite;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% { box-shadow: 0 0 0 0 rgba(124,255,214,.35); }\r\n      70% { box-shadow: 0 0 0 10px rgba(124,255,214,0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(124,255,214,0); }\r\n    }\r\n\r\n    h1 {\r\n      margin: 0;\r\n      font-size: clamp(28px, 4vw, 46px);\r\n      line-height: 1.08;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n    .subtitle {\r\n      max-width: 650px;\r\n      margin: 11px 0 0;\r\n      color: rgba(255,255,255,.82);\r\n      font-size: clamp(14px, 1.6vw, 17px);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .date-card {\r\n      min-width: 245px;\r\n      padding: 17px 19px;\r\n      border: 1px solid rgba(255,255,255,.20);\r\n      border-radius: 18px;\r\n      background: rgba(255,255,255,.12);\r\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.14);\r\n    }\r\n\r\n    .date-card .label {\r\n      margin-bottom: 5px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: .11em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,.70);\r\n    }\r\n\r\n    #liveDate {\r\n      font-weight: 800;\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    #liveTime {\r\n      margin-top: 4px;\r\n      font-size: 22px;\r\n      font-weight: 900;\r\n      letter-spacing: .02em;\r\n    }\r\n\r\n    .toolbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      padding: 18px clamp(18px, 3vw, 34px);\r\n      border-bottom: 1px solid var(--line);\r\n      background: #fff;\r\n    }\r\n\r\n    .toolbar-copy {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .toolbar-icon {\r\n      flex: 0 0 42px;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      color: var(--primary);\r\n      background: #eaf4ff;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .toolbar-title {\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .toolbar-note {\r\n      margin-top: 2px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    .pause-btn {\r\n      flex: 0 0 auto;\r\n      border: 1px solid #d9e5f1;\r\n      border-radius: 12px;\r\n      padding: 10px 14px;\r\n      color: var(--primary);\r\n      background: #fff;\r\n      font: inherit;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .pause-btn:hover { background: #f4f8fc; transform: translateY(-1px); }\r\n\r\n    .events-viewport {\r\n      position: relative;\r\n      height: min(570px, 67vh);\r\n      overflow: auto;\r\n      padding: 8px clamp(10px, 2.5vw, 22px) 18px;\r\n      scrollbar-width: thin;\r\n      scrollbar-color: #91abc3 #eef4f9;\r\n      background: linear-gradient(#fff, #fbfdff);\r\n    }\r\n\r\n    .events-viewport::-webkit-scrollbar { width: 8px; }\r\n    .events-viewport::-webkit-scrollbar-track { background: #eef4f9; border-radius: 12px; }\r\n    .events-viewport::-webkit-scrollbar-thumb { background: #91abc3; border-radius: 12px; }\r\n\r\n    .events-list {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .event-item {\r\n      display: grid;\r\n      grid-template-columns: 64px minmax(0, 1fr) auto;\r\n      gap: 16px;\r\n      align-items: center;\r\n      padding: 15px 12px;\r\n      border-bottom: 1px solid var(--line);\r\n      transition: background .2s ease, transform .2s ease;\r\n    }\r\n\r\n    .event-item:hover {\r\n      z-index: 2;\r\n      border-radius: 16px;\r\n      background: #f6faff;\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .event-icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 15px;\r\n      color: #fff;\r\n      background: linear-gradient(135deg, var(--primary), var(--primary-2));\r\n      box-shadow: 0 7px 18px rgba(15,76,129,.19);\r\n      font-size: 20px;\r\n    }\r\n\r\n    .event-item:nth-child(3n+2) .event-icon {\r\n      background: linear-gradient(135deg, var(--secondary), #0b8b70);\r\n      box-shadow: 0 7px 18px rgba(17,166,131,.18);\r\n    }\r\n\r\n    .event-item:nth-child(3n) .event-icon {\r\n      background: linear-gradient(135deg, #e48317, var(--accent));\r\n      box-shadow: 0 7px 18px rgba(242,169,0,.18);\r\n    }\r\n\r\n    .event-title {\r\n      margin: 0;\r\n      color: var(--ink);\r\n      font-size: clamp(14px, 1.5vw, 17px);\r\n      font-weight: 800;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .event-sub {\r\n      margin-top: 4px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n    }\r\n\r\n    .event-date {\r\n      min-width: 112px;\r\n      padding: 9px 12px;\r\n      border-radius: 999px;\r\n      text-align: center;\r\n      color: var(--primary);\r\n      background: #eef6ff;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .panel-footer {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      padding: 15px clamp(18px, 3vw, 34px);\r\n      border-top: 1px solid var(--line);\r\n      color: var(--muted);\r\n      background: #fbfdff;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .updated-time { color: var(--primary); font-weight: 800; }\r\n\r\n    @media (max-width: 760px) {\r\n      .page-shell {\r\n        width: min(100% - 20px, 1180px);\r\n        padding: 14px 0 24px;\r\n      }\r\n\r\n      .news-panel { border-radius: 18px; }\r\n\r\n      .panel-header {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n        padding: 24px 20px;\r\n      }\r\n\r\n      .date-card {\r\n        min-width: 0;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        align-items: end;\r\n        gap: 10px;\r\n      }\r\n\r\n      .date-card .label { grid-column: 1 \/ -1; }\r\n      #liveTime { margin: 0; font-size: 18px; }\r\n\r\n      .toolbar { padding: 14px 14px; }\r\n      .toolbar-note { max-width: 180px; }\r\n      .pause-btn { padding: 9px 11px; }\r\n\r\n      .events-viewport {\r\n        height: 62vh;\r\n        min-height: 390px;\r\n        padding: 7px 8px 12px;\r\n      }\r\n\r\n      .event-item {\r\n        grid-template-columns: 48px minmax(0, 1fr);\r\n        gap: 11px;\r\n        padding: 13px 8px;\r\n      }\r\n\r\n      .event-icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 13px;\r\n        font-size: 18px;\r\n      }\r\n\r\n      .event-date {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n        min-width: 0;\r\n        margin-top: -2px;\r\n        padding: 6px 10px;\r\n      }\r\n\r\n      .event-sub { display: none; }\r\n      .panel-footer { flex-direction: column; align-items: flex-start; }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n      h1 { font-size: 27px; }\r\n      .subtitle { font-size: 13px; }\r\n      .date-card { grid-template-columns: 1fr; }\r\n      #liveTime { margin-top: 2px; }\r\n      .toolbar-icon { display: none; }\r\n      .toolbar-note { max-width: 150px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *, *::before, *::after {\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n  \r\n\/* Common icon for every News & Events item *\/\r\n.event-icon, .news-icon, .item-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n  <main class=\"page-shell\">\r\n    <section class=\"news-panel\" aria-labelledby=\"newsHeading\">\r\n      <header class=\"panel-header\">\r\n        <div class=\"title-wrap\">\r\n          <div class=\"eyebrow\"><span class=\"live-dot\"><\/span> Latest campus updates<\/div>\r\n          <h1 id=\"newsHeading\">News &amp; Events<\/h1>\r\n          <p class=\"subtitle\">Stay informed about academic programmes, celebrations, examinations, workshops, field trips and important school activities.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"date-card\" aria-live=\"polite\">\r\n          <div class=\"label\">Automatic Date &amp; Time<\/div>\r\n          <div id=\"liveDate\">Loading date\u2026<\/div>\r\n          <div id=\"liveTime\">--:--:--<\/div>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"toolbar\">\r\n        <div class=\"toolbar-copy\">\r\n          <!--<div class=\"toolbar-icon\" aria-hidden=\"true\">\ud83d\udcc5<\/div>-->\r\n          <div>\r\n            <!--<div class=\"toolbar-title\">School Activity Timeline<\/div>-->\r\n            <!--<div class=\"toolbar-note\">Scroll manually or use automatic movement<\/div>-->\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"pause-btn\" id=\"pauseBtn\" type=\"button\" aria-pressed=\"false\">Pause Auto Scroll<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"events-viewport\" id=\"eventsViewport\" tabindex=\"0\" aria-label=\"News and events list\">\r\n        <ul class=\"events-list\" id=\"eventsList\">\r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">Summer Camp<\/p><div class=\"event-sub\">Student activity<\/div><\/div><span class=\"event-date\">April 21<\/span><\/li>\r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">School Reopen \u2013 2025\u201326<\/p><div class=\"event-sub\">Academic calendar<\/div><\/div><span class=\"event-date\">June 06<\/span><\/li>\r\n          \r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">International Day of Yoga<\/p><div class=\"event-sub\">Wellness programme<\/div><\/div><span class=\"event-date\">June 21<\/span><\/li>\r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">English Expo \u2013 Britannica<\/p><div class=\"event-sub\">Academic expo<\/div><\/div><span class=\"event-date\">August 06<\/span><\/li>\r\n          \r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">Krishna Jayanthi Celebration<\/p><div class=\"event-sub\">Celebration<\/div><\/div><span class=\"event-date\">August 14<\/span><\/li>\r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">Independence Day \u2013 Investiture Ceremony<\/p><div class=\"event-sub\">National celebration<\/div><\/div><span class=\"event-date\">August 15<\/span><\/li>\r\n          \r\n          \r\n          <li class=\"event-item\"><span class=\"event-icon\">\ud83d\udcc5<\/span><div><p class=\"event-title\">Teachers' Day<\/p><div class=\"event-sub\">Celebration<\/div><\/div><span class=\"event-date\">September 04<\/span><\/li>\r\n          \r\n    \r\n         \r\n         \r\n          \r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <footer class=\"panel-footer\">\r\n        <span><\/span>\r\n        <span> <span class=\"updated-time\" id=\"updatedTime\">--<\/span><\/span>\r\n      <\/footer>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <script>\r\n    (function () {\r\n      const liveDate = document.getElementById('liveDate');\r\n      const liveTime = document.getElementById('liveTime');\r\n      const updatedTime = document.getElementById('updatedTime');\r\n      const viewport = document.getElementById('eventsViewport');\r\n      const pauseBtn = document.getElementById('pauseBtn');\r\n\r\n      function updateClock() {\r\n        const now = new Date();\r\n        liveDate.textContent = new Intl.DateTimeFormat('en-IN', {\r\n          weekday: 'long',\r\n          day: '2-digit',\r\n          month: 'long',\r\n          year: 'numeric'\r\n        }).format(now);\r\n\r\n        liveTime.textContent = new Intl.DateTimeFormat('en-IN', {\r\n          hour: '2-digit',\r\n          minute: '2-digit',\r\n          second: '2-digit',\r\n          hour12: true\r\n        }).format(now);\r\n\r\n        updatedTime.textContent = new Intl.DateTimeFormat('en-IN', {\r\n          day: '2-digit',\r\n          month: 'short',\r\n          year: 'numeric',\r\n          hour: '2-digit',\r\n          minute: '2-digit',\r\n          hour12: true\r\n        }).format(now);\r\n      }\r\n\r\n      updateClock();\r\n      setInterval(updateClock, 1000);\r\n\r\n      \/\/ Reliable continuous auto-scroll.\r\n      \/\/ It does NOT pause on mouse hover; only the button controls pause\/resume.\r\n      let paused = false;\r\n      let autoScrollTimer = null;\r\n      const scrollStep = 1;      \/\/ pixels per tick\r\n      const scrollDelay = 28;    \/\/ lower = faster\r\n\r\n      function startAutoScroll() {\r\n        if (autoScrollTimer) clearInterval(autoScrollTimer);\r\n\r\n        autoScrollTimer = setInterval(function () {\r\n          if (paused) return;\r\n\r\n          const maxScroll = viewport.scrollHeight - viewport.clientHeight;\r\n          if (maxScroll <= 0) return;\r\n\r\n          viewport.scrollTop += scrollStep;\r\n\r\n          \/\/ When the bottom is reached, smoothly restart from the top.\r\n          if (viewport.scrollTop >= maxScroll - 1) {\r\n            setTimeout(function () {\r\n              if (!paused) viewport.scrollTop = 0;\r\n            }, 700);\r\n          }\r\n        }, scrollDelay);\r\n      }\r\n\r\n      \/\/ Start shortly after the page is ready so Elementor\/WordPress layout can settle.\r\n      setTimeout(startAutoScroll, 800);\r\n\r\n      pauseBtn.addEventListener('click', function () {\r\n        paused = !paused;\r\n        pauseBtn.textContent = paused ? 'Resume Auto Scroll' : 'Pause Auto Scroll';\r\n        pauseBtn.setAttribute('aria-pressed', String(paused));\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e0e71b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8e0e71b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a6bee3\" data-id=\"3a6bee3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f02b18 elementor-widget elementor-widget-text-editor\" data-id=\"5f02b18\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Join our Team!<\/p><p>Vacancies for Physics PGT, Maths PRT, Tamil PRT &amp; Librarian<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Join our Team!<br \/>\nVacancies for Physics PGT, Maths PRT, Tamil PRT &#038;  Librarian<\/p>\n","protected":false},"author":1,"featured_media":1404,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1059","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/pages\/1059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/comments?post=1059"}],"version-history":[{"count":192,"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/pages\/1059\/revisions"}],"predecessor-version":[{"id":1477,"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/pages\/1059\/revisions\/1477"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/media\/1404"}],"wp:attachment":[{"href":"https:\/\/drsrkvcbseschool.com\/gallery\/wp-json\/wp\/v2\/media?parent=1059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}