{"id":10136,"date":"2026-09-27T11:05:52","date_gmt":"2026-09-27T05:35:52","guid":{"rendered":"https:\/\/shsdharamshala.com\/?page_id=10136"},"modified":"2026-09-29T09:14:11","modified_gmt":"2026-09-29T03:44:11","slug":"fee-structure","status":"publish","type":"page","link":"https:\/\/shsdharamshala.com\/?page_id=10136","title":{"rendered":"Fee Structure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10136\" class=\"elementor elementor-10136\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d8cd9 e-flex e-con-boxed e-con e-parent\" data-id=\"09d8cd9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad7572 elementor-widget elementor-widget-heading\" data-id=\"9ad7572\" data-element_type=\"widget\" data-e-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\">School Fee Structure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9179864 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9179864\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-f2ac638\" data-id=\"f2ac638\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-1ea8b58 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1ea8b58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sh-fee-page\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SACRED HEART SR. SEC. SCHOOL\r\n   LKG TO VIII FEE STRUCTURE \u2014 SESSION 2026\u201327\r\n   ========================================================= *\/\r\n\r\n.sh-fee-page{\r\n    --navy:#082d5b;\r\n    --blue:#12569a;\r\n    --blue2:#2379c9;\r\n    --gold:#c79a38;\r\n    --gold2:#f0d58a;\r\n\r\n    --green:#287968;\r\n    --green2:#3c9581;\r\n\r\n    --light:#f5f8fc;\r\n    --text:#26364a;\r\n    --muted:#6c7a89;\r\n    --white:#ffffff;\r\n\r\n    width:100%;\r\n    max-width:1120px;\r\n    margin:0 auto;\r\n    padding:5px 15px 35px;\r\n    box-sizing:border-box;\r\n\r\n    font-family:\r\n        \"Segoe UI\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    color:var(--text);\r\n}\r\n\r\n.sh-fee-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCHOOL HEADER\r\n   ========================================================= *\/\r\n\r\n.sh-fee-header{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #082d5b 0%,\r\n            #12569a 55%,\r\n            #2379c9 100%\r\n        );\r\n\r\n    border-radius:24px;\r\n    padding:26px 30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n\r\n    box-shadow:\r\n        0 15px 40px rgba(8,45,91,.16);\r\n\r\n    margin-bottom:22px;\r\n}\r\n\r\n.sh-fee-header::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:220px;\r\n    height:220px;\r\n\r\n    border:1px solid rgba(255,255,255,.16);\r\n\r\n    border-radius:50%;\r\n\r\n    right:-90px;\r\n    top:-100px;\r\n}\r\n\r\n.sh-fee-header::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:150px;\r\n    height:150px;\r\n\r\n    border:1px solid rgba(240,213,138,.25);\r\n\r\n    border-radius:50%;\r\n\r\n    right:20px;\r\n    bottom:-100px;\r\n}\r\n\r\n\r\n.sh-fee-logo{\r\n    width:82px;\r\n    height:82px;\r\n\r\n    flex:0 0 82px;\r\n\r\n    border-radius:50%;\r\n\r\n    object-fit:cover;\r\n\r\n    background:#fff;\r\n\r\n    padding:5px;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(0,0,0,.18);\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n.sh-fee-heading{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\r\n.sh-fee-school-name{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(20px,3vw,30px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:.2px;\r\n}\r\n\r\n\r\n.sh-fee-location{\r\n    margin:5px 0 0;\r\n\r\n    color:rgba(255,255,255,.82);\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.sh-fee-title{\r\n    margin:8px 0 0;\r\n\r\n    color:var(--gold2);\r\n\r\n    font-size:clamp(13px,2vw,16px);\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLASS SELECTION NOTE\r\n   ========================================================= *\/\r\n\r\n.sh-fee-class-note{\r\n    text-align:center;\r\n\r\n    margin:0 0 12px;\r\n\r\n    padding:10px 15px;\r\n\r\n    color:#526477;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.15px;\r\n}\r\n\r\n.sh-fee-class-note span{\r\n    display:inline-block;\r\n\r\n    padding:8px 17px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f8fbff,\r\n            #eef5fc\r\n        );\r\n\r\n    border:1px solid #dce7f2;\r\n\r\n    box-shadow:\r\n        0 4px 14px rgba(20,53,85,.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLASS TABS\r\n   ========================================================= *\/\r\n\r\n.sh-fee-class-tabs{\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    margin-bottom:18px;\r\n}\r\n\r\n\r\n.sh-fee-class-btn{\r\n    border:1px solid #d7e1ed;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--navy);\r\n\r\n    padding:12px 22px;\r\n\r\n    border-radius:50px;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:700;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.sh-fee-class-btn:hover{\r\n    background:var(--gold);\r\n\r\n    color:#fff;\r\n\r\n    border-color:var(--gold);\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(199,154,56,.18);\r\n}\r\n\r\n\r\n.sh-fee-class-btn.active{\r\n    background:var(--navy);\r\n\r\n    color:#fff;\r\n\r\n    border-color:var(--navy);\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(8,45,91,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UKG STUDENT CATEGORY\r\n   ========================================================= *\/\r\n\r\n.sh-fee-type-wrap{\r\n    display:none;\r\n\r\n    background:#f8fafc;\r\n\r\n    border:1px solid #e3eaf2;\r\n\r\n    border-radius:18px;\r\n\r\n    padding:14px;\r\n\r\n    margin-bottom:18px;\r\n}\r\n\r\n\r\n.sh-fee-type-wrap.show{\r\n    display:block;\r\n}\r\n\r\n\r\n.sh-fee-type-title{\r\n    text-align:center;\r\n\r\n    margin:0 0 12px;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n    color:var(--muted);\r\n\r\n    letter-spacing:.4px;\r\n}\r\n\r\n\r\n.sh-fee-type-buttons{\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:12px;\r\n\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON CATEGORY BUTTON\r\n   ========================================================= *\/\r\n\r\n.sh-fee-type-btn{\r\n\r\n    flex:1;\r\n\r\n    min-width:230px;\r\n\r\n    border:1px solid #d9e2ec;\r\n\r\n    border-radius:13px;\r\n\r\n    padding:14px 17px;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n\r\n    cursor:pointer;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    transition:\r\n        background .45s ease,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEW ADMISSION \u2014 BLUE NORMAL\r\n   ========================================================= *\/\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]{\r\n\r\n    color:#12569a;\r\n\r\n    border-color:#8bb9df;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f7fbff,\r\n            #edf7ff\r\n        );\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:75px;\r\n    height:75px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(35,121,201,.08);\r\n\r\n    right:-25px;\r\n    top:-30px;\r\n\r\n    transition:\r\n        transform .5s ease,\r\n        background .45s ease;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:-130%;\r\n\r\n    width:65%;\r\n    height:100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            transparent,\r\n            rgba(255,255,255,.42),\r\n            transparent\r\n        );\r\n\r\n    transform:skewX(-20deg);\r\n\r\n    transition:left .65s ease;\r\n\r\n    pointer-events:none;\r\n\r\n    z-index:1;\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]:hover{\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #087f5b 0%,\r\n            #14966f 48%,\r\n            #c99a2e 100%\r\n        ) !important;\r\n\r\n    color:#ffffff !important;\r\n\r\n    border-color:#d4af37 !important;\r\n\r\n    transform:\r\n        translateY(-4px)\r\n        scale(1.025);\r\n\r\n    box-shadow:\r\n        0 11px 28px rgba(8,127,91,.30),\r\n        0 0 18px rgba(201,154,46,.22);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]:hover::before{\r\n    left:150%;\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"]:hover::after{\r\n\r\n    transform:scale(2.4);\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"].active{\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #12569a,\r\n            #2379c9\r\n        );\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:#12569a;\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(18,86,154,.22);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"].active:hover{\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #087f5b 0%,\r\n            #14966f 48%,\r\n            #c99a2e 100%\r\n        ) !important;\r\n\r\n    color:#ffffff !important;\r\n\r\n    border-color:#d4af37 !important;\r\n\r\n    transform:\r\n        translateY(-4px)\r\n        scale(1.025);\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(8,127,91,.35),\r\n        0 0 20px rgba(201,154,46,.25);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"].active:hover::before{\r\n    left:150%;\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"new\"].active:hover::after{\r\n\r\n    transform:scale(2.5);\r\n\r\n    background:\r\n        rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGULAR PROMOTED \u2014 TEAL\/GREEN\r\n   ========================================================= *\/\r\n\r\n.sh-fee-type-btn[data-type=\"regular\"]{\r\n\r\n    color:#082d5b;\r\n\r\n    border-color:#082d5b;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f5fcfa,\r\n            #eaf8f4\r\n        );\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"regular\"]::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:70px;\r\n    height:70px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(40,121,104,.08);\r\n\r\n    right:-25px;\r\n    top:-30px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"regular\"]:hover{\r\n\r\n    background:#287968;\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:#287968;\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 10px 24px rgba(40,121,104,.25);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"regular\"]:hover::after{\r\n\r\n    transform:scale(2.2);\r\n\r\n    background:rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.sh-fee-type-btn[data-type=\"regular\"].active{\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #287968,\r\n            #3c9581\r\n        );\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:#287968;\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(40,121,104,.23);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN FEE CONTENT\r\n   ========================================================= *\/\r\n\r\n.sh-fee-content{\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid #e3eaf2;\r\n\r\n    border-radius:24px;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(20,53,85,.08);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP STRIP\r\n   ========================================================= *\/\r\n\r\n.sh-fee-top{\r\n\r\n    padding:20px 24px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:15px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #f8fbff 100%\r\n        );\r\n\r\n    border-bottom:1px solid #e8eef5;\r\n}\r\n\r\n\r\n.sh-fee-current-class{\r\n\r\n    margin:0;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.sh-fee-current-type{\r\n\r\n    margin:4px 0 0;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.sh-fee-quarter-badge{\r\n\r\n    flex:0 0 auto;\r\n\r\n    padding:9px 16px;\r\n\r\n    border-radius:50px;\r\n\r\n    background:#fff7df;\r\n\r\n    color:#8a671b;\r\n\r\n    border:1px solid #eed58e;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUARTER NAVIGATION\r\n   ========================================================= *\/\r\n\r\n.sh-fee-quarter-navigation{\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:12px;\r\n\r\n    padding:20px 20px 8px;\r\n\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\r\n.sh-fee-quarter-btn{\r\n\r\n    padding:13px 26px;\r\n\r\n    font-size:1.05rem;\r\n\r\n    font-weight:650;\r\n\r\n    border:2px solid #2c5aa0;\r\n\r\n    background-color:#ffffff;\r\n\r\n    color:#2c5aa0;\r\n\r\n    border-radius:8px;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        all .3s ease;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.4px;\r\n\r\n    line-height:1.35;\r\n}\r\n\r\n\r\n.sh-fee-quarter-btn:hover{\r\n\r\n    background-color:#ffc107;\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:#ffc107;\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 4px 8px rgba(255,193,7,.3);\r\n}\r\n\r\n\r\n.sh-fee-quarter-btn.active{\r\n\r\n    background-color:#2c5aa0;\r\n\r\n    color:#ffffff;\r\n\r\n    border-color:#2c5aa0;\r\n\r\n    box-shadow:\r\n        0 4px 12px rgba(44,90,160,.4);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLE\r\n   ========================================================= *\/\r\n\r\n.sh-fee-table-wrap{\r\n\r\n    padding:18px 20px 10px;\r\n\r\n    overflow-x:auto;\r\n}\r\n\r\n\r\n.sh-fee-table{\r\n\r\n    width:100%;\r\n\r\n    border-collapse:separate;\r\n\r\n    border-spacing:0;\r\n\r\n    min-width:650px;\r\n}\r\n\r\n\r\n.sh-fee-table thead th{\r\n\r\n    padding:13px 14px;\r\n\r\n    background:var(--navy);\r\n\r\n    color:#fff;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.5px;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n.sh-fee-table thead th:first-child{\r\n\r\n    border-radius:10px 0 0 10px;\r\n\r\n    width:55px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.sh-fee-table thead th:last-child{\r\n\r\n    border-radius:0 10px 10px 0;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n.sh-fee-table tbody td{\r\n\r\n    padding:14px;\r\n\r\n    border-bottom:1px solid #edf1f5;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.45;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n.sh-fee-table tbody tr:last-child td{\r\n\r\n    border-bottom:none;\r\n}\r\n\r\n\r\n.sh-fee-table tbody tr:hover td{\r\n\r\n    background:#fbfcfe;\r\n}\r\n\r\n\r\n.sh-fee-no{\r\n\r\n    width:55px;\r\n\r\n    text-align:center;\r\n\r\n    color:var(--gold);\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n.sh-fee-particular{\r\n\r\n    color:var(--text);\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.sh-fee-month{\r\n\r\n    color:#657486;\r\n\r\n    font-size:13px;\r\n}\r\n\r\n\r\n.sh-fee-amount{\r\n\r\n    text-align:right;\r\n\r\n    color:var(--navy);\r\n\r\n    font-weight:800;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUARTER TOTAL \u2014 YELLOW\r\n   ========================================================= *\/\r\n\r\n.sh-fee-total{\r\n\r\n    margin:0 20px 18px;\r\n\r\n    border-radius:16px;\r\n\r\n    padding:16px 20px;\r\n\r\n    background:#ffc107;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:15px;\r\n\r\n    color:#082d5b;\r\n\r\n    border:1px solid #e5b82f;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(224,173,0,.20);\r\n}\r\n\r\n\r\n.sh-fee-total-label{\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:800;\r\n\r\n    color:#082d5b;\r\n}\r\n\r\n\r\n.sh-fee-total-value{\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:900;\r\n\r\n    color:#082d5b;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMPORTANT ADMISSION NOTE \u2014 LKG TO VIII\r\n   ========================================================= *\/\r\n\r\n.sh-fee-admission-note{\r\n\r\n    display:none;\r\n\r\n    margin:0 20px 20px;\r\n\r\n    padding:18px 20px;\r\n\r\n    border-radius:17px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #fffaf0 0%,\r\n            #fff6d9 55%,\r\n            #fffdf6 100%\r\n        );\r\n\r\n    border:1px solid #ecd58e;\r\n\r\n    box-shadow:\r\n        0 7px 20px rgba(199,154,56,.10);\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n.sh-fee-admission-note::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n\r\n    width:5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #c79a38,\r\n            #f0d58a\r\n        );\r\n}\r\n\r\n\r\n.sh-fee-admission-note.show{\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n.sh-fee-admission-note-title{\r\n\r\n    margin:0 0 7px;\r\n\r\n    color:#8a671b;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.sh-fee-admission-note-text{\r\n\r\n    margin:0;\r\n\r\n    color:#5d5a4d;\r\n\r\n    font-size:12.5px;\r\n\r\n    line-height:1.7;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n.sh-fee-admission-note-text strong{\r\n\r\n    color:#082d5b;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n.sh-fee-note{\r\n\r\n    text-align:center;\r\n\r\n    margin:15px 5px 0;\r\n\r\n    color:#7b8794;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n    .sh-fee-header{\r\n\r\n        padding:23px;\r\n\r\n    }\r\n\r\n    .sh-fee-table-wrap{\r\n\r\n        padding-left:15px;\r\n        padding-right:15px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .sh-fee-page{\r\n\r\n        padding:12px 8px 25px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-header{\r\n\r\n        padding:20px 17px;\r\n\r\n        border-radius:18px;\r\n\r\n        gap:14px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-logo{\r\n\r\n        width:62px;\r\n\r\n        height:62px;\r\n\r\n        flex-basis:62px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-school-name{\r\n\r\n        font-size:19px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-location{\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-title{\r\n\r\n        font-size:11px;\r\n\r\n        letter-spacing:1px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-note{\r\n\r\n        font-size:11px;\r\n\r\n        margin-bottom:9px;\r\n\r\n        padding:7px 5px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-note span{\r\n\r\n        padding:7px 13px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-tabs{\r\n\r\n        gap:7px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-btn{\r\n\r\n        flex:1 1 calc(33.333% - 7px);\r\n\r\n        min-width:0;\r\n\r\n        padding:10px 8px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-type-buttons{\r\n\r\n        flex-direction:column;\r\n\r\n        gap:9px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-type-btn{\r\n\r\n        width:100%;\r\n\r\n        min-width:0;\r\n\r\n        padding:13px 14px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-type-btn:hover{\r\n\r\n        transform:translateY(-2px);\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-content{\r\n\r\n        border-radius:18px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-top{\r\n\r\n        padding:17px 15px;\r\n\r\n        align-items:flex-start;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-current-class{\r\n\r\n        font-size:17px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-current-type{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-quarter-badge{\r\n\r\n        font-size:11px;\r\n\r\n        padding:8px 11px;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       QUARTER BUTTONS \u2014 MOBILE\r\n       ===================================================== *\/\r\n\r\n    .sh-fee-quarter-navigation{\r\n\r\n        gap:7px;\r\n\r\n        padding:16px 10px 6px;\r\n\r\n        margin-bottom:0;\r\n\r\n        justify-content:center;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-quarter-btn{\r\n\r\n        flex:1 1 calc(50% - 7px);\r\n\r\n        min-width:120px;\r\n\r\n        min-height:45px;\r\n\r\n        padding:10px 8px;\r\n\r\n        font-size:.95rem;\r\n\r\n        line-height:1.3;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-table-wrap{\r\n\r\n        padding:14px 10px 8px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-table{\r\n\r\n        min-width:590px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-table thead th{\r\n\r\n        padding:11px 9px;\r\n\r\n        font-size:10px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-table tbody td{\r\n\r\n        padding:11px 9px;\r\n\r\n        font-size:12px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-month{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-total{\r\n\r\n        margin:0 10px 15px;\r\n\r\n        padding:14px 15px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-total-label{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-total-value{\r\n\r\n        font-size:17px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-admission-note{\r\n\r\n        margin:0 10px 15px;\r\n\r\n        padding:16px 15px 16px 18px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-admission-note-title{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-admission-note-text{\r\n\r\n        font-size:11px;\r\n\r\n        line-height:1.65;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:400px){\r\n\r\n    .sh-fee-header{\r\n\r\n        align-items:flex-start;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-logo{\r\n\r\n        width:54px;\r\n\r\n        height:54px;\r\n\r\n        flex-basis:54px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-school-name{\r\n\r\n        font-size:17px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-location{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-top{\r\n\r\n        flex-direction:column;\r\n\r\n        gap:8px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-quarter-badge{\r\n\r\n        align-self:flex-start;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-btn{\r\n\r\n        flex:1 1 calc(25% - 7px);\r\n\r\n        font-size:11px;\r\n\r\n        padding:9px 6px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:360px){\r\n\r\n    .sh-fee-quarter-btn{\r\n\r\n        min-width:105px;\r\n\r\n        font-size:.9rem;\r\n\r\n        padding:9px 6px;\r\n\r\n    }\r\n\r\n\r\n    .sh-fee-class-btn{\r\n\r\n        font-size:10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     SCHOOL HEADER\r\n     ======================================================= -->\r\n\r\n<header class=\"sh-fee-header\">\r\n\r\n    <img decoding=\"async\"\r\n        class=\"sh-fee-logo\"\r\n        src=\"https:\/\/shsdharamshala.com\/wp-content\/uploads\/2026\/09\/school-logo-final-2.jpg\"\r\n        alt=\"Sacred Heart Sr. Sec. School Sidhpur Logo\"\r\n    >\r\n\r\n    <div class=\"sh-fee-heading\">\r\n\r\n        <h1 class=\"sh-fee-school-name\">\r\n            Sacred Heart Sr. Sec. School Sidhpur\r\n        <\/h1>\r\n\r\n        <p class=\"sh-fee-location\">\r\n            Sidhpur, Dharamshala\r\n        <\/p>\r\n\r\n        <p\r\n            class=\"sh-fee-title\"\r\n            id=\"sh-fee-main-title\"\r\n        >\r\n            LKG Fee Structure \u2022 Session 2026\u201327\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- =======================================================\r\n     CLASS SELECTION NOTE\r\n     ======================================================= -->\r\n\r\n<div class=\"sh-fee-class-note\">\r\n\r\n    <span>\r\n        Select a Class Below to View the Applicable Fee Structure\r\n    <\/span>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     CLASS SELECTION\r\n     ======================================================= -->\r\n\r\n<div class=\"sh-fee-class-tabs\">\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn active\"\r\n        data-class=\"lkg\"\r\n    >\r\n        Class LKG\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"ukg\"\r\n    >\r\n        Class UKG\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class1\"\r\n    >\r\n        Class I\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class2\"\r\n    >\r\n        Class II\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class3\"\r\n    >\r\n        Class III\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class4\"\r\n    >\r\n        Class IV\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class5\"\r\n    >\r\n        Class V\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class6\"\r\n    >\r\n        Class VI\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class7\"\r\n    >\r\n        Class VII\r\n    <\/button>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"sh-fee-class-btn\"\r\n        data-class=\"class8\"\r\n    >\r\n        Class VIII\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     UKG STUDENT CATEGORY\r\n     ======================================================= -->\r\n\r\n<div\r\n    class=\"sh-fee-type-wrap\"\r\n    id=\"sh-fee-type-wrap\"\r\n>\r\n\r\n    <p class=\"sh-fee-type-title\">\r\n        Select Student Category\r\n    <\/p>\r\n\r\n    <div class=\"sh-fee-type-buttons\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-type-btn active\"\r\n            data-type=\"new\"\r\n        >\r\n            New Admission Students\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-type-btn\"\r\n            data-type=\"regular\"\r\n        >\r\n            Regular Promoted Students\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     MAIN FEE CONTENT\r\n     ======================================================= -->\r\n\r\n<div class=\"sh-fee-content\">\r\n\r\n    <div class=\"sh-fee-top\">\r\n\r\n        <div>\r\n\r\n            <h2\r\n                class=\"sh-fee-current-class\"\r\n                id=\"sh-fee-current-class\"\r\n            >\r\n                LKG \u2013 New Admission\r\n            <\/h2>\r\n\r\n            <p\r\n                class=\"sh-fee-current-type\"\r\n                id=\"sh-fee-current-type\"\r\n            >\r\n                Fee Structure for New Admission Students\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"sh-fee-quarter-badge\"\r\n            id=\"sh-fee-quarter-badge\"\r\n        >\r\n            Quarter 1\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         QUARTER NAVIGATION\r\n         =================================================== -->\r\n\r\n    <div class=\"sh-fee-quarter-navigation\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-quarter-btn active\"\r\n            data-quarter=\"0\"\r\n        >\r\n            Quarter 1\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-quarter-btn\"\r\n            data-quarter=\"1\"\r\n        >\r\n            Quarter 2\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-quarter-btn\"\r\n            data-quarter=\"2\"\r\n        >\r\n            Quarter 3\r\n        <\/button>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sh-fee-quarter-btn\"\r\n            data-quarter=\"3\"\r\n        >\r\n            Quarter 4\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         TABLE\r\n         =================================================== -->\r\n\r\n    <div class=\"sh-fee-table-wrap\">\r\n\r\n        <table class=\"sh-fee-table\">\r\n\r\n            <thead>\r\n\r\n                <tr>\r\n\r\n                    <th>#<\/th>\r\n\r\n                    <th>Particulars<\/th>\r\n\r\n                    <th>Month \/ Period<\/th>\r\n\r\n                    <th>Amount<\/th>\r\n\r\n                <\/tr>\r\n\r\n            <\/thead>\r\n\r\n            <tbody id=\"sh-fee-table-body\"><\/tbody>\r\n\r\n        <\/table>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         QUARTER TOTAL\r\n         =================================================== -->\r\n\r\n    <div class=\"sh-fee-total\">\r\n\r\n        <div class=\"sh-fee-total-label\">\r\n            Quarter Total\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"sh-fee-total-value\"\r\n            id=\"sh-fee-total\"\r\n        >\r\n            \u20b926,800.00\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         IMPORTANT NOTE\r\n         =================================================== -->\r\n\r\n    <div\r\n        class=\"sh-fee-admission-note\"\r\n        id=\"sh-fee-admission-note\"\r\n    >\r\n\r\n        <h3 class=\"sh-fee-admission-note-title\">\r\n            Important Note\r\n        <\/h3>\r\n\r\n        <p class=\"sh-fee-admission-note-text\">\r\n\r\n            The <strong>Admission Fee of \u20b914,000\/-<\/strong> is payable\r\n            <strong>only once at the time of admission<\/strong>, whether\r\n            the student is admitted to <strong>LKG or any class from UKG to XI<\/strong>.\r\n            The Admission Fee and other applicable\r\n            <strong>one-time admission charges<\/strong> will not be charged\r\n            again when the student is promoted to the next class.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<p class=\"sh-fee-note\">\r\n\r\n    Fee details are presented quarter-wise as per the school fee structure.\r\n\r\n<\/p>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    \/* =====================================================\r\n       FEE DATA\r\n       ===================================================== *\/\r\n\r\n    const feeData = {\r\n\r\n        \/* =================================================\r\n           LKG\r\n           ================================================= *\/\r\n\r\n        lkg: {\r\n\r\n            name:\"LKG Class \u2013 New Admission\",\r\n\r\n            type:\"Fee Structure for New Admission Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n\r\n                    rows:[\r\n\r\n                        [\"Admission Fee\",\"February 2026\",\"\u20b914,000.00\"],\r\n                        [\"Development Fee\",\"February 2026\",\"\u20b93,000.00\"],\r\n                        [\"Craft\",\"February 2026\",\"\u20b9300.00\"],\r\n                        [\"Exam Fee\",\"February 2026\",\"\u20b91,000.00\"],\r\n                        [\"Annual Requisites\",\"February 2026\",\"\u20b93,000.00\"],\r\n                        [\"Tuition Fee\",\"February 2026 to March 2026\",\"\u20b94,800.00\"],\r\n                        [\"Campus Care\",\"February 2026 to March 2026\",\"\u20b9200.00\"],\r\n                        [\"Smart Class\",\"February 2026 to March 2026\",\"\u20b9500.00\"]\r\n\r\n                    ],\r\n\r\n                    total:\"\u20b926,800.00\"\r\n\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n\r\n                    rows:[\r\n\r\n                        [\"Tuition Fee\",\"April 2026 to June 2026\",\"\u20b97,200.00\"],\r\n                        [\"Campus Care\",\"April 2026 to June 2026\",\"\u20b9300.00\"],\r\n                        [\"Smart Class\",\"April 2026 to June 2026\",\"\u20b9750.00\"]\r\n\r\n                    ],\r\n\r\n                    total:\"\u20b98,250.00\"\r\n\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n\r\n                    rows:[\r\n\r\n                        [\"Tuition Fee\",\"July 2026 to October 2026\",\"\u20b99,600.00\"],\r\n                        [\"Campus Care\",\"July 2026 to October 2026\",\"\u20b9400.00\"],\r\n                        [\"Smart Class\",\"July 2026 to October 2026\",\"\u20b91,000.00\"]\r\n\r\n                    ],\r\n\r\n                    total:\"\u20b911,000.00\"\r\n\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n\r\n                    rows:[\r\n\r\n                        [\"Tuition Fee\",\"November 2026 to January 2027\",\"\u20b97,200.00\"],\r\n                        [\"Campus Care\",\"November 2026 to January 2027\",\"\u20b9300.00\"],\r\n                        [\"Smart Class\",\"November 2026 to January 2027\",\"\u20b9750.00\"]\r\n\r\n                    ],\r\n\r\n                    total:\"\u20b98,250.00\"\r\n\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           UKG\r\n           ================================================= *\/\r\n\r\n        ukg: {\r\n\r\n            new: {\r\n\r\n                name:\"UKG Class \u2013 New Admission\",\r\n\r\n                type:\"Fee Structure for New Admission Students\",\r\n\r\n                quarters:[\r\n\r\n                    {\r\n                        title:\"Quarter 1\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Admission Fee\",\"February 2026\",\"\u20b914,000.00\"],\r\n                            [\"Development Fee\",\"February 2026\",\"\u20b93,000.00\"],\r\n                            [\"Craft\",\"February 2026\",\"\u20b9300.00\"],\r\n                            [\"Exam Fee\",\"February 2026\",\"\u20b91,000.00\"],\r\n                            [\"Annual Requisites\",\"February 2026\",\"\u20b93,000.00\"],\r\n                            [\"Tuition Fee\",\"February 2026 to March 2026\",\"\u20b94,800.00\"],\r\n                            [\"Smart Class\",\"February 2026 to March 2026\",\"\u20b9500.00\"],\r\n                            [\"Campus Care\",\"February 2026 to March 2026\",\"\u20b9200.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b926,800.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 2\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"April 2026 to June 2026\",\"\u20b97,200.00\"],\r\n                            [\"Smart Class\",\"April 2026 to June 2026\",\"\u20b9750.00\"],\r\n                            [\"Campus Care\",\"April 2026 to June 2026\",\"\u20b9300.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b98,250.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 3\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"July 2026 to October 2026\",\"\u20b99,600.00\"],\r\n                            [\"Smart Class\",\"July 2026 to October 2026\",\"\u20b91,000.00\"],\r\n                            [\"Campus Care\",\"July 2026 to October 2026\",\"\u20b9400.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b911,000.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 4\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"November 2026 to January 2027\",\"\u20b97,200.00\"],\r\n                            [\"Smart Class\",\"November 2026 to January 2027\",\"\u20b9750.00\"],\r\n                            [\"Campus Care\",\"November 2026 to January 2027\",\"\u20b9300.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b98,250.00\"\r\n\r\n                    }\r\n\r\n                ]\r\n\r\n            },\r\n\r\n\r\n            regular: {\r\n\r\n                name:\"UKG Class \u2013 Regular Promoted Students\",\r\n\r\n                type:\"Fee Structure for Regular Promoted Students\",\r\n\r\n                quarters:[\r\n\r\n                    {\r\n                        title:\"Quarter 1\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Development Fee\",\"February 2026\",\"\u20b92,500.00\"],\r\n                            [\"Exam Fee\",\"February 2026\",\"\u20b91,000.00\"],\r\n                            [\"Annual Requisites\",\"February 2026\",\"\u20b93,000.00\"],\r\n                            [\"Tuition Fee\",\"February 2026 to March 2026\",\"\u20b94,800.00\"],\r\n                            [\"Smart Class\",\"February 2026 to March 2026\",\"\u20b9500.00\"],\r\n                            [\"Campus Care\",\"February 2026 to March 2026\",\"\u20b9200.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b912,000.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 2\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"April 2026 to June 2026\",\"\u20b97,200.00\"],\r\n                            [\"Smart Class\",\"April 2026 to June 2026\",\"\u20b9750.00\"],\r\n                            [\"Campus Care\",\"April 2026 to June 2026\",\"\u20b9300.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b98,250.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 3\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"July 2026 to October 2026\",\"\u20b99,600.00\"],\r\n                            [\"Smart Class\",\"July 2026 to October 2026\",\"\u20b91,000.00\"],\r\n                            [\"Campus Care\",\"July 2026 to October 2026\",\"\u20b9400.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b911,000.00\"\r\n\r\n                    },\r\n\r\n                    {\r\n                        title:\"Quarter 4\",\r\n\r\n                        rows:[\r\n\r\n                            [\"Tuition Fee\",\"November 2026 to January 2027\",\"\u20b97,200.00\"],\r\n                            [\"Smart Class\",\"November 2026 to January 2027\",\"\u20b9750.00\"],\r\n                            [\"Campus Care\",\"November 2026 to January 2027\",\"\u20b9300.00\"]\r\n\r\n                        ],\r\n\r\n                        total:\"\u20b98,250.00\"\r\n\r\n                    }\r\n\r\n                ]\r\n\r\n            }\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS I\r\n           ================================================= *\/\r\n\r\n        class1:{\r\n\r\n            name:\"Class I\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b913,500.00\"]\r\n                    ],\r\n                    total:\"\u20b913,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b910,300.00\"]\r\n                    ],\r\n                    total:\"\u20b910,300.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS II\r\n           ================================================= *\/\r\n\r\n        class2:{\r\n\r\n            name:\"Class II\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b912,500.00\"]\r\n                    ],\r\n                    total:\"\u20b912,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b910,300.00\"]\r\n                    ],\r\n                    total:\"\u20b910,300.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS III\r\n           ================================================= *\/\r\n\r\n        class3:{\r\n\r\n            name:\"Class III\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b912,500.00\"]\r\n                    ],\r\n                    total:\"\u20b912,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b910,300.00\"]\r\n                    ],\r\n                    total:\"\u20b910,300.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS IV\r\n           ================================================= *\/\r\n\r\n        class4:{\r\n\r\n            name:\"Class IV\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b912,500.00\"]\r\n                    ],\r\n                    total:\"\u20b912,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b910,300.00\"]\r\n                    ],\r\n                    total:\"\u20b910,300.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS V\r\n           ================================================= *\/\r\n\r\n        class5:{\r\n\r\n            name:\"Class V\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b913,500.00\"]\r\n                    ],\r\n                    total:\"\u20b913,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b910,300.00\"]\r\n                    ],\r\n                    total:\"\u20b910,300.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS VI\r\n           ================================================= *\/\r\n\r\n        class6:{\r\n\r\n            name:\"Class VI\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b912,500.00\"]\r\n                    ],\r\n                    total:\"\u20b912,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b99,700.00\"]\r\n                    ],\r\n                    total:\"\u20b99,700.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS VII\r\n           ================================================= *\/\r\n\r\n        class7:{\r\n\r\n            name:\"Class VII\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b912,500.00\"]\r\n                    ],\r\n                    total:\"\u20b912,500.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b99,700.00\"]\r\n                    ],\r\n                    total:\"\u20b99,700.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        \/* =================================================\r\n           CLASS VIII\r\n           ================================================= *\/\r\n\r\n        class8:{\r\n\r\n            name:\"Class VIII\",\r\n\r\n            type:\"Fee Structure for Promoted & Regular Students\",\r\n\r\n            quarters:[\r\n\r\n                {\r\n                    title:\"Quarter 1\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"February 2026 to March 2026\",\"\u20b913,700.00\"]\r\n                    ],\r\n                    total:\"\u20b913,700.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 2\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"April 2026 to June 2026\",\"\u20b99,700.00\"]\r\n                    ],\r\n                    total:\"\u20b99,700.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 3\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"July 2026 to October 2026\",\"\u20b912,000.00\"]\r\n                    ],\r\n                    total:\"\u20b912,000.00\"\r\n                },\r\n\r\n                {\r\n                    title:\"Quarter 4\",\r\n                    rows:[\r\n                        [\"Grand Total\",\"November 2026 to January 2027\",\"\u20b99,000.00\"]\r\n                    ],\r\n                    total:\"\u20b99,000.00\"\r\n                }\r\n\r\n            ]\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       CURRENT STATE\r\n       ===================================================== *\/\r\n\r\n    let currentClass = \"lkg\";\r\n    let currentType = \"new\";\r\n    let currentQuarter = 0;\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTS\r\n       ===================================================== *\/\r\n\r\n    const tableBody =\r\n        document.getElementById(\"sh-fee-table-body\");\r\n\r\n    const currentClassText =\r\n        document.getElementById(\"sh-fee-current-class\");\r\n\r\n    const currentTypeText =\r\n        document.getElementById(\"sh-fee-current-type\");\r\n\r\n    const quarterBadge =\r\n        document.getElementById(\"sh-fee-quarter-badge\");\r\n\r\n    const totalText =\r\n        document.getElementById(\"sh-fee-total\");\r\n\r\n    const typeWrap =\r\n        document.getElementById(\"sh-fee-type-wrap\");\r\n\r\n    const admissionNote =\r\n        document.getElementById(\"sh-fee-admission-note\");\r\n\r\n    const mainTitle =\r\n        document.getElementById(\"sh-fee-main-title\");\r\n\r\n    const quarterButtons =\r\n        document.querySelectorAll(\".sh-fee-quarter-btn\");\r\n\r\n\r\n    \/* =====================================================\r\n       GET CURRENT DATA\r\n       ===================================================== *\/\r\n\r\n    function getCurrentData(){\r\n\r\n        if(currentClass === \"lkg\"){\r\n\r\n            return feeData.lkg;\r\n\r\n        }\r\n\r\n        if(currentClass === \"ukg\"){\r\n\r\n            return feeData.ukg[currentType];\r\n\r\n        }\r\n\r\n        return feeData[currentClass];\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ADMISSION NOTE\r\n       ===================================================== *\/\r\n\r\n    function shouldShowAdmissionNote(){\r\n\r\n        return [\r\n            \"Class lkg\",\r\n            \"Class ukg\",\r\n            \"class1\",\r\n            \"class2\",\r\n            \"class3\",\r\n            \"class4\",\r\n            \"class5\",\r\n            \"class6\",\r\n            \"class7\",\r\n            \"class8\"\r\n        ].includes(currentClass);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOP HEADER CLASS TITLE\r\n       ===================================================== *\/\r\n\r\n    function getHeaderTitle(){\r\n\r\n        const titles = {\r\n\r\n            lkg:\r\n                \"Class LKG Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            ukg:\r\n                \"Class UKG Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class1:\r\n                \"Class I Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class2:\r\n                \"Class II Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class3:\r\n                \"Class III Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class4:\r\n                \"Class IV Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class5:\r\n                \"Class V Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class6:\r\n                \"Class VI Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class7:\r\n                \"Class VII Fee Structure \u2022 Session 2026\u201327\",\r\n\r\n            class8:\r\n                \"Class VIII Fee Structure \u2022 Session 2026\u201327\"\r\n\r\n        };\r\n\r\n        return titles[currentClass]\r\n            || \"Fee Structure \u2022 Session 2026\u201327\";\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER\r\n       ===================================================== *\/\r\n\r\n    function render(){\r\n\r\n        const data = getCurrentData();\r\n\r\n        const quarter =\r\n            data.quarters[currentQuarter];\r\n\r\n\r\n        \/* TOP CONTENT *\/\r\n\r\n        currentClassText.textContent =\r\n            data.name;\r\n\r\n        currentTypeText.textContent =\r\n            data.type;\r\n\r\n        quarterBadge.textContent =\r\n            quarter.title;\r\n\r\n        totalText.textContent =\r\n            quarter.total;\r\n\r\n\r\n        \/* ===============================================\r\n           THIS IS THE MAIN CHANGE:\r\n           TOP BLUE HEADER = SELECTED CLASS\r\n           =============================================== *\/\r\n\r\n        mainTitle.textContent =\r\n            getHeaderTitle();\r\n\r\n\r\n        \/* ===============================================\r\n           UKG CATEGORY\r\n           =============================================== *\/\r\n\r\n        if(currentClass === \"ukg\"){\r\n\r\n            typeWrap.classList.add(\"show\");\r\n\r\n        }\r\n        else{\r\n\r\n            typeWrap.classList.remove(\"show\");\r\n\r\n        }\r\n\r\n\r\n        \/* ===============================================\r\n           ADMISSION NOTE\r\n           =============================================== *\/\r\n\r\n        if(shouldShowAdmissionNote()){\r\n\r\n            admissionNote.classList.add(\"show\");\r\n\r\n        }\r\n        else{\r\n\r\n            admissionNote.classList.remove(\"show\");\r\n\r\n        }\r\n\r\n\r\n        \/* ===============================================\r\n           QUARTER BUTTON ACTIVE\r\n           =============================================== *\/\r\n\r\n        quarterButtons.forEach(\r\n            function(button,index){\r\n\r\n                button.classList.toggle(\r\n                    \"active\",\r\n                    index === currentQuarter\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* ===============================================\r\n           TABLE\r\n           =============================================== *\/\r\n\r\n        tableBody.innerHTML = \"\";\r\n\r\n\r\n        quarter.rows.forEach(\r\n            function(row,index){\r\n\r\n                const tr =\r\n                    document.createElement(\"tr\");\r\n\r\n\r\n                tr.innerHTML = `\r\n\r\n                    <td class=\"sh-fee-no\">\r\n                        ${index + 1}\r\n                    <\/td>\r\n\r\n                    <td class=\"sh-fee-particular\">\r\n                        ${row[0]}\r\n                    <\/td>\r\n\r\n                    <td class=\"sh-fee-month\">\r\n                        ${row[1]}\r\n                    <\/td>\r\n\r\n                    <td class=\"sh-fee-amount\">\r\n                        ${row[2]}\r\n                    <\/td>\r\n\r\n                `;\r\n\r\n\r\n                tableBody.appendChild(tr);\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       QUARTER BUTTONS\r\n       ===================================================== *\/\r\n\r\n    quarterButtons.forEach(\r\n        function(button){\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    const selectedQuarter =\r\n                        parseInt(\r\n                            button.dataset.quarter,\r\n                            10\r\n                        );\r\n\r\n\r\n                    const data =\r\n                        getCurrentData();\r\n\r\n\r\n                    if(\r\n                        selectedQuarter >= 0 &&\r\n                        selectedQuarter <\r\n                        data.quarters.length\r\n                    ){\r\n\r\n                        currentQuarter =\r\n                            selectedQuarter;\r\n\r\n                        render();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CLASS BUTTONS\r\n       ===================================================== *\/\r\n\r\n    document\r\n        .querySelectorAll(\".sh-fee-class-btn\")\r\n        .forEach(\r\n            function(button){\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        \/* ACTIVE CLASS BUTTON *\/\r\n\r\n                        document\r\n                            .querySelectorAll(\r\n                                \".sh-fee-class-btn\"\r\n                            )\r\n                            .forEach(\r\n                                function(btn){\r\n\r\n                                    btn.classList.remove(\r\n                                        \"active\"\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        button.classList.add(\r\n                            \"active\"\r\n                        );\r\n\r\n\r\n                        \/* CHANGE CLASS *\/\r\n\r\n                        currentClass =\r\n                            button.dataset.class;\r\n\r\n\r\n                        \/* ALWAYS START FROM QUARTER 1 *\/\r\n\r\n                        currentQuarter = 0;\r\n\r\n\r\n                        \/* UKG CATEGORY *\/\r\n\r\n                        if(\r\n                            currentClass === \"ukg\"\r\n                        ){\r\n\r\n                            typeWrap.classList.add(\r\n                                \"show\"\r\n                            );\r\n\r\n                        }\r\n                        else{\r\n\r\n                            typeWrap.classList.remove(\r\n                                \"show\"\r\n                            );\r\n\r\n                        }\r\n\r\n\r\n                        \/* UPDATE EVERYTHING *\/\r\n\r\n                        render();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       UKG TYPE BUTTONS\r\n       ===================================================== *\/\r\n\r\n    document\r\n        .querySelectorAll(\".sh-fee-type-btn\")\r\n        .forEach(\r\n            function(button){\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        \/* ACTIVE TYPE *\/\r\n\r\n                        document\r\n                            .querySelectorAll(\r\n                                \".sh-fee-type-btn\"\r\n                            )\r\n                            .forEach(\r\n                                function(btn){\r\n\r\n                                    btn.classList.remove(\r\n                                        \"active\"\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        button.classList.add(\r\n                            \"active\"\r\n                        );\r\n\r\n\r\n                        \/* CHANGE TYPE *\/\r\n\r\n                        currentType =\r\n                            button.dataset.type;\r\n\r\n\r\n                        \/* START QUARTER 1 *\/\r\n\r\n                        currentQuarter = 0;\r\n\r\n\r\n                        \/* UPDATE *\/\r\n\r\n                        render();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL LOAD\r\n       ===================================================== *\/\r\n\r\n    render();\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\r\n\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>School Fee Structure Sacred Heart Sr. Sec. School Sidhpur Sidhpur, Dharamshala LKG Fee Structure \u2022 Session 2026\u201327 Select a Class Below to View the Applicable Fee Structure Class LKG Class UKG Class I Class II Class III Class IV Class V Class VI Class VII Class VIII Select Student Category New Admission Students Regular Promoted [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10136","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/pages\/10136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10136"}],"version-history":[{"count":10,"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/pages\/10136\/revisions"}],"predecessor-version":[{"id":10318,"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=\/wp\/v2\/pages\/10136\/revisions\/10318"}],"wp:attachment":[{"href":"https:\/\/shsdharamshala.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}