{"id":499,"date":"2023-09-04T08:49:39","date_gmt":"2023-09-04T08:49:39","guid":{"rendered":"https:\/\/itcroctheme.com\/wp\/demos\/themes\/xotric\/?page_id=499"},"modified":"2026-04-27T05:15:37","modified_gmt":"2026-04-27T05:15:37","slug":"about-us","status":"publish","type":"page","link":"https:\/\/dev.mirakitech.com\/boss_grp\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"499\" class=\"elementor elementor-499\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2589a4 elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d2589a4\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-top-column elementor-element elementor-element-721192d\" data-id=\"721192d\" 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-4eca27d elementor-widget elementor-widget-heading\" data-id=\"4eca27d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From Small Beginnings to Great Heights: The BOSS Journey!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8ec6c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5a8ec6c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Welcome to the world of BOSS, where 'People' come first, relationships flourish, and opportunities abound!<\/p>\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-top-column elementor-element elementor-element-b928058 ms-auto\" data-id=\"b928058\" 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-f4b416d elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"f4b416d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/aboutus.png\" class=\"attachment-full size-full wp-image-2927\" alt=\"\" srcset=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/aboutus.png 1536w, https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/aboutus-300x200.png 300w, https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/aboutus-1024x683.png 1024w, https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/aboutus-768x512.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\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<div class=\"elementor-element elementor-element-ecf808a e-flex e-con-boxed e-con e-parent\" data-id=\"ecf808a\" 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-fb3344f elementor-widget elementor-widget-tg-heading\" data-id=\"fb3344f\" 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 tg-heading-subheading animation-style2\">\r\n                                    <span class=\"sub-title tg-element-title\">Making history in our industry<\/span>\r\n                                <h2 class=\"title tg-element-title\">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<div class=\"elementor-element elementor-element-f4c88e5 elementor-widget elementor-widget-shortcode\" data-id=\"f4c88e5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<section class=\"timeline-shell timeline-miraki\" style=\"--primary: #003690; --primary-dark: #003690;\" aria-label=\"Timeline\">\n\t\t\t<div class=\"timeline-board\" id=\"timelineBoard\" aria-label=\"Timeline\">\n\t\t\t\t<svg class=\"timeline-path\" id=\"timelineSvg\" viewBox=\"0 0 1200 720\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t<path class=\"path-base\" id=\"timelineBasePath\"><\/path>\n\t\t\t\t\t<path class=\"path-progress\" id=\"timelineProgressPath\"><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<div class=\"timeline-ending-note\" id=\"timelineEndingNote\">Many more milestones we are achieving ahead<\/div>\n\t\t\t\t<div class=\"timeline-rows\" id=\"desktopTimeline\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"timeline-mobile\" id=\"mobileTimeline\" aria-label=\"Responsive timeline\"><\/div>\n\t\t<\/section>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69221cc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"69221cc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>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        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<div class=\"elementor-element elementor-element-990d3c1 elementor-widget__width-auto elementor-absolute elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-bg-shapes\" data-id=\"990d3c1\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"bg-shapes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                    <img decoding=\"async\" data-parallax='{\"x\" : 188 , \"y\" : 30 }' src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2023\/09\/about_shape01.png\" alt=\"\">\r\n        \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b7b3a elementor-widget__width-auto elementor-absolute elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-bg-shapes\" data-id=\"61b7b3a\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"bg-shapes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                    <img decoding=\"async\" data-parallax='{\"x\" : 188 , \"y\" : 30 }' src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2023\/10\/hero_img02.png\" alt=\"\">\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-3d0081d e-flex e-con-boxed e-con e-parent\" data-id=\"3d0081d\" 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-d4a1aa4 elementor-widget elementor-widget-tg-heading\" data-id=\"d4a1aa4\" 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 tg-heading-subheading animation-style2\">\r\n                                <h2 class=\"title tg-element-title\">The Story Behind Our Inception <\/h2>            <\/div>\r\n\r\n        \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0e5133 elementor-widget elementor-widget-heading\" data-id=\"d0e5133\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The BOSS (Aust) Consulting Pty Ltd. was born from a shared vision among childhood friends who merged their diverse expertise into a powerful force. Each of our leaders hails from different fields\u2014real estate, construction, IT, hospitality\u2014but we are united by core values: trust, integrity, and a passion for building something meaningful.<br><br>\nIn 2002, we transformed that vision into reality. What began as a united group of professionals has evolved into a thriving enterprise, making a significant impact across various industries in Australia. Every step of our journey has been fueled by an unwavering commitment to excellence and the belief that together, we can achieve far more than any individual could alone.<br><br>Our growth is not just a business success; it\u2019s a compelling narrative of friendship, resilience, and a vision that continues to propel us forward.<\/p>\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-d7017d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d7017d9\" 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-4b531ee\" data-id=\"4b531ee\" 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-a4b8467 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4b8467\" 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-c90e5c4 mx-auto\" data-id=\"c90e5c4\" 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-717cca3 elementor-widget elementor-widget-genix-image\" data-id=\"717cca3\" data-element_type=\"widget\" data-widget_type=\"genix-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        \r\n            <div class=\"about-img text-end\">\r\n                                    <img decoding=\"async\" class=\"wow fadeInLeft\" data-wow-delay=\".5s\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/globewithAus-removebg-preview.png\" alt=\"\">\r\n                \r\n                                    <img decoding=\"async\" class=\"wow zoomIn\" data-wow-delay=\".2s\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/revslider\/galaxy_bg-1.png\" alt=\"\">\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e8b652a\" data-id=\"e8b652a\" 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-750fb1d elementor-widget elementor-widget-tg-heading\" data-id=\"750fb1d\" 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 tg-heading-subheading animation-style2\">\r\n                                    <span class=\"sub-title tg-element-title\">Who We Are  <\/span>\r\n                                <h2 class=\"title tg-element-title\">Growing with Purpose, Leading with Integrity<\/h2>            <\/div>\r\n\r\n        \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d92dc88 elementor-widget elementor-widget-heading\" data-id=\"d92dc88\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Born with a simple yet bold idea \u2013 to impact lives meaningfully \u2013 today, the BOSS Group has blossomed into a dynamic group of businesses that spans across diverse industries. From service stations to real estate, construction, IT, hotels, motels, laundromats, and medical centers, we\u2019ve built a strong and lasting presence across these sectors, making a significant impact with our commitment to excellence and integrity.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7d2fa4 elementor-widget elementor-widget-heading\" data-id=\"c7d2fa4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">At the heart of BOSS, we believe in the power of people. Whether it\u2019s our employees, our customers, or the communities we serve, people are our foundation. We take pride in being approachable and down-to-earth, no matter how far we've come. Our journey is about more than business; it's about building connections, delivering value, and impacting lives.<\/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-f2a549d elementor-widget__width-auto elementor-absolute elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-bg-shapes\" data-id=\"f2a549d\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"bg-shapes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                    <img decoding=\"async\" data-parallax='{\"x\" : 78 , \"y\" : 0 }' src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2023\/10\/hero_img02-150x150.png\" alt=\"\">\r\n        \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-757bc35 elementor-widget__width-auto elementor-absolute elementor-hidden-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-bg-shapes\" data-id=\"757bc35\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"bg-shapes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                    <img decoding=\"async\" data-parallax='{\"x\" : 0 , \"y\" : 50 }' src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2023\/09\/about_shape02.png\" alt=\"\">\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-95a1f76 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95a1f76\" 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-0384635\" data-id=\"0384635\" 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-fb7f9ef elementor-widget elementor-widget-tg-cta\" data-id=\"fb7f9ef\" data-element_type=\"widget\" data-widget_type=\"tg-cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n        \r\n            <div class=\"newsletter-inner\">\r\n                <div class=\"newsletter-content\">\r\n                    <div class=\"section-title white-title mb-30 tg-heading-subheading animation-style2\">\r\n                                                    <span class=\"sub-title tg-element-title\">\r\n                                Curious About Our Impact?                            <\/span>\r\n                        \r\n                                                    <h2 class=\"title tg-element-title\"> Let\u2019s Get in Touch!<\/h2>\r\n                                            <\/div>\r\n\r\n                                            <a href=\"https:\/\/dev.mirakitech.com\/boss_grp\/contact\/\" target=\"_self\" rel=\"nofollow\" class=\"btn\">Drop Us A Line <span><\/span><\/a>\r\n                    \r\n                <\/div>\r\n\r\n                                    <div class=\"newsletter-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dev.mirakitech.com\/boss_grp\/wp-content\/uploads\/2026\/02\/footer__1_-removebg-preview.png\" alt=\"Image\" class=\"wow fadeInRight\" data-wow-delay=\".2s\">\r\n                    <\/div>\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>From Small Beginnings to Great Heights: The BOSS Journey! Welcome to the world of BOSS, where &#8216;People&#8217; come first, relationships flourish, and opportunities abound! Making history in our industry A Journey of Constant Growth Responsive Timeline The Story Behind Our Inception The BOSS (Aust) Consulting Pty Ltd. was born from a shared vision among childhood [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/499","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=499"}],"version-history":[{"count":268,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"predecessor-version":[{"id":5466,"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/pages\/499\/revisions\/5466"}],"wp:attachment":[{"href":"https:\/\/dev.mirakitech.com\/boss_grp\/wp-json\/wp\/v2\/media?parent=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}