{"id":10,"date":"2024-01-29T16:47:57","date_gmt":"2024-01-29T16:47:57","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/smile-dent\/?page_id=10"},"modified":"2026-03-02T08:55:41","modified_gmt":"2026-03-02T08:55:41","slug":"pricing","status":"publish","type":"page","link":"https:\/\/beyondschooltuitions.co.uk\/index.php\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-90dd5fd gspb_row--gutter-custom-0\" id=\"gspb_row-id-gsbp-90dd5fd\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_col-id-gsbp-d560c25\" id=\"gspb_col-id-gsbp-d560c25\">\n\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-2ffee04\" class=\"gspb_heading gspb_heading-id-gsbp-2ffee04\">\n  <span>Simple Pricing for <\/span>\n  <span class=\"text-anim text-anim--rotate js-text-anim\">\n    <span class=\"text-anim__wrapper js-text-anim__wrapper\">\n      <span class=\"text-anim__word js-text-anim__word text-anim__word--active\">Visible Growth<\/span>\n      <span class=\"text-anim__word js-text-anim__word\">Proven Success<\/span>\n      <span class=\"text-anim__word js-text-anim__word\">Lasting Results<\/span>\n    <\/span>\n  <\/span>\n<\/h2>\n\n<style>\n  #gspb_heading-id-gsbp-2ffee04 {\n    font-size: 2.5rem;\n    font-weight: 800 !important;\n    margin-top: 0px;\n    margin-bottom: 20px;\n    line-height: 1.2;\n    color: #333;\n  }\n\n  @media (max-width: 991.98px) {\n    #gspb_heading-id-gsbp-2ffee04 {\n      text-align: center !important;\n      font-size: 35px;\n    }\n  }\n\n  @media (max-width: 575.98px) {\n    #gspb_heading-id-gsbp-2ffee04 {\n      font-size: 30px;\n    }\n  }\n\n  .text-anim__wrapper {\n    position: relative;\n    display: inline-block;\n    vertical-align: bottom;\n    perspective: 300px;\n  }\n\n  .text-anim__word {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: inline-block;\n    white-space: nowrap;\n    opacity: 0;\n    backface-visibility: hidden;\n    transform-origin: 50% 100%;\n    transform: rotateX(-180deg);\n    transition:\n      opacity 0.17s cubic-bezier(0.215, 0.61, 0.355, 1),\n      transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n    color: var(--theme-palette-color-2); \/* Changed to a standard blue highlight; adjust to your brand color *\/\n  }\n\n  .text-anim__word--active {\n    opacity: 1;\n    transform: rotateX(0deg);\n  }\n\n  .text-anim__word--out {\n    opacity: 0;\n    transform: rotateX(180deg);\n    transition:\n      opacity 0.08s cubic-bezier(0.215, 0.61, 0.355, 1),\n      transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  .text-anim__sizer {\n    visibility: hidden;\n    display: inline-block;\n    white-space: nowrap;\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    document.querySelectorAll(\".js-text-anim\").forEach(function (anim) {\n      const wrapper = anim.querySelector(\".js-text-anim__wrapper\");\n      if (!wrapper) return;\n\n      const words = wrapper.querySelectorAll(\".js-text-anim__word\");\n      if (words.length === 0) return;\n\n      let longestText = \"\";\n      words.forEach(function (word) {\n        if (word.textContent.length > longestText.length) {\n          longestText = word.textContent;\n        }\n      });\n\n      var sizer = document.createElement(\"span\");\n      sizer.className = \"text-anim__sizer\";\n      sizer.textContent = longestText;\n      wrapper.appendChild(sizer);\n\n      var currentIndex = Array.from(words).findIndex(function (w) {\n        return w.classList.contains(\"text-anim__word--active\");\n      });\n      if (currentIndex === -1) currentIndex = 0;\n\n      setInterval(function () {\n        var current = words[currentIndex];\n        currentIndex = (currentIndex + 1) % words.length;\n        var next = words[currentIndex];\n\n        current.classList.remove(\"text-anim__word--active\");\n        current.classList.add(\"text-anim__word--out\");\n        next.classList.add(\"text-anim__word--active\");\n\n        setTimeout(function () {\n          current.classList.remove(\"text-anim__word--out\");\n        }, 500);\n      }, 2500); \n    });\n  });\n<\/script>\n\n\n\n<div id=\"gspb_text-id-gsbp-e310166\" class=\"gspb_text gspb_text-id-gsbp-e310166 \">Explore our course fees and find the perfect programme to support your child\u2019s academic journey.<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_col-id-gsbp-2affbd5\" id=\"gspb_col-id-gsbp-2affbd5\">\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-960d7e1\" id=\"gspb_image-id-gsbp-960d7e1\"><img decoding=\"async\" src=\"https:\/\/beyondschooltuitions.co.uk\/wp-content\/uploads\/2026\/02\/image-1.jpg\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"6355\" height=\"4237\"\/><\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<style>\n  .pricing-wrapper {\n    font-family: inherit;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 20px 0;\n  }\n  \n  .pricing-wrapper h2 {\n    margin-bottom: 10px;\n    color: #333;\n    text-align: center;\n  }\n\n  .pricing-wrapper .intro-text {\n    font-size: 1.1rem;\n    color: #555;\n    margin-bottom: 25px;\n    line-height: 1.6;\n    text-align: center;\n  }\n\n  .info-banner {\n    background-color: #f8f9fa;\n    border-left: 5px solid var(--theme-palette-color-1, #0073aa);\n    padding: 20px;\n    border-radius: 6px;\n    margin-bottom: 25px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n  }\n\n  .info-banner h3 {\n    margin-top: 0;\n    margin-bottom: 5px;\n    color: #333;\n    font-size: 1.2rem;\n  }\n\n  .discount-box {\n    border: 2px dashed var(--theme-palette-color-1, #0073aa);\n    background-color: #f0f8ff;\n    padding: 20px;\n    text-align: center;\n    border-radius: 8px;\n    margin: 30px 0;\n    transition: transform 0.3s ease;\n  }\n\n  .discount-box:hover {\n    transform: scale(1.02);\n  }\n\n  .discount-box h4 {\n    margin: 0 0 10px 0;\n    color: var(--theme-palette-color-1, #0073aa);\n    font-size: 1.3rem;\n  }\n\n  .filter-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 25px;\n  }\n\n  .filter-btn {\n    background-color: #FFE8DA;\n    border: 1px solid #ddd;\n    padding: 10px 20px;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #555;\n    transition: all 0.2s ease;\n  }\n\n  .filter-btn:hover {\n    background-color: var(--theme-palette-color-2, #ffd6bd);\n  }\n\n  .filter-btn.active {\n    background-color: var(--theme-palette-color-1, #0073aa);\n    color: white;\n    border-color: var(--theme-palette-color-1, #0073aa);\n  }\n\n  .table-view {\n    display: none;\n    animation: fadeIn 0.4s ease;\n  }\n\n  .table-view.active {\n    display: block;\n  }\n\n  .wp-responsive-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 15px;\n    background-color: #fff;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n\n  .wp-responsive-table thead {\n    background-color: var(--theme-palette-color-5, #f1f5f9);\n  }\n\n  .wp-responsive-table th, \n  .wp-responsive-table td {\n    padding: 15px;\n    text-align: left;\n    border-bottom: 1px solid #eee;\n  }\n\n  .wp-responsive-table th {\n    font-weight: 600;\n    color: #333;\n    text-transform: uppercase;\n    font-size: 0.9rem;\n    letter-spacing: 0.05em;\n  }\n\n  .wp-responsive-table tbody tr {\n    transition: background-color 0.2s ease;\n  }\n  \n  .wp-responsive-table tbody tr:hover {\n    background-color: #FFE8DA;\n  }\n\n  .table-caption {\n    text-align: center;\n    font-size: 0.85rem;\n    color: #777;\n    font-style: italic;\n    margin-bottom: 30px;\n  }\n\n  .tag {\n    display: inline-block;\n    padding: 4px 10px;\n    border-radius: 4px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    text-transform: uppercase;\n  }\n  \n  .tag-year3 { background-color: #dcfce7; color: #166534; }\n  .tag-year4 { background-color: #fef08a; color: #854d0e; }\n  .tag-year5 { background-color: #ffedd5; color: #9a3412; }\n  .tag-year6 { background-color: #fee2e2; color: #991b1b; }\n  .tag-special { background-color: #e0e7ff; color: #3730a3; }\n\n  .action-container {\n    text-align: center;\n    margin-top: 30px;\n  }\n\n  .btn-primary {\n    display: inline-block;\n    background-color: var(--theme-palette-color-1, #0073aa); \n    color: #ffffff !important;\n    padding: 14px 30px;\n    border-radius: 5px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 1.05rem;\n    transition: background-color 0.3s ease;\n  }\n\n  .btn-primary:hover {\n    background-color: var(--theme-palette-color-2, #005177);\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media screen and (max-width: 768px) {\n    .wp-responsive-table thead {\n      display: none;\n    }\n    .wp-responsive-table tr {\n      display: block;\n      margin-bottom: 15px;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n    }\n    .wp-responsive-table td {\n      display: block;\n      text-align: right;\n      border-bottom: 1px solid #eee;\n      position: relative;\n      padding-left: 50%;\n    }\n    .wp-responsive-table td:last-child {\n      border-bottom: none;\n    }\n    .wp-responsive-table td::before {\n      content: attr(data-label);\n      position: absolute;\n      left: 15px;\n      width: 45%;\n      padding-right: 10px;\n      white-space: normal;\n      text-align: left;\n      font-weight: bold;\n      color: #333;\n    }\n  }\n<\/style>\n\n<section class=\"pricing-wrapper\">\n  <h2>Transparent, Affordable Pricing<\/h2>\n  <p class=\"intro-text\">Clear, upfront pricing with no hidden fees. All tuition fees are payable in <strong>equal monthly instalments<\/strong> across the academic year.<\/p>\n\n  <div class=\"info-banner\">\n    <h3>Registration Fee<\/h3>\n    <p style=\"margin: 0;\"><strong>\u00a320 per child<\/strong> \u2013 A one-time fee to secure your child&#8217;s place and cover initial resources.<\/p>\n  <\/div>\n\n  <div class=\"filter-container\">\n    <button class=\"filter-btn active\" onclick=\"switchPricingView(event, 'core-tuition')\">Core Tuition Fees<\/button>\n    <button class=\"filter-btn\" onclick=\"switchPricingView(event, 'specialist-Subjects')\">Specialist Subjects<\/button>\n  <\/div>\n\n  <div id=\"core-tuition\" class=\"table-view active\">\n    <table class=\"wp-responsive-table\">\n      <thead>\n        <tr>\n          <th>Year Group<\/th>\n          <th>1 Subject \/ Week<\/th>\n          <th>2 Subjects \/ Week<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td data-label=\"Year\"><span class=\"tag tag-year3\">Year 3<\/span><\/td>\n          <td data-label=\"1 Subject\/Wk\"><strong>\u00a370<\/strong> \/ month<\/td>\n          <td data-label=\"2 Subjects\/Wk\"><strong>\u00a3140<\/strong> \/ month<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Year\"><span class=\"tag tag-year4\">Year 4<\/span><\/td>\n          <td data-label=\"1 Subject\/Wk\"><strong>\u00a375<\/strong> \/ month<\/td>\n          <td data-label=\"2 Subjects\/Wk\"><strong>\u00a3150<\/strong> \/ month<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Year\"><span class=\"tag tag-year5\">Year 5<\/span><\/td>\n          <td data-label=\"1 Subject\/Wk\"><strong>\u00a385<\/strong> \/ month<\/td>\n          <td data-label=\"2 Subjects\/Wk\"><strong>\u00a3170<\/strong> \/ month<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Year\"><span class=\"tag tag-year6\">Year 6<\/span><\/td>\n          <td data-label=\"1 Subject\/Wk\"><strong>\u00a390<\/strong> \/ month<\/td>\n          <td data-label=\"2 Subjects\/Wk\"><strong>\u00a3180<\/strong> \/ month<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div id=\"specialist-Subjects\" class=\"table-view\">\n    <table class=\"wp-responsive-table\">\n      <thead>\n        <tr>\n          <th>Programme<\/th>\n          <th>Price (1 Subject \/ Week)<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td data-label=\"Programme\"><span class=\"tag tag-special\">Creative Writing<\/span><\/td>\n          <td data-label=\"Price\"><strong>\u00a390<\/strong> \/ month<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Programme\"><span class=\"tag tag-special\">Non-Verbal &#038; Verbal Reasoning<\/span><\/td>\n          <td data-label=\"Price\"><strong>\u00a390<\/strong> \/ month<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n    <div class=\"table-caption\">Specialist Subjects are highly focused and run alongside our core curriculum.<\/div>\n  <\/div>\n\n  <div class=\"discount-box\">\n    <h4>\ud83c\udf1f Multi-Subject Discount<\/h4>\n    <p style=\"font-size: 1.1em; margin: 0; color: #444;\">Receive a <strong>10% DISCOUNT<\/strong> on your total fees when you book more than one subject!<\/p>\n  <\/div>\n\n  <div class=\"action-container\">\n    <a href=\"https:\/\/beyondschooltuitions.co.uk\/index.php\/contact\/\" class=\"btn-primary\">Enquire Now &#038; Secure a Place<\/a>\n  <\/div>\n<\/section>\n\n<script>\n  function switchPricingView(evt, viewId) {\n    let views = document.getElementsByClassName(\"table-view\");\n    for (let i = 0; i < views.length; i++) {\n      views[i].style.display = \"none\";\n      views[i].classList.remove(\"active\");\n    }\n    let btns = document.getElementsByClassName(\"filter-btn\");\n    for (let i = 0; i < btns.length; i++) {\n      btns[i].classList.remove(\"active\");\n    }\n    document.getElementById(viewId).style.display = \"block\";\n    document.getElementById(viewId).classList.add(\"active\");\n    evt.currentTarget.classList.add(\"active\");\n  }\n<\/script>\n\n\n\n<style>\n  \/* Container and Typography *\/\n  .calculator-wrapper {\n    font-family: inherit;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 20px 0;\n  }\n\n  \/* Calculator Box *\/\n  .calc-box {\n    background-color: #fff;\n    border: 2px solid var(--theme-palette-color-1, #0073aa);\n    border-radius: 12px;\n    padding: 30px;\n    margin-bottom: 40px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    transition: transform 0.3s ease;\n  }\n\n  .calc-box:hover {\n    transform: translateY(-3px);\n  }\n\n  .calc-box h3 {\n    margin-top: 0;\n    color: var(--theme-palette-color-1, #0073aa);\n    text-align: center;\n    font-size: 1.6rem;\n    margin-bottom: 25px;\n  }\n\n  \/* Form Inputs *\/\n  .input-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    justify-content: center;\n    margin-bottom: 20px;\n  }\n\n  .input-group {\n    flex: 1;\n    min-width: 250px;\n  }\n\n  .input-group label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: #333;\n    font-size: 0.95rem;\n  }\n\n  .custom-select {\n    width: 100%;\n    padding: 12px 15px;\n    border-radius: 8px;\n    border: 1px solid #ddd;\n    background-color: #f9f9f9;\n    font-family: inherit;\n    font-size: 1rem;\n    color: #444;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    appearance: none;\n    background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230073aa%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n    background-repeat: no-repeat, repeat;\n    background-position: right .7em top 50%, 0 0;\n    background-size: .65em auto, 100%;\n  }\n\n  .custom-select:focus {\n    outline: none;\n    border-color: var(--theme-palette-color-1, #0073aa);\n    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.2);\n  }\n\n  \/* Subject Checkboxes *\/\n  .subject-checkboxes {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n    margin-bottom: 25px;\n    animation: fadeIn 0.3s ease;\n  }\n\n  .subject-checkbox-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    background-color: #f9f9f9;\n    border: 2px solid #ddd;\n    padding: 12px 20px;\n    border-radius: 8px;\n    font-weight: 600;\n    color: #333;\n    font-size: 0.95rem;\n    line-height: 1;\n    transition: all 0.2s ease;\n    user-select: none;\n  }\n\n  .subject-checkbox-label:hover {\n    border-color: var(--theme-palette-color-1, #0073aa);\n    background-color: #f0f8ff;\n  }\n\n  .subject-checkbox-label.checked {\n    background-color: #e0f0ff;\n    border-color: var(--theme-palette-color-1, #0073aa);\n  }\n\n  .subject-checkbox-label input[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    cursor: pointer;\n    accent-color: var(--theme-palette-color-1, #0073aa);\n    margin: 0;\n    flex-shrink: 0;\n    vertical-align: middle;\n    position: relative;\n    top: -1px;\n  }\n\n  .subject-price-tag {\n    font-size: 0.8rem;\n    color: #777;\n    font-weight: 400;\n    margin-left: 4px;\n    line-height: 1;\n  }\n\n  \/* Discount Checkbox *\/\n  .discount-checkbox-container {\n    display: none;\n    justify-content: center;\n    margin-bottom: 25px;\n    animation: fadeIn 0.3s ease;\n  }\n\n  .discount-checkbox-container.visible {\n    display: flex;\n  }\n\n  .discount-checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    background-color: #f0f8ff;\n    border: 2px dashed var(--theme-palette-color-1, #0073aa);\n    padding: 12px 20px;\n    border-radius: 8px;\n    font-weight: 600;\n    color: #333;\n    font-size: 0.95rem;\n    transition: all 0.2s ease;\n  }\n\n  .discount-checkbox-label:hover {\n    background-color: #e0f0ff;\n  }\n\n  .discount-checkbox-label input[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    cursor: pointer;\n    accent-color: var(--theme-palette-color-1, #0073aa);\n  }\n\n  \/* No Selection Message *\/\n  .no-selection-msg {\n    text-align: center;\n    color: #999;\n    font-style: italic;\n    font-size: 0.95rem;\n    margin: 10px 0;\n  }\n\n  \/* Result Area *\/\n  .result-area {\n    text-align: center;\n    padding: 25px;\n    background: #f4f8fb;\n    border-radius: 8px;\n    border: 1px dashed var(--theme-palette-color-1, #0073aa);\n  }\n\n  .result-label {\n    margin: 0 0 10px 0;\n    color: #555;\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n  }\n\n  .price-display {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #166534;\n    margin: 0;\n    line-height: 1;\n  }\n\n  .original-price {\n    display: none;\n    font-size: 1.3rem;\n    color: #999;\n    text-decoration: line-through;\n    margin: 8px 0 0 0;\n  }\n\n  .original-price.visible {\n    display: block;\n  }\n\n  .discount-alert {\n    color: #d9534f;\n    font-weight: 700;\n    display: none;\n    margin: 15px 0 5px 0;\n    font-size: 1.1rem;\n    animation: fadeIn 0.3s ease;\n  }\n\n  .discount-alert.visible {\n    display: block;\n  }\n\n  .selected-subjects-summary {\n    font-size: 0.9rem;\n    color: #555;\n    margin-top: 12px;\n    line-height: 1.6;\n  }\n\n  .reg-fee-note {\n    font-size: 0.85rem;\n    color: #777;\n    margin-top: 15px;\n    font-style: italic;\n  }\n\n  \/* Info Section *\/\n  .info-section {\n    background-color: #fff;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n    border-radius: 8px;\n    padding: 25px;\n    margin-bottom: 40px;\n    border-left: 6px solid var(--theme-palette-color-1, #0073aa);\n  }\n\n  .info-section h3 {\n    margin-top: 0;\n    color: #333;\n    font-weight: 600;\n  }\n\n  .info-section ul {\n    color: #555;\n    line-height: 1.8;\n    margin-bottom: 0;\n  }\n\n  .info-section li {\n    margin-bottom: 10px;\n  }\n\n  \/* CTA Section *\/\n  .cta-block {\n    text-align: center;\n    padding: 40px 20px;\n    background-color: var(--theme-palette-color-1, #0073aa);\n    color: white;\n    border-radius: 12px;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  }\n\n  .cta-block h2 {\n    color: white;\n    margin-top: 0;\n    font-size: 2rem;\n  }\n\n  .cta-block p {\n    font-size: 1.1rem;\n    margin-bottom: 30px;\n    opacity: 0.9;\n  }\n\n  .btn-cta {\n    display: inline-block;\n    background-color: #FFE8DA;\n    color: #333 !important;\n    padding: 16px 35px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 1.15rem;\n    letter-spacing: 0.05em;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n  }\n\n  .btn-cta:hover {\n    background-color: #fff;\n    transform: translateY(-3px);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<section class=\"calculator-wrapper\">\n  \n  <div class=\"calc-box\">\n    <h3>Instant Fee Calculator<\/h3>\n    \n    <div class=\"input-grid\">\n      <div class=\"input-group\">\n        <label for=\"yearGroup\">Select Year Group:<\/label>\n        <select id=\"yearGroup\" class=\"custom-select\">\n          <option value=\"70\" data-year=\"3\">Year 3<\/option>\n          <option value=\"75\" data-year=\"4\">Year 4<\/option>\n          <option value=\"85\" data-year=\"5\">Year 5<\/option>\n          <option value=\"90\" data-year=\"6\">Year 6<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"input-group\" style=\"margin-bottom: 20px;\">\n      <label style=\"display:block; font-weight:600; margin-bottom:8px; color:#333; font-size:0.95rem; text-align:center;\">Select Subjects:<\/label>\n      <div class=\"subject-checkboxes\" id=\"subjectCheckboxes\">\n        <!-- Checkboxes populated by JS -->\n      <\/div>\n    <\/div>\n\n    <div class=\"result-area\">\n      <p class=\"result-label\">Your Monthly Investment<\/p>\n      <p id=\"originalPrice\" class=\"original-price\"><\/p>\n      <div id=\"totalPrice\" class=\"price-display\">\u2013<\/div>\n      <p id=\"discountNote\" class=\"discount-alert\">\ud83c\udf1f 10% Multi-Subject Discount Applied!<\/p>\n      <p id=\"selectedSummary\" class=\"selected-subjects-summary\"><\/p>\n      <p class=\"reg-fee-note\">+ \u00a320 one-time registration fee applies for new students.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"info-section\">\n    <h3>Why Choose Our Monthly Plan?<\/h3>\n    <ul>\n      <li><strong>Predictable:<\/strong> The same manageable cost every month, with no hidden surprises.<\/li>\n      <li><strong>Flexible:<\/strong> Add specialist subjects like Creative Writing or Non-Verbal & Verbal Reasoning to complement core subjects.<\/li>\n      <li><strong>Rewarding:<\/strong> Book more than one subject to save 10% automatically on your total monthly fees.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"cta-block\">\n    <h2>Ready to start?<\/h2>\n    <p>Secure your child's place today with a simple \u00a320 registration.<\/p>\n    <a href=\"https:\/\/beyondschooltuitions.co.uk\/index.php\/contact\/\" class=\"btn-cta\">ENROL YOUR CHILD TODAY \u2192<\/a>\n  <\/div>\n\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const yearSelect = document.getElementById('yearGroup');\n    const subjectContainer = document.getElementById('subjectCheckboxes');\n    const priceDisplay = document.getElementById('totalPrice');\n    const originalPrice = document.getElementById('originalPrice');\n    const discountNote = document.getElementById('discountNote');\n    const selectedSummary = document.getElementById('selectedSummary');\n\n    \/\/ Per-subject pricing: core subjects use year-group price, specialists fixed at \u00a390\n    const subjectsByYear = {\n      '3': [\n        { name: ' English', price: 70 },\n        { name: ' Maths', price: 70 },\n        { name: ' Creative Writing', price: 90 },\n        { name: ' Reasoning', price: 90 }\n      ],\n      '4': [\n        { name: ' English', price: 75 },\n        { name: ' Maths', price: 75 },\n        { name: ' Creative Writing', price: 90 },\n        { name: ' Reasoning', price: 90 }\n      ],\n      '5': [\n        { name: ' English', price: 85 },\n        { name: ' Maths', price: 85 },\n        { name: ' Creative Writing', price: 90 }\n      ],\n      '6': [\n        { name: ' English', price: 90 },\n        { name: ' Maths', price: 90 },\n        { name: ' Creative Writing', price: 90 }\n      ]\n    };\n\n    function getSelectedYear() {\n      return yearSelect.options[yearSelect.selectedIndex].getAttribute('data-year');\n    }\n\n    function buildCheckboxes() {\n      const year = getSelectedYear();\n      const subjects = subjectsByYear[year];\n\n      subjectContainer.innerHTML = '';\n\n      subjects.forEach(function(subject) {\n        const label = document.createElement('label');\n        label.className = 'subject-checkbox-label';\n\n        const checkbox = document.createElement('input');\n        checkbox.type = 'checkbox';\n        checkbox.value = subject.name;\n        checkbox.setAttribute('data-price', subject.price);\n        checkbox.addEventListener('change', function() {\n          if (checkbox.checked) {\n            label.classList.add('checked');\n          } else {\n            label.classList.remove('checked');\n          }\n          calculateFees();\n        });\n\n        const text = document.createTextNode(subject.name + ' ');\n        const priceTag = document.createElement('span');\n        priceTag.className = 'subject-price-tag';\n        priceTag.textContent = '(\u00a3' + subject.price + '\/mo)';\n\n        label.appendChild(checkbox);\n        label.appendChild(text);\n        label.appendChild(priceTag);\n        subjectContainer.appendChild(label);\n      });\n\n      calculateFees();\n    }\n\n    function calculateFees() {\n      const checkboxes = subjectContainer.querySelectorAll('input[type=\"checkbox\"]:checked');\n      const count = checkboxes.length;\n\n      if (count === 0) {\n        priceDisplay.innerText = '\u2013';\n        originalPrice.classList.remove('visible');\n        discountNote.classList.remove('visible');\n        selectedSummary.innerHTML = '<em>Please select at least one subject above.<\/em>';\n        return;\n      }\n\n      var total = 0;\n      var selectedNames = [];\n      checkboxes.forEach(function(cb) {\n        total += parseFloat(cb.getAttribute('data-price'));\n        selectedNames.push(cb.value);\n      });\n\n      if (count > 1) {\n        var discounted = total * 0.9;\n        var formattedOriginal = '\u00a3' + total;\n        var formattedDiscounted = discounted % 1 === 0 ? '\u00a3' + discounted : '\u00a3' + discounted.toFixed(2);\n\n        originalPrice.textContent = formattedOriginal;\n        originalPrice.classList.add('visible');\n        priceDisplay.innerText = formattedDiscounted;\n        discountNote.classList.add('visible');\n      } else {\n        originalPrice.classList.remove('visible');\n        priceDisplay.innerText = '\u00a3' + total;\n        discountNote.classList.remove('visible');\n      }\n\n      selectedSummary.innerHTML = '<strong>Subjects:<\/strong> ' + selectedNames.join(', ') + ' &nbsp;|&nbsp; <strong>Subjects:<\/strong> ' + count + ' per week';\n    }\n\n    yearSelect.addEventListener('change', buildCheckboxes);\n\n    \/\/ Initial build\n    buildCheckboxes();\n  });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transparent, Affordable Pricing Clear, upfront pricing with no hidden fees. All tuition fees are payable in equal monthly instalments across the academic year. Registration Fee \u00a320 per child \u2013 A one-time fee to secure your child&#8217;s place and cover initial resources. Core Tuition Fees Specialist Subjects Year Group 1 Subject \/ Week 2 Subjects \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"#gspb_row-id-gsbp-90dd5fd{justify-content:space-between;margin-top:0;display:flex;flex-wrap:wrap;margin-bottom:29px;padding:0 80px}#gspb_row-id-gsbp-90dd5fd>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}@media (max-width:991.98px){#gspb_row-id-gsbp-90dd5fd>.gspb_row__content{row-gap:30px}}body.gspb-bodyfront #gspb_row-id-gsbp-90dd5fd>.gspb_row__content{width:var(--theme-container-width, 1200px);max-width:var(--theme-normal-container-max-width, 1200px)}@media (max-width:991.98px){#gspb_row-id-gsbp-90dd5fd{margin-bottom:80px;padding-right:50px;padding-left:50px}}@media (max-width:575.98px){#gspb_row-id-gsbp-90dd5fd{margin-bottom:60px;padding-right:35px;padding-left:35px}}#gspb_row-id-gsbp-90dd5fd{background-color:#ffe8da}@media (max-width:991.98px){#gspb_row-id-gsbp-90dd5fd{background-color:#ffe8da}}@media (max-width:767.98px){#gspb_row-id-gsbp-90dd5fd{background-color:#ffe8da}}@media (max-width:575.98px){#gspb_row-id-gsbp-90dd5fd{background-color:#ffe8da}}#gspb_row-id-gsbp-90dd5fd,#gspb_row-id-gsbp-90dd5fd>.gspb_backgroundOverlay{border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-right-radius:40px;border-bottom-left-radius:40px}#gspb_col-id-gsbp-d560c25.gspb_row__col--6{width:calc(50% - 25px)}@media (max-width:991.98px){#gspb_col-id-gsbp-d560c25.gspb_row__col--6{width:100%}}@media (max-width:767.98px){#gspb_col-id-gsbp-d560c25.gspb_row__col--6{width:calc(100% - 25px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-d560c25.gspb_row__col--6{width:100%}}@media (min-width:992px){body.gspb-bodyfront #gspb_col-id-gsbp-d560c25.gspb_row__col--6{width:calc(45% - 0px - 25px)}}.gspb_row #gspb_col-id-gsbp-d560c25.gspb_row__col--6{padding:50px 0}@media (max-width:991.98px){.gspb_row #gspb_col-id-gsbp-d560c25.gspb_row__col--6{padding-bottom:0}}body #gspb_col-id-gsbp-d560c25.gspb_row__col--6{display:flex;flex-direction:column;justify-content:center}@media (max-width:991.98px){body #gspb_col-id-gsbp-d560c25.gspb_row__col--6{align-items:center}.gspb_text-id-gsbp-e310166,.gspb_text-id-gsbp-e310166 .gsap-g-line{text-align:center!important}}.gspb_text-id-gsbp-e310166{margin-bottom:40px!important}#gspb_col-id-gsbp-2affbd5.gspb_row__col--6{width:calc(50% - 25px)}@media (max-width:991.98px){#gspb_col-id-gsbp-2affbd5.gspb_row__col--6{width:100%}}@media (max-width:767.98px){#gspb_col-id-gsbp-2affbd5.gspb_row__col--6{width:calc(100% - 25px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-2affbd5.gspb_row__col--6{width:100%}}.gspb_row #gspb_col-id-gsbp-2affbd5.gspb_row__col--6{padding:0}body #gspb_col-id-gsbp-2affbd5.gspb_row__col--6{display:block}#gspb_image-id-gsbp-960d7e1{text-align:center;padding-top:50px;padding-bottom:50px}#gspb_image-id-gsbp-960d7e1 img{object-fit:fill;vertical-align:middle;display:inline-block;box-sizing:border-box;max-width:100%;height:auto;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px}","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"vertical_spacing_source":"custom","content_area_spacing":"both"},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":88,"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1735,"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/1735"}],"wp:attachment":[{"href":"https:\/\/beyondschooltuitions.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}