{"id":9180,"date":"2024-10-03T07:59:49","date_gmt":"2024-10-03T07:59:49","guid":{"rendered":"https:\/\/www.hashmicro.com\/ph\/blog\/?p=9180"},"modified":"2025-12-23T02:31:17","modified_gmt":"2025-12-23T02:31:17","slug":"fixed-cost-vs-variable-cost","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/","title":{"rendered":"Fixed Cost vs Variable Cost, What is the Difference?"},"content":{"rendered":"<p>Accurately calculating variable and fixed costs is essential for determining production expenses and maximizing profitability. However, doing it manually can be time-consuming and inefficient.<\/p>\n<p>A smarter solution is using an automated accounting system that simplifies cost calculations and provides real-time financial insights. <a href=\"https:\/\/www.hashmicro.com\/ph\/accounting-software\">HashMicro\u2019s accounting system<\/a> streamlines this process, ensuring accuracy and efficiency in managing your business finances.<\/p>\n<p>But what exactly are fixed and variable costs? In this article, we\u2019ll break them down so you can better understand their impact on your business.<\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-demo-gratis.webp\" alt=\"FreeDemo\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script> <div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tTable of Contents\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Content Lists<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 20px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n  padding-top: 20px;\r\n  margin-top: 0px;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 84% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\/* \t\t\tright: 5%; *\/\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Function to handle click on all <a> elements with href starting with #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Add event listener for all <a> elements in toc-list and list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with class 'td-post-content'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within the article\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n\/\/ Sticky TOC and update heading\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 700;\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\tconst panel2 = document.querySelector(\"#toc .list\");\r\n\tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n  let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n  \/\/ Function to handle scroll and add\/remove .sticky class\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Highlight user progress as the heading comes\r\n    headers.forEach(header => {\r\n\t\tconst headerTop = header.offsetTop;\r\n\t\tconst headerHeight = header.clientHeight;\r\n\t\tif(window.innerWidth < 767){\r\n\t\t\ttocTitle.textContent = 'Table of Contents'; \/\/ Selalu pertahankan judul ini di mobile\r\n\t\t} else {\r\n\t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\t\t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader != '') {\r\n\t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\t\t\t  link.classList.add('active');\r\n\t\t  }\r\n\t  }\r\n    });\r\n\r\n    \/\/ Update TOC title if sticky\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n        toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n        toc.style.backgroundColor = \"#FFF\";\r\n\t\tpanel2.style.height = '0px';\r\n\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t  if(window.innerWidth < 767){\r\n\t\t\t  tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n       \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\t\t  }\r\n      }\r\n      if (currentHeader) {\r\n        tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n      }\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset'; \/\/ Reset to original width\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n\t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\t\ticon.style.transform = \"rotate(180deg)\";\r\n    }\r\n  }\r\n\r\n    \/\/ Attach the scroll event listener to the window\r\n    window.addEventListener('scroll', handleScroll);\r\n\r\n    \/\/ Initial call to handleScroll to set the correct state on load\r\n    handleScroll();\r\n});\r\n\t\r\n\t\/\/ Open toggle TOC\r\n\t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\t\tvar toc = document.querySelector(\"#toc\");\r\n\t\tvar icon = document.querySelector(\".toc-icon\");\r\n\t\tconst tocTitle = document.querySelector('#toc-title');\r\n\t\tconst tocs = document.querySelector('#toc.sticky');\r\n \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\t\t  tocHeader.addEventListener(\"click\", function() {\r\n\t\t\tvar panel = this.nextElementSibling;\r\n\t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t\tif(window.innerWidth > 768){\r\n\t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\t\t\t\t}\r\n\t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\t\t\t} else {\r\n\t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t  tocTitle.textContent = 'Table of Contents'; \/\/ Reset title\r\n\t\t\t\ttoc.style.paddingBottom = '24px';\r\n\t\t\t \tif(window.innerWidth < 767){\r\n\t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t  });\r\n\r\n\t\t  \/\/ Close TOC when a link inside it is clicked\r\n\t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\t\t  tocLinks.forEach(function(link) {\r\n\t\t\tlink.addEventListener(\"click\", function() {\r\n\t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\t\t\t});\r\n\t\t  });\r\n\t\t});\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\t\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n        let headerCounter = 0; \/\/ Counter to generate unique IDs\r\n\r\n\t\t\/\/ Function to generate ID in header0, header1, etc. format\r\n\t\tfunction formatId() {\r\n\t\t\treturn `header-${headerCounter++}`; \/\/ ID format: header0, header1, etc.\r\n\t\t}\r\n\r\n\/\/ \t\tfunction formatId(text) {\r\n\/\/             return text.trim().replace(\/[^\\w\\d]+\/g, '_');\r\n\/\/         }\r\n\t\r\n        \/\/ Function to create nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Object to store list of h2 and h3 with their titles\r\n        const headings = [];\r\n\r\n           \/\/ Get all h2 and h3 elements\r\n        \/\/ Get all h2 and h3 elements\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h2 element\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Hide Key Takeaways di ToC\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = formatId(); \/\/ Generate new ID\r\n\t\t\t\telement.id = id; \/\/ Set ID to h3 element\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Create HTML list from headings object\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Use the newly generated ID\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Get ul element with id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Get content (child elements) from ul with id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Get ul element with id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Add content obtained from 'list_toc' to ul with id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Function to get navbar height\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Function to add scroll position offset\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Function to handle title link click\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Add event listener for all title links\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n    <\/script> -->\r\n <\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<table style=\"border-collapse: coacllapse; background-color: #fffacd; border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"#stan\">Variable costs refer to<\/a> expenses that fluctuate based on the company\u2019s production activities.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"#slim\">Fixed costs refer to<\/a> expenses that a company incurs regardless of its production levels.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">While both fixed and variable costs are key elements in calculating a company&#8217;s production expenses, <a href=\"#shady\">they differ significantly<\/a> in nature and how they impact overall financial planning.<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><strong><span id=\"stan\">What is the Variable Cost?\u00a0<\/span><\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Variable costs are expenses that fluctuate based on the company\u2019s production activities. In other words, these costs can either increase or decrease depending on the level of production carried out by the business. If the company ramps up its production, variable costs will naturally rise. Conversely, if production slows down, these costs will decrease.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Variable costs include raw materials, direct labor, and packaging expenses. For instance, a bakery\u2019s cost for flour, sugar, and other ingredients will increase as it produces more cakes. Similarly, the cost of hourly wages for workers will go up if the company requires more labor to meet higher production demands.<\/span><\/p>\n<h2><strong>The Functions of Variable Costs<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Variable costs play a vital role in the calculation of production expenses, serving several essential functions for companies. Here are some key functions of variable costs:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Assisting in short-term decision-making<\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/variable-costing\/\">Variable costs<\/a> are crucial for companies when making short-term decisions. For example, when a company receives an urgent production order, understanding variable costs allows the business to quickly estimate the production expenses.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This insight helps determine the price of the order and assess whether fulfilling the request will be profitable. Companies can make informed decisions that align with their financial goals by having a clear picture of the costs that fluctuate with production volume.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Aiding in cost control<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">By identifying and separating variable costs from fixed costs in the company\u2019s financial statements, businesses can better understand their expenses. This separation enables companies to focus more effectively on managing the behavior of fixed costs while keeping a close eye on variable costs that fluctuate with production activities.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">An integrated\u00a0<a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/accounting-system\/\" target=\"_blank\" rel=\"noopener\">accounting system helps<\/a> businesses\u00a0more efficiently track and control their expenses, allowing for better cost management and resource allocation.<\/span><\/p>\n<p>You can also read our previous article on <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/top-accounting-software-philippines\/\"><span data-sheets-root=\"1\">Accounting platforms used locally<\/span><\/a> recommendations to better understand what accounting systems are of\u00a0good quality.<\/p>\n<h3><span style=\"font-weight: 400;\">3. Simplifying the calculation of short-term profits<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Having clear information on variable costs and how they change with production volume is invaluable for calculating short-term profits. By separating these costs and understanding their behavior, companies can easily determine the impact of production levels on profitability.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This detailed cost analysis provides essential insights that help the business make strategic decisions. For instance, if production increases, the company can evaluate how the rise in variable costs affects profits, thereby guiding future short-term planning and decision-making.<\/span><\/p>\n<h2><strong>Examples of Variable Costs<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">We have explained the definition and function or use of variable cost itself. However, you must be wondering about what an example of variable cost looks like. Here are some key examples of variable costs that businesses often encounter:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Direct materials<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Direct materials are the raw materials directly involved in the production process. The quantity of direct materials needed will vary depending on the company&#8217;s production. For instance, if a furniture manufacturer increases its production of chairs, it will require more wood, nails, and varnish, all of which are direct materials.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The costs associated with acquiring these materials change in direct proportion to the level of production, making them crucial to variable cost calculation.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Commission<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Commissions are expenses that depend on the number of products sold or the amount of sales revenue generated. Companies often pay commissions to sales personnel as an incentive for each successful sale. For example, a sales representative might earn a 5% commission on every unit sold.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If sales increase, the total commission expense rises accordingly, making it a variable cost. This is especially important in businesses where sales and production are closely linked, as it directly affects profitability and cost management.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Fulfillment of production equipment<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The production of goods requires the use of various production equipment, and maintaining this equipment involves variable costs. These expenses include the electricity consumed by machines, oil for maintenance, and other consumables necessary for production operations.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Since equipment use depends on the production volume, the costs associated with running and maintaining these machines will fluctuate accordingly. For example, in a manufacturing plant, the electricity cost will increase as machines operate longer to meet higher production demands. Companies often manage these costs using a Procurement System to ensure efficiency and minimize waste.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Labor overtime pay<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Labor overtime pay is another key example of variable costs. When production levels rise, employees may be required to work additional hours to meet the increased demand. The cost of paying for this extra labor time varies based on the amount of overtime worked.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, factory workers might need extra shifts during peak seasons, resulting in higher overtime expenses. This additional cost is directly linked to the production volume, highlighting its variable nature within the company\u2019s overall production expenses.<\/span><\/p>\n<h2><strong>What is Fixed Cost?\u00a0<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Fixed costs refer to expenses a company incurs regardless of production levels. Unlike variable costs, fixed costs remain constant even if production activities increase or decrease. In other words, these costs do not fluctuate with the amount of goods or services the company produces.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether the business is running at full capacity or not producing anything at all, fixed costs must still be paid, making them an essential component of a company\u2019s financial obligations.These costs are often associated with the company&#8217;s operational infrastructure and are necessary for maintaining its day-to-day operations.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, the company must pay rent for its office or factory space, salaries for permanent employees, insurance premiums, and utility bills like electricity and water, even if no production occurs. This means that fixed costs can be a financial burden, particularly during periods of low production or economic downturns.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, understanding and managing these costs is crucial for long-term financial planning and stability. By identifying their fixed costs, companies can make more strategic decisions regarding pricing, budgeting, and cost control to ensure profitability.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Functions of Fixed Costs<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Fixed costs serve several important functions within a company\u2019s financial structure. One of their primary roles is providing a baseline for determining the production costs. By knowing the fixed costs, a company can quickly calculate its total costs when combined with variable costs.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Additionally, fixed costs are crucial in helping the company assess its capital recovery. By comparing fixed costs against total revenue, a business can determine if it has managed to break even or if it needs to adjust its pricing or production strategies.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This insight is valuable for companies to gauge whether their investments in assets, infrastructure, and other fixed-cost elements yield the desired returns. Moreover, fixed costs simplify the process of calculating profits over a longer period compared to variable costs.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><span id=\"slim\">Because fixed costs remain unchanged regardless of production levels, companies can use them to forecast profits and plan for the future more accurately. This long-term perspective allows businesses to set realistic financial goals, make informed decisions about expansions or new investments, and establish more effective pricing strategies to ensure sustainable profitability.\u00a0<\/span><\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Examples of Fixed Costs<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Fixed costs are essential for a company in calculating its overall production expenses. These costs remain constant regardless of the production volume, providing a stable financial foundation. Here are some common examples of fixed costs that companies consider when determining their production costs:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Interest expense<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Companies often take out loans that incur interest to maintain smooth production and operational processes. In addition to repaying the principal amount of these loans, businesses are also obligated to pay interest regularly, typically monthly,.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This interest payment remains a fixed cost, regardless of how much the company produces. For instance, even if the company experiences a dip in production, the <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/interest-expense\/\">interest expenses<\/a> must still be paid in full. Therefore, interest expenses can significantly impact a company\u2019s overall financial planning and cash flow management.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Insurance<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Businesses secure various forms of insurance to protect against potential risks, such as property damage, liability, and operational disruptions. To maintain this coverage, companies must pay monthly insurance premiums, making this a fixed cost. Whether the company is in full production mode or temporarily halts its operations, these insurance payments remain due.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This steady cost ensures that the company is safeguarded against unforeseen events, providing financial security and stability in the long run. The fixed nature of insurance expenses allows companies to plan their budgets more effectively, knowing they have this layer of protection.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Utilities<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Utilities are another form of fixed costs that companies must pay to keep their operations running smoothly. These include expenses for electricity, water, phone, and other essential services. Even if the company is not producing goods or services, utility bills must be paid regularly to maintain the operational infrastructure.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, electricity is required to power equipment, maintain office functions, and provide lighting, regardless of production levels. Companies can better manage their overhead costs and ensure uninterrupted operations by understanding and accounting for these utility expenses.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Rental fee<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Most companies require physical space to conduct their operations, whether it be offices, warehouses, or manufacturing plants. Renting this space incurs a fixed monthly fee that remains consistent, regardless of how much the company produces.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, whether a factory is operating at full capacity or not producing at all, the rental fee for the premises must still be paid. This fixed cost is a vital part of a company\u2019s budget and must be considered when planning for long-term financial stability. Managing rental expenses effectively can help the company allocate resources for other critical areas, such as production or marketing.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Depreciation expenses<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Production equipment and machinery experience wear and tear over time, leading to a decrease in their value. This decrease is recorded as depreciation expense, a fixed cost that companies account for annually. Depreciation reflects the gradual loss of value in assets such as manufacturing machines, vehicles, and technology.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><span id=\"shady\">Although the company may use the equipment to varying degrees, the depreciation cost remains relatively constant each year. After a certain period, usually a few years, the equipment will need to be replaced or upgraded, prompting the company to invest in new assets. Understanding depreciation expenses allows businesses to plan for future capital expenditures and manage their long-term asset lifecycle effectively.<\/span><\/span><\/p>\n<h2><strong>Fixed Costs vs. Variable Costs: Understanding the Differences<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">While both fixed and variable costs are key elements in calculating a company&#8217;s production expenses, they differ significantly in nature and how they impact overall financial planning. Fixed costs are expenses that do not depend on the company&#8217;s production levels.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In other words, these costs remain constant whether the company produces a large quantity of goods or none at all. Examples include rent, salaries of permanent staff, and insurance premiums. These costs provide stability in budgeting but must be paid regardless of production activity.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the other hand, variable costs fluctuate directly with the company\u2019s production activities. They increase as production volume rises and decrease when production slows down. For instance, the cost of raw materials, direct labor, and commissions are all variable costs that change based on the number of goods produced.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Additionally, fixed and variable costs behave differently when we look at costs on a per-unit basis. Fixed costs impact the unit cost by spreading themselves over the number of units produced. As production increases, the fixed cost per unit decreases because the total fixed cost is allocated across larger units.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Conversely, when production decreases, the fixed cost per unit rises. In contrast, variable costs per unit remain consistent regardless of the production volume. Each unit incurs the same amount of variable cost, allowing companies to predict expenses more accurately as they plan their production activities.<\/span><\/p>\n<h2><strong>Why Distinguishing Between Fixed Costs and Variable Costs Is Important<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">In the complicated field of business finance, distinguishing between fixed cost vs variable cost is essential for sound financial management. This understanding gives companies critical insights into their overall <a href=\"https:\/\/www.hashmicro.com\/ph\/blog\/cost-structure\/\">cost structure<\/a>, helping them make informed decisions related to budgeting, pricing strategies, and profitability.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Furthermore, recognizing the difference between fixed and variable costs significantly influences pricing strategies. Businesses must set prices that cover both types of costs and ensure a profit. By understanding the balance between their fixed and variable costs, companies can develop pricing models that align with their financial goals and market competitiveness.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In summary, differentiating between fixed and variable costs is vital for any business. This knowledge enables organizations to optimize resource allocation, implement competitive pricing, and ultimately secure long-term financial success. Therefore, companies must comprehensively understand their cost structure to manage fixed and variable expenses effectively.<\/span><\/p>\n<h2><strong>Improve the Accuracy of Your Fixed Cost and Variable Cost Calculations with HashMicro Accounting System<\/strong><\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/02\/accounting-software-hm.webp\" alt=\"accounting software Hashmicro\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Calculating or managing fixed costs and variable costs is not an easy thing, especially if done manually which is more prone to problems, such as misclassification of costs. This error can occur due to considering variable costs such as raw materials as fixed costs, which can result in improper budget planning. Therefore, using an accounting system like HashMicro is important to avoid mistakes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/accounting-software\">HashMicro&#8217;s accounting system<\/a> is equipped with a comprehensive range of features that can help with financial management productivity, one of which is fixed costs and variable costs. HashMicro also provides a <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/?medium=web-form-header\"><span style=\"font-weight: 400;\">free demo <\/span><\/a><span style=\"font-weight: 400;\">to give you the opportunity to learn about the system before purchasing.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Furthermore, this system also does not impose a limit on the number of users using this application. This is very influential in ensuring that the management of fixed costs and variable costs becomes more transparent and can avoid fraud or data manipulation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some features of the HashMicro accounting system that can help manage fixed costs and variable costs:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Cash Flow Reports<\/b><span style=\"font-weight: 400;\">: Monitor the company&#8217;s cash inflows and outflows to ensure sufficient liquidity, make appropriate financial plans, and identify and address potential financial issues.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Forecast Budget<\/b><span style=\"font-weight: 400;\">: Predict future budgets based on historical data to help plan finances, allocate resources efficiently, and make better strategic decisions.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Financial Statement with Budget Comparison<\/b><span style=\"font-weight: 400;\">: Provides a clear picture of how the company&#8217;s actual financial performance matches the plan to identify deviations and make necessary adjustments to achieve financial goals.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Variable and fixed costs are crucial elements in determining a company\u2019s production expenses and overall profitability. Both play a significant role in calculating total production costs, yet they differ in their nature, as seen in their definitions and unit cost behavior.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HashMicro, a leading ERP software provider in Singapore, offers an efficient solution to streamline the calculation of production costs with its advanced Accounting System, equipped with top-tier features. Additionally, you can manage procurement costs more effectively through their Procurement System. Click here to explore the best deals and request a <\/span><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=web-form-header\"><span style=\"font-weight: 400;\">free demo<\/span><\/a><span style=\"font-weight: 400;\">!<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/ph\/free-product-tour\/?medium=free-product-tour\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/bir-demo-gratis.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/mobile-bir-demo-gratis.webp\" alt=\"FreeDemo\" class=\"responsive-image-banner\" width=\"620\" height=\"255\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accurately calculating variable and fixed costs is essential for determining production expenses and maximizing profitability. However, doing it manually can be time-consuming and inefficient. A smarter solution is using an automated accounting system that simplifies cost calculations and provides real-time financial insights. HashMicro\u2019s accounting system streamlines this process, ensuring accuracy and efficiency in managing your [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":22235,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[157],"tags":[180,56,200],"class_list":{"0":"post-9180","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-accounting","8":"tag-accounting-article","9":"tag-accounting-articles","10":"tag-fixed-cost-vs-variable-cost"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Fixed Cost vs Variable Cost: What is the Difference?<\/title>\n<meta name=\"description\" content=\"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fixed Cost vs Variable Cost, What is the Difference?\" \/>\n<meta property=\"og:description\" content=\"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Philippine Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-03T07:59:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-23T02:31:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Widi Yulianto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Widi Yulianto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/\",\"name\":\"Fixed Cost vs Variable Cost: What is the Difference?\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp\",\"datePublished\":\"2024-10-03T07:59:49+00:00\",\"dateModified\":\"2025-12-23T02:31:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/f763f48943ca0ac5f57114796693f931\"},\"description\":\"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#breadcrumb\"},\"inLanguage\":\"en-PH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp\",\"width\":1200,\"height\":650,\"caption\":\"variable cost\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fixed Cost vs Variable Cost, What is the Difference?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/\",\"name\":\"HashMicro Philippine Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-PH\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/f763f48943ca0ac5f57114796693f931\",\"name\":\"Widi Yulianto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-PH\",\"@id\":\"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/cropped-ff7687c9-d66e-404b-8d0a-4c57d6a400ba-removebg-preview-96x96.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/cropped-ff7687c9-d66e-404b-8d0a-4c57d6a400ba-removebg-preview-96x96.png\",\"caption\":\"Widi Yulianto\"},\"description\":\"Widi Yulianto is a Content Writer with a keen interest in digital marketing and data-driven marketing strategies.\",\"url\":\"https:\/\/www.hashmicro.com\/ph\/blog\/author\/widi-yulianto\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fixed Cost vs Variable Cost: What is the Difference?","description":"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/","og_locale":"en_US","og_type":"article","og_title":"Fixed Cost vs Variable Cost, What is the Difference?","og_description":"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.","og_url":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/","og_site_name":"HashMicro Philippine Blog","article_published_time":"2024-10-03T07:59:49+00:00","article_modified_time":"2025-12-23T02:31:17+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp","type":"image\/webp"}],"author":"Widi Yulianto","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Widi Yulianto","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/","name":"Fixed Cost vs Variable Cost: What is the Difference?","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp","datePublished":"2024-10-03T07:59:49+00:00","dateModified":"2025-12-23T02:31:17+00:00","author":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/f763f48943ca0ac5f57114796693f931"},"description":"Fixed costs remain constant regardless of changes in production volume, whereas variable costs adjust based on the number of units produced.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#breadcrumb"},"inLanguage":"en-PH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/"]}]},{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#primaryimage","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2024\/10\/image-2025-03-25T090940.607.webp","width":1200,"height":650,"caption":"variable cost"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/fixed-cost-vs-variable-cost\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/ph\/blog\/"},{"@type":"ListItem","position":2,"name":"Fixed Cost vs Variable Cost, What is the Difference?"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#website","url":"https:\/\/www.hashmicro.com\/ph\/blog\/","name":"HashMicro Philippine Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/ph\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-PH"},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/f763f48943ca0ac5f57114796693f931","name":"Widi Yulianto","image":{"@type":"ImageObject","inLanguage":"en-PH","@id":"https:\/\/www.hashmicro.com\/ph\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/cropped-ff7687c9-d66e-404b-8d0a-4c57d6a400ba-removebg-preview-96x96.png","contentUrl":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-content\/uploads\/2025\/02\/cropped-ff7687c9-d66e-404b-8d0a-4c57d6a400ba-removebg-preview-96x96.png","caption":"Widi Yulianto"},"description":"Widi Yulianto is a Content Writer with a keen interest in digital marketing and data-driven marketing strategies.","url":"https:\/\/www.hashmicro.com\/ph\/blog\/author\/widi-yulianto\/"}]}},"order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/9180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/comments?post=9180"}],"version-history":[{"count":14,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/9180\/revisions"}],"predecessor-version":[{"id":30071,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/posts\/9180\/revisions\/30071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media\/22235"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/media?parent=9180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/categories?post=9180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/ph\/blog\/wp-json\/wp\/v2\/tags?post=9180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}