GST calculator<\/title>\n<style>\n .gst-app {\n \/* Self-contained design tokens \u2014 no dependency on the host page *\/\n --gst-text-primary: #1a1a1a;\n --gst-text-secondary: #6b7280;\n --gst-bg-card: #f7f8fa;\n --gst-bg-input: #ffffff;\n --gst-border: #d8dade;\n --gst-border-light: #e8e9ec;\n --gst-info-bg: #e6f1fb;\n --gst-info-text: #185fa5;\n --gst-info-border: #378add;\n --gst-success-bg: #eaf3de;\n --gst-success-text: #3b6d11;\n --gst-radius-md: 8px;\n --gst-radius-lg: 14px;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n color: var(--gst-text-primary);\n max-width: 760px;\n margin: 0 auto;\n padding: 2rem 1rem;\n box-sizing: border-box;\n }\n .gst-app * { box-sizing: border-box; }\n\n .gst-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\n\n .gst-card {\n background: var(--gst-bg-card);\n border: 1px solid var(--gst-border-light);\n border-radius: var(--gst-radius-lg);\n padding: 1.5rem;\n }\n\n .gst-header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\n .gst-icon-badge {\n width: 40px; height: 40px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .gst-icon-badge svg { width: 20px; height: 20px; }\n .gst-title { font-size: 18px; font-weight: 600; margin: 0; }\n\n .gst-field { margin-bottom: 16px; }\n .gst-label { font-size: 14px; font-weight: 600; margin: 0 0 8px; }\n .gst-help { font-size: 13px; color: var(--gst-text-secondary); margin: 6px 0 0; line-height: 1.5; }\n\n .gst-input {\n width: 100%;\n padding: 9px 12px;\n font-size: 15px;\n color: var(--gst-text-primary);\n background: var(--gst-bg-input);\n border: 1px solid var(--gst-border);\n border-radius: var(--gst-radius-md);\n outline: none;\n }\n .gst-input:focus { border-color: var(--gst-info-border); box-shadow: 0 0 0 3px var(--gst-info-bg); }\n\n .gst-slab-row { display: flex; gap: 8px; flex-wrap: wrap; }\n .gst-btn {\n font-family: inherit;\n padding: 8px 16px;\n font-size: 14px;\n border: 1px solid var(--gst-border);\n border-radius: var(--gst-radius-md);\n background: var(--gst-bg-input);\n color: var(--gst-text-primary);\n cursor: pointer;\n }\n .gst-btn:hover { background: #fafafa; }\n .gst-btn.active {\n background: var(--gst-info-bg);\n color: var(--gst-info-text);\n border-color: var(--gst-info-border);\n font-weight: 600;\n }\n\n .gst-toggle-row { display: flex; gap: 8px; }\n .gst-toggle { flex: 1; }\n\n .gst-calc-btn {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n font-weight: 600;\n font-family: inherit;\n background: var(--gst-info-text);\n color: #ffffff;\n border: none;\n border-radius: var(--gst-radius-md);\n cursor: pointer;\n }\n .gst-calc-btn:hover { opacity: 0.92; }\n\n .gst-result-row {\n display: flex; justify-content: space-between; align-items: center;\n padding: 8px 0; border-bottom: 1px solid var(--gst-border-light); font-size: 15px;\n }\n .gst-result-row span:last-child { font-weight: 600; }\n\n .gst-total-box {\n background: var(--gst-success-bg);\n border-radius: var(--gst-radius-md);\n padding: 1rem;\n margin-top: 12px;\n }\n .gst-total-label { font-size: 13px; color: var(--gst-success-text); margin: 0 0 4px; }\n .gst-total-value { font-size: 24px; font-weight: 700; color: var(--gst-success-text); margin: 0; }\n<\/style>\n\n\n\n<div class=\"gst-app\">\n <h2 style=\"position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);\">GST calculator \u2014 enter an amount and rate, then calculate the tax breakdown<\/h2>\n\n <div class=\"gst-grid\">\n\n <div class=\"gst-card\">\n <div class=\"gst-header\">\n <div class=\"gst-icon-badge\" style=\"background: var(--gst-info-bg); color: var(--gst-info-text);\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"><\/rect>\n <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"><\/line>\n <line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"11.01\"><\/line>\n <line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"11.01\"><\/line>\n <line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"11.01\"><\/line>\n <line x1=\"8\" y1=\"15\" x2=\"8\" y2=\"15.01\"><\/line>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"15.01\"><\/line>\n <line x1=\"16\" y1=\"15\" x2=\"16\" y2=\"15.01\"><\/line>\n <line x1=\"8\" y1=\"19\" x2=\"16\" y2=\"19\"><\/line>\n <\/svg>\n <\/div>\n <p class=\"gst-title\">Your inputs<\/p>\n <\/div>\n\n <div class=\"gst-field\">\n <p class=\"gst-label\">Amount (\u20b9)<\/p>\n <input type=\"number\" id=\"amount\" class=\"gst-input\" placeholder=\"Enter amount\" min=\"0\">\n <p class=\"gst-help\">The transaction amount, before or after GST depending on the type below.<\/p>\n <\/div>\n\n <div class=\"gst-field\">\n <p class=\"gst-label\">GST rate<\/p>\n <div class=\"gst-slab-row\">\n <button class=\"gst-btn\" onclick=\"selectSlab(this,0)\">0%<\/button>\n <button class=\"gst-btn\" onclick=\"selectSlab(this,5)\">5%<\/button>\n <button class=\"gst-btn\" onclick=\"selectSlab(this,12)\">12%<\/button>\n <button class=\"gst-btn active\" onclick=\"selectSlab(this,18)\">18%<\/button>\n <button class=\"gst-btn\" onclick=\"selectSlab(this,28)\">28%<\/button>\n <\/div>\n <\/div>\n\n <div class=\"gst-field\">\n <p class=\"gst-label\">Calculation type<\/p>\n <div class=\"gst-toggle-row\">\n <button class=\"gst-btn gst-toggle active\" id=\"excBtn\" onclick=\"setType('exclusive')\">Exclusive<\/button>\n <button class=\"gst-btn gst-toggle\" id=\"incBtn\" onclick=\"setType('inclusive')\">Inclusive<\/button>\n <\/div>\n <p class=\"gst-help\" id=\"typeHelp\">Add GST on top of the amount entered.<\/p>\n <\/div>\n\n <div class=\"gst-field\" style=\"margin-bottom: 20px;\">\n <p class=\"gst-label\">Transaction type<\/p>\n <div class=\"gst-toggle-row\">\n <button class=\"gst-btn gst-toggle active\" id=\"intrBtn\" onclick=\"setTxn('intra')\">Intra-state<\/button>\n <button class=\"gst-btn gst-toggle\" id=\"interBtn\" onclick=\"setTxn('inter')\">Inter-state<\/button>\n <\/div>\n <p class=\"gst-help\" id=\"txnHelp\">Buyer and seller are in the same state \u2014 CGST and SGST apply.<\/p>\n <\/div>\n\n <button class=\"gst-calc-btn\" onclick=\"calculate()\">Calculate GST<\/button>\n <\/div>\n\n <div class=\"gst-card\">\n <div class=\"gst-header\">\n <div class=\"gst-icon-badge\" style=\"background: var(--gst-success-bg); color: var(--gst-success-text);\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 3v18l2-1.5L9 21l2-1.5L13 21l2-1.5L17 21l2-1.5L19 3z\"><\/path>\n <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\"><\/line>\n <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n <line x1=\"8\" y1=\"16\" x2=\"13\" y2=\"16\"><\/line>\n <\/svg>\n <\/div>\n <p class=\"gst-title\">Results<\/p>\n <\/div>\n\n <p class=\"gst-help\" id=\"placeholder\" style=\"margin: 0; font-size: 14px;\">Fill in your inputs and click \"Calculate GST\" to see your breakdown.<\/p>\n\n <div id=\"resultsBody\" style=\"display: none;\">\n <div class=\"gst-result-row\"><span style=\"color: var(--gst-text-secondary);\" id=\"baseLabel\">Original amount<\/span><span id=\"baseVal\">\u20b90.00<\/span><\/div>\n <div id=\"taxBreakdown\"><\/div>\n <div class=\"gst-total-box\">\n <p class=\"gst-total-label\" id=\"totalLabel\">Total (incl. GST)<\/p>\n <p class=\"gst-total-value\" id=\"totalVal\">\u20b90.00<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n let gstRate = 18;\n let calcType = 'exclusive';\n let txnType = 'intra';\n\n function selectSlab(btn, rate) {\n document.querySelectorAll('.gst-slab-row .gst-btn').forEach(function(b) { b.classList.remove('active'); });\n btn.classList.add('active');\n gstRate = rate;\n }\n\n function setType(type) {\n calcType = type;\n document.getElementById('excBtn').classList.toggle('active', type === 'exclusive');\n document.getElementById('incBtn').classList.toggle('active', type === 'inclusive');\n document.getElementById('typeHelp').textContent = type === 'exclusive'\n ? 'Add GST on top of the amount entered.'\n : 'Treat the amount entered as already including GST.';\n }\n\n function setTxn(type) {\n txnType = type;\n document.getElementById('intrBtn').classList.toggle('active', type === 'intra');\n document.getElementById('interBtn').classList.toggle('active', type === 'inter');\n document.getElementById('txnHelp').textContent = type === 'intra'\n ? 'Buyer and seller are in the same state \u2014 CGST and SGST apply.'\n : 'Buyer and seller are in different states \u2014 IGST applies.';\n }\n\n function fmt(n) {\n return '\u20b9' + n.toLocaleString('en-IN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n }\n\n function calculate() {\n const raw = parseFloat(document.getElementById('amount').value) || 0;\n const r = gstRate \/ 100;\n let base, gstAmt, total;\n\n if (calcType === 'exclusive') {\n base = raw;\n gstAmt = base * r;\n total = base + gstAmt;\n } else {\n total = raw;\n base = raw \/ (1 + r);\n gstAmt = total - base;\n }\n\n document.getElementById('baseLabel').textContent = calcType === 'exclusive' ? 'Original amount' : 'Base amount (excl. GST)';\n document.getElementById('baseVal').textContent = fmt(base);\n document.getElementById('totalLabel').textContent = calcType === 'exclusive' ? 'Total (incl. GST)' : 'Original amount (given)';\n document.getElementById('totalVal').textContent = fmt(total);\n\n const bd = document.getElementById('taxBreakdown');\n if (gstRate === 0) {\n bd.innerHTML = '<div class=\"gst-result-row\"><span style=\"color: var(--gst-text-secondary);\">GST (0%)<\/span><span>\u20b90.00<\/span><\/div>';\n } else if (txnType === 'intra') {\n const half = gstAmt \/ 2;\n const halfRate = gstRate \/ 2;\n bd.innerHTML =\n '<div class=\"gst-result-row\"><span style=\"color: var(--gst-text-secondary);\">CGST (' + halfRate + '%)<\/span><span>' + fmt(half) + '<\/span><\/div>' +\n '<div class=\"gst-result-row\"><span style=\"color: var(--gst-text-secondary);\">SGST (' + halfRate + '%)<\/span><span>' + fmt(half) + '<\/span><\/div>';\n } else {\n bd.innerHTML = '<div class=\"gst-result-row\"><span style=\"color: var(--gst-text-secondary);\">IGST (' + gstRate + '%)<\/span><span>' + fmt(gstAmt) + '<\/span><\/div>';\n }\n\n document.getElementById('placeholder').style.display = 'none';\n document.getElementById('resultsBody').style.display = 'block';\n }\n<\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-87ec967\" data-id=\"87ec967\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b46526 e-flex e-con-boxed e-con e-parent\" data-id=\"6b46526\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c11daab elementor-widget elementor-widget-image-carousel\" data-id=\"c11daab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"1","navigation":"none","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-01_55_01-PM.png?fit=1402%2C1122&ssl=1\" alt=\"ChatGPT Image Jun 21, 2026, 01_55_01 PM\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-01_57_40-PM.png?fit=1402%2C1122&ssl=1\" alt=\"ChatGPT Image Jun 21, 2026, 01_57_40 PM\" loading=\"lazy\"><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63bee7b elementor-widget elementor-widget-image-carousel\" data-id=\"63bee7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"1","navigation":"none","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-01_57_02-PM.png?fit=1402%2C1122&ssl=1\" alt=\"ChatGPT Image Jun 21, 2026, 01_57_02 PM\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-01_58_33-PM.png?fit=1402%2C1122&ssl=1\" alt=\"ChatGPT Image Jun 21, 2026, 01_58_33 PM\" loading=\"lazy\"><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6427d69 elementor-widget elementor-widget-image-carousel\" data-id=\"6427d69\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"1","navigation":"none","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/dm.png?fit=941%2C1672&ssl=1\" alt=\"dm\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/Beauty-and-personal-care.png?fit=941%2C1672&ssl=1\" alt=\"Beauty and personal care\" loading=\"lazy\"><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/i0.wp.com\/ourdemos.in\/enquiry365\/wp-content\/uploads\/2026\/06\/Home-service.png?fit=941%2C1672&ssl=1\" alt=\"\" loading=\"lazy\"><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05f0b6e elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"05f0b6e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched","background_background":"classic","animation":"fadeIn"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8cc367\" data-id=\"d8cc367\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\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-6c09583 elementor-widget elementor-widget-spacer\" data-id=\"6c09583\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\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<\/body>","protected":false},"excerpt":{"rendered":"<p>GST calculator GST calculator \u2014 enter an amount and rate, then calculate the tax breakdown Your inputs Amount (\u20b9) The transaction amount, before or after GST depending on the type below. GST rate 0% 5% 12% 18% 28% Calculation type Exclusive Inclusive Add GST on top of the amount entered. Transaction type Intra-state Inter-state Buyer […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-15135","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/pages\/15135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/comments?post=15135"}],"version-history":[{"count":5,"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/pages\/15135\/revisions"}],"predecessor-version":[{"id":15562,"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/pages\/15135\/revisions\/15562"}],"wp:attachment":[{"href":"https:\/\/ourdemos.in\/enquiry365\/wp-json\/wp\/v2\/media?parent=15135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}