{"id":495,"date":"2023-09-04T08:48:09","date_gmt":"2023-09-04T08:48:09","guid":{"rendered":"https:\/\/itcroctheme.com\/wp\/demos\/themes\/xotric\/?page_id=495"},"modified":"2026-04-29T09:16:36","modified_gmt":"2026-04-29T09:16:36","slug":"home-two","status":"publish","type":"page","link":"https:\/\/dev.mirakitech.com\/boss_grp\/","title":{"rendered":"Home Two"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n \r\n
\r\n \r\n

Beyond Business, We\u2019re a People-Powered<\/span> Revolution for a Better Tomorrow!<\/span><\/h2>\r\n <\/div>\r\n\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Empowering individuals to create meaningful change through collective action. Together, we drive progress for a better tomorrow.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n \r\n
\r\n Making history in our industry<\/span>\r\n

A Journey of Constant Growth <\/h2> <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t<\/path>\n\t\t\t\t\t<\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t
Many more milestones we are achieving ahead<\/div>\n\t\t\t\t
<\/div>\n\t\t\t<\/div>\n\t\t\t
<\/div>\n\t\t<\/section>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Responsive Timeline<\/title>\r\n <style>\r\n :root {\r\n --primary: #003690;\r\n --primary-dark: #003690;\r\n --bg: #f4f7f9;\r\n --text: #3a4350;\r\n --muted: #7f8a97;\r\n --line-width: 5px;\r\n --node-size: 60px;\r\n --row-height: 160px;\r\n --flow-duration: 14s;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/*body {*\/\r\n \/* margin: 0;*\/\r\n \/* min-height: 100svh;*\/\r\n \/* font-family: Arial, Helvetica, sans-serif;*\/\r\n \/* background: var(--bg);*\/\r\n \/* color: var(--text);*\/\r\n \/* display: flex;*\/\r\n \/* align-items: center;*\/\r\n \/* justify-content: center;*\/\r\n \/* padding: 24px;*\/\r\n \/*}*\/\r\n\r\n .timeline-shell {\r\n width: min(100%, 1280px);\r\n }\r\n\r\n .timeline-board {\r\n position: relative;\r\n width: 100%;\r\n min-height: 720px;\r\n border-radius: 32px;\r\n overflow: hidden;\r\n }\r\n\r\n .timeline-path {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .timeline-path path {\r\n fill: none;\r\n stroke-width: var(--line-width);\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .timeline-path .path-base {\r\n stroke: rgba(0, 54, 144, 0.22);\r\n }\r\n\r\n .timeline-path .path-progress {\r\n stroke: var(--primary);\r\n filter: drop-shadow(0 0 10px rgba(0, 54, 144, 0.28));\r\n stroke-dasharray: var(--path-length, 0);\r\n stroke-dashoffset: var(--path-length, 0);\r\n animation: flow-path var(--flow-duration) linear infinite;\r\n }\r\n\r\n .timeline-rows {\r\n position: absolute;\r\n inset: 0;\r\n padding: 40px 72px;\r\n display: grid;\r\n grid-template-rows: repeat(4, 1fr);\r\n }\r\n\r\n .timeline-row {\r\n display: grid;\r\n grid-template-columns: repeat(5, minmax(0, 1fr));\r\n align-items: center;\r\n }\r\n\r\n .timeline-point {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: var(--row-height);\r\n transform: translateX(var(--shift, 0px));\r\n }\r\n\r\n .timeline-copy {\r\n position: absolute;\r\n left: 50%;\r\n width: min(165px, 92%);\r\n text-align: center;\r\n transform: translateX(-50%);\r\n padding: 0 6px;\r\n }\r\n\r\n .timeline-point.above .timeline-copy {\r\n bottom: calc(50% + 30px);\r\n }\r\n\r\n .timeline-point.below .timeline-copy {\r\n top: calc(50% + 30px);\r\n }\r\n\r\n .timeline-copy h3 {\r\n margin: 0;\r\n font-size: 13px;\r\n line-height: 1.4;\r\n font-weight: 600;\r\n color: var(--text);\r\n }\r\n\r\n .timeline-node {\r\n width: var(--node-size);\r\n height: var(--node-size);\r\n position: relative;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n color: #fff;\r\n display: grid;\r\n place-items: center;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 0.76rem;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n box-shadow: 0 14px 26px rgba(0, 54, 144, 0.25);\r\n flex: 0 0 auto;\r\n z-index: 1;\r\n border: 5px solid var(--bg);\r\n white-space: nowrap;\r\n transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;\r\n }\r\n\r\n .timeline-node::before,\r\n .mobile-year::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 5px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));\r\n pointer-events: none;\r\n }\r\n\r\n .timeline-node::after,\r\n .mobile-year::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: -7px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(0, 54, 144, 0.18);\r\n opacity: 0;\r\n transform: scale(0.92);\r\n pointer-events: none;\r\n }\r\n\r\n .timeline-point:hover .timeline-node {\r\n transform: translateY(-4px) scale(1.08);\r\n filter: brightness(1.08);\r\n box-shadow: 0 20px 34px rgba(0, 54, 144, 0.34), 0 0 0 10px rgba(0, 54, 144, 0.08);\r\n }\r\n\r\n .timeline-point:hover .timeline-node::after,\r\n .mobile-item:hover .mobile-year::after {\r\n opacity: 1;\r\n animation: hover-ring 1.2s ease-in-out infinite;\r\n }\r\n\r\n .timeline-point:hover .timeline-copy h3,\r\n .mobile-item:hover .mobile-card h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .timeline-point.is-active .timeline-node {\r\n animation: pass-node 0.9s ease-out;\r\n box-shadow: 0 22px 38px rgba(0, 54, 144, 0.36), 0 0 0 12px rgba(0, 54, 144, 0.1);\r\n }\r\n\r\n .timeline-point.is-active .timeline-node::after,\r\n .mobile-item.is-active .mobile-year::after {\r\n opacity: 1;\r\n animation: pass-ring 0.9s ease-out;\r\n }\r\n\r\n .timeline-point.is-active .timeline-copy h3,\r\n .mobile-item.is-active .mobile-card h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .timeline-mobile {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 991px) {\r\n body {\r\n padding: 18px;\r\n }\r\n\r\n .timeline-board {\r\n display: none;\r\n }\r\n\r\n .timeline-mobile {\r\n display: block;\r\n position: relative;\r\n padding-left: 72px;\r\n }\r\n\r\n .timeline-mobile::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: calc((var(--node-size) \/ 2) - (var(--line-width) \/ 2));\r\n width: var(--line-width);\r\n border-radius: 999px;\r\n background: var(--primary);\r\n }\r\n\r\n .mobile-item {\r\n position: relative;\r\n margin-bottom: 22px;\r\n min-height: 58px;\r\n }\r\n\r\n .mobile-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .mobile-year {\r\n position: absolute;\r\n left: -72px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: var(--node-size);\r\n height: var(--node-size);\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n color: #fff;\r\n display: grid;\r\n place-items: center;\r\n font-weight: 700;\r\n font-size: 0.76rem;\r\n line-height: 1;\r\n letter-spacing: 0;\r\n box-shadow: 0 14px 26px rgba(0, 54, 144, 0.25);\r\n border: 5px solid var(--bg);\r\n z-index: 1;\r\n white-space: nowrap;\r\n transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;\r\n }\r\n\r\n .mobile-item:hover .mobile-year {\r\n transform: translateY(-50%) scale(1.08);\r\n filter: brightness(1.08);\r\n box-shadow: 0 20px 34px rgba(0, 54, 144, 0.34), 0 0 0 10px rgba(0, 54, 144, 0.08);\r\n }\r\n\r\n .mobile-card {\r\n padding: 0 0 0 20px;\r\n }\r\n\r\n .mobile-card h3 {\r\n margin: 0;\r\n font-size: 1rem;\r\n line-height: 1.4;\r\n }\r\n }\r\n\r\n @media (max-width: 575px) {\r\n body {\r\n padding: 14px;\r\n }\r\n\r\n .timeline-mobile {\r\n padding-left: 66px;\r\n }\r\n\r\n .timeline-mobile::before {\r\n left: calc((var(--node-size) \/ 2) - (var(--line-width) \/ 2));\r\n }\r\n\r\n .mobile-card {\r\n padding-left: 16px;\r\n }\r\n }\r\n\r\n @keyframes flow-path {\r\n 0% {\r\n stroke-dashoffset: var(--path-length, 0);\r\n }\r\n 100% {\r\n stroke-dashoffset: 0;\r\n }\r\n }\r\n\r\n @keyframes hover-ring {\r\n 0%, 100% {\r\n opacity: 0.35;\r\n transform: scale(1);\r\n }\r\n 50% {\r\n opacity: 0.8;\r\n transform: scale(1.12);\r\n }\r\n }\r\n\r\n @keyframes pass-node {\r\n 0% {\r\n transform: scale(1);\r\n filter: brightness(1);\r\n }\r\n 35% {\r\n transform: scale(1.16);\r\n filter: brightness(1.14);\r\n }\r\n 100% {\r\n transform: scale(1);\r\n filter: brightness(1);\r\n }\r\n }\r\n\r\n @keyframes pass-ring {\r\n 0% {\r\n opacity: 0.75;\r\n transform: scale(0.9);\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: scale(1.5);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"timeline-shell\">\r\n <div class=\"timeline-board\" id=\"timelineBoard\" aria-label=\"Timeline\">\r\n <svg class=\"timeline-path\" id=\"timelineSvg\" viewBox=\"0 0 1200 720\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n <path class=\"path-base\" id=\"timelineBasePath\"><\/path>\r\n <path class=\"path-progress\" id=\"timelineProgressPath\"><\/path>\r\n <\/svg>\r\n <div class=\"timeline-rows\" id=\"desktopTimeline\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-mobile\" id=\"mobileTimeline\" aria-label=\"Responsive timeline\"><\/div>\r\n <\/section>\r\n <script>\r\n const timelineData = [\r\n { year: 2000, title: \"Established BOSS Australia\" },\r\n { year: 2002, title: \"Our first outlet started in Wollongong\" },\r\n { year: 2004, title: \"Entered Brisbane\" },\r\n { year: 2005, title: \"Established relationship with BP; bought first freehold\" },\r\n { year: 2005, title: \"HQ in Brisbane\" },\r\n { year: 2009, title: \"Started convenience store (SPAR)\" },\r\n { year: 2011, title: \"Bought 3 sites + freeholds in a single txn\" },\r\n { year: 2013, title: \"Sold convenience store (SPAR)\" },\r\n { year: 2014, title: \"Reached 10+ sites under operations\" },\r\n { year: 2016, title: \"Established relationship with AMPOL\" },\r\n { year: 2017, title: \"First complete greenfield site (Hattonvale)\" },\r\n { year: 2018, title: \"Established relationship with SHELL\" },\r\n { year: 2019, title: \"Developed greenfield site (Ampol Wacol)\" },\r\n { year: 2022, title: \"Elite C&P established\" },\r\n { year: 2022, title: \"Acquired BMC\" },\r\n { year: 2022, title: \"Acquired first hotel (Adelaide)\" },\r\n { year: 2022, title: \"Established relationship with CALTEX\" },\r\n { year: 2023, title: \"Fuel volume of 75ML p.a; Elite closed its first project\" },\r\n { year: 2024, title: \"BMC put on sale\" },\r\n { year: 2024, title: \"First EV site opened\" }\r\n \r\n ];\r\n\r\n const ROW_HEIGHT = 160;\r\n const VERTICAL_PADDING = 40;\r\n const HORIZONTAL_PADDING = 72;\r\n const CURVE_RADIUS = 60;\r\n\r\n const timelineBoard = document.getElementById(\"timelineBoard\");\r\n const timelineSvg = document.getElementById(\"timelineSvg\");\r\n const timelineBasePath = document.getElementById(\"timelineBasePath\");\r\n const timelineProgressPath = document.getElementById(\"timelineProgressPath\");\r\n const desktopTimeline = document.getElementById(\"desktopTimeline\");\r\n const mobileTimeline = document.getElementById(\"mobileTimeline\");\r\n let flowIntervalId;\r\n const desktopOffsets = [\r\n [-24, -8, 18, 34, 12],\r\n [22, -18, 10, -30, 26],\r\n [-28, 16, -12, 24, -20],\r\n [14, -26, 22, -10, 30],\r\n [-20, 12, -16, 28, -6],\r\n [24, -14, 18, -22, 10]\r\n ];\r\n const rowsWithTopTitles = new Set([0, 1, 2, 3]);\r\n\r\n \/**\r\n * Builds the order of timeline data indices as they appear along the SVG path.\r\n * Even rows (0, 2, ...) go left \u2192 right; odd rows (1, 3, ...) go right \u2192 left.\r\n * So path order is always chronological: row 0 hits 0,1,2,3,4; row 1 hits 5,6,7,8,9 (rightmost first); etc.\r\n * visualFlowOrder[step] = timelineData index for the node at path position step.\r\n *\/\r\n function buildVisualFlowOrder(items, itemsPerRow = 5) {\r\n const order = [];\r\n for (let rowStart = 0; rowStart < items.length; rowStart += itemsPerRow) {\r\n for (let j = 0; j < itemsPerRow; j++) order.push(rowStart + j);\r\n }\r\n return order;\r\n }\r\n\r\n function renderDesktop(items) {\r\n const rows = [];\r\n\r\n for (let i = 0; i < items.length; i += 5) {\r\n rows.push(items.slice(i, i + 5));\r\n }\r\n\r\n const rowCount = rows.length;\r\n const boardHeight = (rowCount * ROW_HEIGHT) + (VERTICAL_PADDING * 2);\r\n desktopTimeline.style.gridTemplateRows = `repeat(${rowCount}, var(--row-height))`;\r\n timelineBoard.style.minHeight = `${boardHeight}px`;\r\n buildTimelinePath(rowCount, boardHeight);\r\n\r\n const visualFlowOrder = buildVisualFlowOrder(items, 5);\r\n\r\n desktopTimeline.innerHTML = rows.map((row, rowIndex) => {\r\n const rowItems = rowIndex % 2 === 1 ? [...row].reverse() : row;\r\n const placementClass = rowsWithTopTitles.has(rowIndex) ? \"above\" : \"below\";\r\n const rowOffsets = desktopOffsets[rowIndex % desktopOffsets.length] || [0, 0, 0, 0, 0];\r\n\r\n return `\r\n <div class=\"timeline-row\">\r\n ${rowItems.map((item, itemIndex) => {\r\n const dataIndex = rowIndex * 5 + (rowIndex % 2 === 1 ? row.length - 1 - itemIndex : itemIndex);\r\n const flowIndex = visualFlowOrder.indexOf(dataIndex);\r\n return `\r\n <article class=\"timeline-point ${placementClass}\" data-flow-index=\"${flowIndex}\" style=\"--shift: ${rowOffsets[itemIndex] || 0}px; --index: ${flowIndex};\">\r\n <div class=\"timeline-copy\">\r\n <h3>${item.title}<\/h3>\r\n <\/div>\r\n <div class=\"timeline-node\">${formatYear(item.year)}<\/div>\r\n <\/article>\r\n `;\r\n }).join(\"\")}\r\n <\/div>\r\n `;\r\n }).join(\"\");\r\n }\r\n\r\n function renderMobile(items) {\r\n mobileTimeline.innerHTML = items.map((item, index) => `\r\n <article class=\"mobile-item\" data-flow-index=\"${index}\">\r\n <div class=\"mobile-year\" style=\"--index: ${index};\">${formatYear(item.year)}<\/div>\r\n <div class=\"mobile-card\">\r\n <h3>${item.title}<\/h3>\r\n <\/div>\r\n <\/article>\r\n `).join(\"\");\r\n }\r\n\r\n function formatYear(year) {\r\n return String(year);\r\n }\r\n\r\n function buildTimelinePath(rowCount, boardHeight) {\r\n const startX = HORIZONTAL_PADDING + 18;\r\n const endX = 1200 - HORIZONTAL_PADDING - 18;\r\n const curveRadius = CURVE_RADIUS;\r\n const topY = VERTICAL_PADDING + (ROW_HEIGHT \/ 2);\r\n const stepY = ROW_HEIGHT;\r\n const segments = [`M ${startX} ${topY}`];\r\n\r\n for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {\r\n const currentY = topY + (rowIndex * stepY);\r\n const movesRight = rowIndex % 2 === 0;\r\n const horizontalEnd = movesRight ? endX : startX;\r\n segments.push(`H ${horizontalEnd}`);\r\n\r\n if (rowIndex === rowCount - 1) {\r\n continue;\r\n }\r\n\r\n const nextY = topY + ((rowIndex + 1) * stepY);\r\n\r\n if (movesRight) {\r\n segments.push(`A ${curveRadius} ${curveRadius} 0 0 1 ${endX + curveRadius} ${currentY + curveRadius}`);\r\n segments.push(`V ${nextY - curveRadius}`);\r\n segments.push(`A ${curveRadius} ${curveRadius} 0 0 1 ${endX} ${nextY}`);\r\n } else {\r\n segments.push(`A ${curveRadius} ${curveRadius} 0 0 0 ${startX - curveRadius} ${currentY + curveRadius}`);\r\n segments.push(`V ${nextY - curveRadius}`);\r\n segments.push(`A ${curveRadius} ${curveRadius} 0 0 0 ${startX} ${nextY}`);\r\n }\r\n }\r\n\r\n const pathData = segments.join(\" \");\r\n timelineSvg.setAttribute(\"viewBox\", `0 0 1200 ${boardHeight}`);\r\n timelineBasePath.setAttribute(\"d\", pathData);\r\n timelineProgressPath.setAttribute(\"d\", pathData);\r\n\r\n const pathLength = timelineProgressPath.getTotalLength();\r\n timelineSvg.style.setProperty(\"--path-length\", pathLength);\r\n }\r\n\r\n function startFlowSync() {\r\n const totalItems = timelineData.length;\r\n const durationSeconds = parseFloat(getComputedStyle(document.documentElement).getPropertyValue(\"--flow-duration\")) || 14;\r\n const stepDuration = (durationSeconds * 1000) \/ totalItems;\r\n let activeIndex = 0;\r\n\r\n if (flowIntervalId) {\r\n clearInterval(flowIntervalId);\r\n }\r\n\r\n const activateStep = () => {\r\n document.querySelectorAll(\".timeline-point.is-active, .mobile-item.is-active\").forEach((element) => {\r\n element.classList.remove(\"is-active\");\r\n });\r\n\r\n document.querySelectorAll(`[data-flow-index=\"${activeIndex}\"]`).forEach((element) => {\r\n element.classList.add(\"is-active\");\r\n });\r\n\r\n window.setTimeout(() => {\r\n document.querySelectorAll(`[data-flow-index=\"${activeIndex}\"]`).forEach((element) => {\r\n element.classList.remove(\"is-active\");\r\n });\r\n }, Math.min(950, stepDuration * 0.9));\r\n\r\n activeIndex = (activeIndex + 1) % totalItems;\r\n };\r\n\r\n activateStep();\r\n flowIntervalId = window.setInterval(activateStep, stepDuration);\r\n }\r\n\r\n renderDesktop(timelineData);\r\n renderMobile(timelineData);\r\n startFlowSync();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99e249f e-flex e-con-boxed e-con e-parent\" data-id=\"99e249f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d037fef text-center elementor-widget__width-inherit elementor-widget elementor-widget-tg-heading\" data-id=\"d037fef\" data-element_type=\"widget\" data-widget_type=\"tg-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"section-title-two tg-heading-subheading animation-style3\">\r\n \r\n <h2 class=\"title tg-element-title\">Not Just Numbers, But Real <span style=\"color:#2958a3\">Impacts\u00a0<\/span><\/h2>\r\n <\/div>\r\n\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2d1eea e-flex e-con-boxed e-con e-parent\" data-id=\"b2d1eea\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-88eeec7 e-con-full e-flex e-con e-child\" data-id=\"88eeec7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f024e4c elementor-widget elementor-widget-tg-iconbox\" data-id=\"f024e4c\" data-element_type=\"widget\" data-widget_type=\"tg-iconbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"icon-box-style text-center\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2025\/11\/recommendation-1.png\" alt=\"Icon\">\r\n <\/div>\r\n <div class=\"content\">\r\n <h4 class=\"title\"><a href=\"\">27+<\/a><\/h4>\r\n <p>Years of\nEstablished Presence\u00a0<\/p>\r\n <a href=\"\" class=\"box-link\"><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3dc639 e-con-full e-flex e-con e-child\" data-id=\"f3dc639\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bd6825 elementor-widget elementor-widget-tg-iconbox\" data-id=\"2bd6825\" data-element_type=\"widget\" data-widget_type=\"tg-iconbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"icon-box-style text-center\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2025\/11\/rating-1.png\" alt=\"Icon\">\r\n <\/div>\r\n <div class=\"content\">\r\n <h4 class=\"title\"><a href=\"\">10K +<\/a><\/h4>\r\n <p>Happy customers\n\/Satisfied patrons\n<\/p>\r\n <a href=\"\" class=\"box-link\"><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67cedb0 e-con-full e-flex e-con e-child\" data-id=\"67cedb0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9af92cf elementor-widget elementor-widget-tg-iconbox\" data-id=\"9af92cf\" data-element_type=\"widget\" data-widget_type=\"tg-iconbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"icon-box-style text-center\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2025\/11\/SVG.png\" alt=\"Icon\">\r\n <\/div>\r\n <div class=\"content\">\r\n <h4 class=\"title\"><a href=\"\">8K +<\/a><\/h4>\r\n <p>Employment opportunities created\u00a0<\/p>\r\n <a href=\"\" class=\"box-link\"><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b8a276 e-con-full e-flex e-con e-child\" data-id=\"5b8a276\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9238a2 elementor-widget elementor-widget-tg-iconbox\" data-id=\"d9238a2\" data-element_type=\"widget\" data-widget_type=\"tg-iconbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"icon-box-style text-center\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2025\/11\/Container.png\" alt=\"Icon\">\r\n <\/div>\r\n <div class=\"content\">\r\n <h4 class=\"title\"><a href=\"\">1M +<\/a><\/h4>\r\n <p> Countless Lives Impacted<\/p>\r\n <a href=\"\" class=\"box-link\"><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8a8d46 e-con-full e-flex e-con e-child\" data-id=\"f8a8d46\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1769bde elementor-widget elementor-widget-tg-iconbox\" data-id=\"1769bde\" data-element_type=\"widget\" data-widget_type=\"tg-iconbox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"icon-box-style text-center\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2025\/11\/Container.png\" alt=\"Icon\">\r\n <\/div>\r\n <div class=\"content\">\r\n <h4 class=\"title\"><a href=\"\">5+<\/a><\/h4>\r\n <p>Global operational locations \/ divisions<\/p>\r\n <a href=\"\" class=\"box-link\"><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87de0e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87de0e2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8fe1e3b\" data-id=\"8fe1e3b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0edc3e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0edc3e7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2b88d25\" data-id=\"2b88d25\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85d5e43 elementor-widget elementor-widget-tg-heading\" data-id=\"85d5e43\" data-element_type=\"widget\" data-widget_type=\"tg-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"section-title-two tg-heading-subheading animation-style3\">\r\n \r\n <h2 class=\"title tg-element-title\">Shaping Tomorrow with Our Services <span style=\"color:#2958a3\">Today!<\/span><\/h2>\r\n <\/div>\r\n\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-541ff89\" data-id=\"541ff89\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c61efe elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1c61efe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Unlock your business's potential with our innovative and future-focused services. Together, we turn today's challenges into tomorrow's success stories<\/p>\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 class=\"elementor-element elementor-element-2b1c2d9 elementor-widget elementor-widget-tg-servicesBox\" data-id=\"2b1c2d9\" data-element_type=\"widget\" data-widget_type=\"tg-servicesBox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n \r\n <div class=\"row justify-content-center\">\r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".0s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/ser-1-1.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/service-stations\/\">Service Stations<\/a>\r\n <\/h2>\r\n <p>Great journeys deserve great stops. Our locations across Australia have something for everyone.<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".2s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/Construction_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/construction\/\">Construction<\/a>\r\n <\/h2>\r\n <p>From site discovery to construction, we will be your steadfast partner, bringing your vision to life.<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".4s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/Hotel_Motel_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/motels\/\">Hotel & Motel<\/a>\r\n <\/h2>\r\n <p>Where weary travelers find their second home on the road with unmatched comfort & affordability\u00a0<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".6s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/Real_estate_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/real-estate\/\">Real Estate<\/a>\r\n <\/h2>\r\n <p>From re-leasing existing properties to facilitating land deals, our services are driven by passion\u00a0<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".8s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/Laundromat_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/laundry-supplies\/\">Laundromats<\/a>\r\n <\/h2>\r\n <p>Fuel & convenience for all at affordable rates, backed by unparalleled customer service excellence\u00a0<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".10s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/BPO_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/bpo\/\">BPO<\/a>\r\n <\/h2>\r\n <p>Paving your path to success with BPO services crafted to optimize operations & maximize efficiency\u00a0<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"col-lg-4 col-md-6\">\r\n <div class=\"services-item-two wow fadeInUp\" data-wow-delay=\".12s\">\r\n <div class=\"services-icon-two\">\r\n <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/Container_Line_icon.png\" alt=\"Icon\">\r\n <\/div>\r\n \r\n <div class=\"services-content-two\">\r\n <h2 class=\"title\">\r\n <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/services\/container-line\/\">Container Line<\/a>\r\n <\/h2>\r\n <p>Empowering businesses and shaping futures with purpose-driven technology solutions & services\u00a0<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n\r\n \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Beyond Business, We\u2019re a People-Powered Revolution for a Better Tomorrow! Empowering individuals to create meaningful change through collective action. Together, we drive progress for a better tomorrow. Making history in our industry A Journey of Constant Growth Responsive Timeline Not Just Numbers, But Real Impacts\u00a0 27+ Years of Established Presence\u00a0 10K + Happy customers \/Satisfied […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":448,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":5486,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/495\/revisions\/5486"}],"wp:attachment":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/media?parent=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}