{"id":34609,"date":"2026-07-13T12:56:23","date_gmt":"2026-07-13T12:56:23","guid":{"rendered":"https:\/\/preview.sg-build.co.za\/vha\/?page_id=34609"},"modified":"2026-07-17T09:20:39","modified_gmt":"2026-07-17T09:20:39","slug":"artificial-intelligence-in-your-business-and-the-use-of-xero-as-your-accounting-software","status":"publish","type":"page","link":"https:\/\/preview.sg-build.co.za\/vha\/artificial-intelligence-in-your-business-and-the-use-of-xero-as-your-accounting-software\/","title":{"rendered":"Artificial Intelligence in your Business and the use of Xero as your Accounting Software"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34609\" class=\"elementor elementor-34609\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c78253 podcast-hero e-flex e-con-boxed e-con e-parent\" data-id=\"0c78253\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a151530 e-con-full bottombox-lefttop e-flex e-con e-child\" data-id=\"a151530\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4800f39 elementor-widget__width-initial blob_two elementor-widget elementor-widget-html\" data-id=\"4800f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* SQUARE BLOB TWO *\/\r\n.blob_two {\r\n    width: 5.5px !important;\r\n    height: 5.5px !important;\r\n\r\n    border-radius: 0 !important; \/* FORCE SQUARE *\/\r\n\r\n    border: 1px solid transparent;\r\n    background: white;\r\n\r\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\r\n\r\n    animation: pulse-white 2s 3 ease-in-out;\r\n\r\n    left: -325.666666px;\r\n    bottom: 32px;\r\n}\r\n\r\n\/* App blob *\/\r\n.blobapp {\r\n    border-radius: 0 !important;\r\n    border: 1px solid var(--e-global-color-text);\r\n    background: white;\r\n\r\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\r\n\r\n    animation: pulse-white 2s infinite ease-in-out;\r\n\r\n    height: 100% !important;\r\n}\r\n\r\n.blobapp:hover {\r\n    border-radius: 0 !important;\r\n    border: 1px solid transparent;\r\n    background: var(--e-global-color-text);\r\n\r\n    animation: pulse-black 2s infinite ease-in-out;\r\n}\r\n\r\n\/* Pulse animations *\/\r\n@keyframes pulse-white {\r\n    0% {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    70% {\r\n        transform: scale(1);\r\n        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\r\n    }\r\n\r\n    100% {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\r\n    }\r\n}\r\n\r\n@keyframes pulse-black {\r\n    0% {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 0 0 0 rgba(246, 132, 37, 0.7);\r\n    }\r\n\r\n    70% {\r\n        transform: scale(1);\r\n        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\r\n    }\r\n\r\n    100% {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\r\n    }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n    .blob_two{\r\n        bottom:33px !important;\r\n        left: -310px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media(max-width:834px){\r\n    .blob_two{\r\n        bottom:33px !important;\r\n        left: -370px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media(max-width:390px){\r\n    .blob_two{\r\n        left: -100px;\r\n        bottom:22px !important;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be90123 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"be90123\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Artificial Intelligence in your Business and the use of Xero as your Accounting Software<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b274ac8 elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"b274ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/preview.sg-build.co.za\/vha\/podcast\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"uuid-077e9dd9-be0f-4556-abe9-dab20d9c3167\" data-name=\"Layer 2\" viewBox=\"0 0 68.93341 60\"><defs><style>      .uuid-0253795f-844c-477e-baf7-bb5541c2137c {        fill: #f68425;      }    <\/style><\/defs><g id=\"uuid-3230e2c8-aa28-4874-8df1-96db7dafff71\" data-name=\"Layer 1\"><g id=\"uuid-ee7b05ad-1e02-43fb-98b4-d344cd3c9704\" data-name=\"a\"><path class=\"uuid-0253795f-844c-477e-baf7-bb5541c2137c\" d=\"M24,48v-12h-12v12h12M0,48v12h12v-12H0M12,24h12v-12h-12v12M36,24h-12v12h12v-12M12,12V0H0v12h12Z\"><\/path><\/g><g id=\"uuid-f0d671e6-480f-4537-b597-8342dfa41274\" data-name=\"a\"><path class=\"uuid-0253795f-844c-477e-baf7-bb5541c2137c\" d=\"M56.93341,48v-12h-12v12h12M32.93341,48v12h12v-12h-12M44.93341,24h12v-12h-12v12M68.93341,24h-12v12h12v-12M44.93341,12V0h-12v12h12Z\"><\/path><\/g><\/g><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Podcasts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-934f36b e-flex e-con-boxed e-con e-parent\" data-id=\"934f36b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0241419 elementor-widget elementor-widget-html\" data-id=\"0241419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.podcast-hero {\r\n  height: 406px;\r\n  background-image: url(\"http:\/\/preview.sg-build.co.za\/vha\/wp-content\/uploads\/sites\/679\/2026\/07\/Banner_pod_bigger.png\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n@media (max-width: 1599px) {\r\n  .podcast-hero {\r\n    background-image: url(\"http:\/\/preview.sg-build.co.za\/vha\/wp-content\/uploads\/sites\/679\/2026\/07\/Laptop_banner_pod_bigger.png\");\r\n    height: 406px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .podcast-hero {\r\n    background-image: none;\r\n    height: auto;\r\n  }\r\n}\r\n\r\n.bottombox-lefttop {\r\n  position: relative;\r\n}\r\n\r\n\/* vertical line *\/\r\n.bottombox-lefttop::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 1px;\r\n  height: 0;\r\n  background: #fff;\r\n  animation: vhaLineUp 0.75s forwards;\r\n}\r\n\r\n\/* horizontal line *\/\r\n.bottombox-lefttop::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 0;\r\n  height: 1px;\r\n  background: #fff;\r\n  animation: vhaLineRight 0.75s forwards;\r\n  animation-delay: 0.75s;\r\n}\r\n\r\n@keyframes vhaLineUp {\r\n  from {\r\n    height: 0;\r\n  }\r\n\r\n  to {\r\n    height: 110px;\r\n  }\r\n}\r\n\r\n@keyframes vhaLineRight {\r\n  from {\r\n    width: 0;\r\n  }\r\n\r\n  to {\r\n    width: 320px;\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bottombox-lefttop::before {\r\n    height: 60px;\r\n    animation: vhaLineUpTablet 0.75s forwards;\r\n  }\r\n\r\n  .bottombox-lefttop::after {\r\n    animation: vhaLineRightTablet 0.75s forwards;\r\n    animation-delay: 0.75s;\r\n  }\r\n\r\n  @keyframes vhaLineUpTablet {\r\n    from {\r\n      height: 0;\r\n    }\r\n\r\n    to {\r\n      height: 130px;\r\n    }\r\n  }\r\n\r\n  @keyframes vhaLineRightTablet {\r\n    from {\r\n      width: 0;\r\n    }\r\n\r\n    to {\r\n      width: 220px;\r\n    }\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .bottombox-lefttop::before {\r\n    height: 45px;\r\n    animation: vhaLineUpMobile 0.75s forwards;\r\n  }\r\n\r\n  .bottombox-lefttop::after {\r\n    animation: vhaLineRightMobile 0.75s forwards;\r\n    animation-delay: 0.75s;\r\n  }\r\n\r\n  @keyframes vhaLineUpMobile {\r\n    from {\r\n      height: 0;\r\n    }\r\n\r\n    to {\r\n      height: 165px;\r\n    }\r\n  }\r\n\r\n  @keyframes vhaLineRightMobile {\r\n    from {\r\n      width: 0;\r\n    }\r\n\r\n    to {\r\n      width: 150px;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media (max-width: 834px) {\r\n  .bottombox-lefttop::before {\r\n    height: 45px;\r\n    animation: vhaLineUpMobile 0.75s forwards;\r\n  }\r\n\r\n  .bottombox-lefttop::after {\r\n    animation: vhaLineRightMobile 0.75s forwards;\r\n    animation-delay: 0.75s;\r\n  }\r\n\r\n  @keyframes vhaLineUpMobile {\r\n    from {\r\n      height: 0;\r\n    }\r\n\r\n    to {\r\n      height: 135px;\r\n    }\r\n  }\r\n\r\n  @keyframes vhaLineRightMobile {\r\n    from {\r\n      width: 0;\r\n    }\r\n\r\n    to {\r\n      width: 220px;\r\n    }\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffead2e elementor-widget elementor-widget-html\" data-id=\"ffead2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \n    .microtag h3{\n        \n        color: var(--e-global-color-accent) !important;\n        font-size:38px !important;\n        font-weight: 400 !important;\n        letter-spacing: 1.2px;\n        \n}\n      \n.blob {\n    border-radius: 0px;\n    border: 1px solid transparent;\n    background: white;\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\n    animation: pulse-white 2s 3;\n    height: 5.5px !important;\n    width: 5.5px !important;\n    left: 31.666666px;\n    bottom: 35px;\n}\n\n\n      \n.blobapp {\n   border-radius: 0px;\n    border: 1px solid var(--e-global-color-text);\n    background: white;\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\n    animation: pulse-white 2s infinite;\n    height:100% !important;\n\n\n}\n\n      \n.blobapp:hover {\n    border-radius: 0px;\n    border: 1px solid transparent;\n    background: var(--e-global-color-text);\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);\n    animation: pulse-black 2s infinite;\n\n}\n\n\n\/*blob*\/\n@keyframes pulse-white {\n    0% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n    }\n\n    70% {\n        transform: scale(1);\n        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\n    }\n\n    100% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n    }\n}\n\n@keyframes pulse-black {\n    0% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(246, 132, 37, 0.7);\n    }\n\n    70% {\n        transform: scale(1);\n        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\n    }\n\n    100% {\n        transform: scale(0.95);\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n    }\n}\n\n@media(max-width:1024px){\n    \n    .blob{\n        bottom:35px !important;\n    \n}\n\n}\n\n@media(max-width:767px){\n    \n    .blob{\n        bottom:0px !important;\n    \n}\n\n    .microtag h3{\n        \n        font-size:28px !important;\n    \n        \n}\n\n}\n\n<\/style>\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-27d092f e-flex e-con-boxed e-con e-parent\" data-id=\"27d092f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aab85c3 e-con-full audio-popper e-flex e-con e-child\" data-id=\"aab85c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e38167c elementor-widget elementor-widget-html\" data-id=\"e38167c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"vha-podcast-player\">\r\n\r\n    <div class=\"vha-podcast-thumbnail\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/preview.sg-build.co.za\/vha\/wp-content\/uploads\/sites\/679\/2026\/07\/pod_thumb_img.png\"\r\n            alt=\"VHA Podcast Thumbnail\"\r\n        >\r\n\r\n        <button\r\n            class=\"vha-thumbnail-play\"\r\n            type=\"button\"\r\n            aria-label=\"Play podcast\"\r\n        >\r\n            <span class=\"vha-player-icon\" aria-hidden=\"true\">\r\n\r\n                <svg\r\n                    class=\"vha-pixel-play-icon\"\r\n                    viewBox=\"0 0 28 32\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n                    <rect x=\"2\" y=\"2\" width=\"6\" height=\"28\" fill=\"currentColor\"\/>\r\n                    <rect x=\"8\" y=\"6\" width=\"6\" height=\"20\" fill=\"currentColor\"\/>\r\n                    <rect x=\"14\" y=\"10\" width=\"6\" height=\"12\" fill=\"currentColor\"\/>\r\n                    <rect x=\"20\" y=\"14\" width=\"6\" height=\"4\" fill=\"currentColor\"\/>\r\n                <\/svg>\r\n\r\n                <svg\r\n                    class=\"vha-pixel-pause-icon\"\r\n                    viewBox=\"0 0 28 32\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n                    <rect x=\"3\" y=\"3\" width=\"8\" height=\"26\" fill=\"currentColor\"\/>\r\n                    <rect x=\"17\" y=\"3\" width=\"8\" height=\"26\" fill=\"currentColor\"\/>\r\n                <\/svg>\r\n\r\n            <\/span>\r\n        <\/button>\r\n\r\n        <audio\r\n            class=\"vha-podcast-audio\"\r\n            src=\"http:\/\/preview.sg-build.co.za\/vha\/wp-content\/uploads\/sites\/679\/2026\/07\/Podcast_4_AI_Xero.mp3\"\r\n            preload=\"metadata\"\r\n        ><\/audio>\r\n\r\n        <div class=\"vha-podcast-controls\">\r\n\r\n            <div class=\"vha-control-buttons\">\r\n\r\n                <button\r\n                    class=\"vha-audio-control vha-audio-play\"\r\n                    type=\"button\"\r\n                    aria-label=\"Play podcast\"\r\n                >\r\n                    <svg\r\n                        class=\"vha-control-play-icon\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M8 5v14l11-7z\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <svg\r\n                        class=\"vha-control-pause-icon\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M6 5h4v14H6zm8 0h4v14h-4z\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"vha-audio-control vha-audio-back\"\r\n                    type=\"button\"\r\n                    aria-label=\"Go back 10 seconds\"\r\n                >\r\n                    <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n                        <path d=\"M15 6V2L8 8l7 6v-4c5 0 9 4 9 9a9 9 0 0 1-2.3 6l2.8 2.4A13 13 0 0 0 28 19c0-7.2-5.8-13-13-13z\"><\/path>\r\n                        <text x=\"14.5\" y=\"24\">10<\/text>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"vha-audio-control vha-audio-forward\"\r\n                    type=\"button\"\r\n                    aria-label=\"Go forward 10 seconds\"\r\n                >\r\n                    <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n                        <path d=\"M17 6V2l7 6-7 6v-4c-5 0-9 4-9 9a9 9 0 0 0 2.3 6l-2.8 2.4A13 13 0 0 1 4 19C4 11.8 9.8 6 17 6z\"><\/path>\r\n                        <text x=\"17.5\" y=\"24\">10<\/text>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"vha-audio-control vha-audio-mute\"\r\n                    type=\"button\"\r\n                    aria-label=\"Mute podcast\"\r\n                >\r\n                    <svg\r\n                        class=\"vha-volume-on-icon\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M3 9v6h4l5 4V5L7 9H3zm12.5 3a3.5 3.5 0 0 0-2-3.16v6.32a3.5 3.5 0 0 0 2-3.16zm-2-8.5v2.06a7 7 0 0 1 0 12.88v2.06a9 9 0 0 0 0-17z\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <svg\r\n                        class=\"vha-volume-off-icon\"\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M16.5 12a4.5 4.5 0 0 0-2.5-4.03v2.21l2.45 2.45c.03-.21.05-.42.05-.63zM19 12c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.93 8.93 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 4v-5.73L16.73 18A6.96 6.96 0 0 1 14 19.71v2.06a8.96 8.96 0 0 0 4.18-2.35L19.73 21 21 19.73 4.27 3zM12 5 9.91 6.67 12 8.76V5z\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <div class=\"vha-audio-time\">\r\n                    <span class=\"vha-current-time\">0:00<\/span>\r\n                    <span class=\"vha-time-divider\">\/<\/span>\r\n                    <span class=\"vha-duration\">0:00<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"vha-progress-wrap\">\r\n                <input\r\n                    class=\"vha-audio-progress\"\r\n                    type=\"range\"\r\n                    min=\"0\"\r\n                    max=\"100\"\r\n                    value=\"0\"\r\n                    step=\"0.1\"\r\n                    aria-label=\"Podcast progress\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.vha-podcast-player{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    font-family:Urbanist,sans-serif;\r\n    background:transparent;\r\n    border:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n.vha-podcast-player::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-18px;\r\n    bottom:-18px;\r\n    z-index:-1;\r\n    width:72px;\r\n    height:72px;\r\n    background:#F68425;\r\n    transition:transform .35s ease;\r\n}\r\n\r\n.vha-podcast-player::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-18px;\r\n    left:-18px;\r\n    z-index:-1;\r\n    width:42px;\r\n    height:42px;\r\n    background:#0D8492;\r\n    transition:transform .35s ease;\r\n}\r\n\r\n.vha-podcast-player:hover::before{\r\n    transform:translate(6px,6px);\r\n}\r\n\r\n.vha-podcast-player:hover::after{\r\n    transform:translate(-6px,-6px);\r\n}\r\n\r\n\/* THUMBNAIL *\/\r\n.vha-podcast-thumbnail{\r\n    position:relative;\r\n    display:block;\r\n    width:100%;\r\n    aspect-ratio:16 \/ 9;\r\n    overflow:hidden;\r\n    background:#221E1F;\r\n    border:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n.vha-podcast-thumbnail img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    border:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n.vha-podcast-thumbnail::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    pointer-events:none;\r\n    background:rgba(34,30,31,.08);\r\n}\r\n\r\n\/* MAIN PLAY BUTTON *\/\r\n.vha-thumbnail-play{\r\n    position:absolute !important;\r\n    top:50% !important;\r\n    left:50% !important;\r\n    z-index:10 !important;\r\n\r\n    display:flex !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    width:68px !important;\r\n    min-width:68px !important;\r\n    height:68px !important;\r\n    min-height:68px !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#fff !important;\r\n    background:#F68425 !important;\r\n    background-color:#F68425 !important;\r\n\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n    cursor:pointer;\r\n\r\n    transform:translate(-50%,-50%);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background-color .25s ease,\r\n        opacity .2s ease,\r\n        visibility .2s ease;\r\n}\r\n\r\n.vha-thumbnail-play:hover{\r\n    color:#fff !important;\r\n    background:#0D8492 !important;\r\n    transform:translate(-50%,-50%) scale(1.06);\r\n}\r\n\r\n.vha-thumbnail-play:active{\r\n    background:#F68425 !important;\r\n    transform:translate(-50%,-50%) scale(.98);\r\n}\r\n\r\n.vha-thumbnail-play.is-hidden{\r\n    opacity:0 !important;\r\n    visibility:hidden !important;\r\n    pointer-events:none !important;\r\n}\r\n\r\n.vha-player-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:34px;\r\n    height:38px;\r\n    color:#fff;\r\n    pointer-events:none;\r\n}\r\n\r\n.vha-player-icon svg{\r\n    display:block;\r\n    width:30px;\r\n    height:34px;\r\n}\r\n\r\n.vha-pixel-pause-icon{\r\n    display:none !important;\r\n}\r\n\r\n\/* RAW AUDIO *\/\r\n.vha-podcast-audio{\r\n    position:absolute !important;\r\n    width:1px !important;\r\n    height:1px !important;\r\n    opacity:0 !important;\r\n    pointer-events:none !important;\r\n}\r\n\r\n\/* CONTROL PANEL *\/\r\n.vha-podcast-controls{\r\n    position:absolute;\r\n    right:0;\r\n    bottom:0;\r\n    left:0;\r\n    z-index:8;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transform:translateY(12px);\r\n\r\n    background:linear-gradient(\r\n        to top,\r\n        rgba(34,30,31,.96) 0%,\r\n        rgba(34,30,31,.74) 62%,\r\n        rgba(34,30,31,0) 100%\r\n    );\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n.vha-podcast-player.is-started .vha-podcast-controls{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* CONTROL BUTTON ROW *\/\r\n.vha-control-buttons{\r\n    display:flex !important;\r\n    width:100% !important;\r\n    min-height:54px;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    gap:8px;\r\n\r\n    box-sizing:border-box;\r\n    margin:0;\r\n    padding:18px 12px 2px;\r\n\r\n    background:transparent !important;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.vha-audio-control{\r\n    display:inline-flex !important;\r\n    flex:0 0 36px;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    width:36px !important;\r\n    min-width:36px !important;\r\n    height:36px !important;\r\n    min-height:36px !important;\r\n\r\n    margin:0 !important;\r\n    padding:5px !important;\r\n\r\n    color:#fff !important;\r\n    background:transparent !important;\r\n\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.vha-audio-control:hover{\r\n    color:#F68425 !important;\r\n    background:transparent !important;\r\n    transform:translateY(-1px);\r\n}\r\n\r\n.vha-audio-control:focus,\r\n.vha-audio-control:active{\r\n    color:#fff !important;\r\n    background:transparent !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n}\r\n\r\n.vha-audio-control svg{\r\n    display:block;\r\n    width:25px;\r\n    height:25px;\r\n    fill:currentColor;\r\n    overflow:visible;\r\n    pointer-events:none;\r\n}\r\n\r\n.vha-audio-back svg,\r\n.vha-audio-forward svg{\r\n    width:30px;\r\n    height:30px;\r\n}\r\n\r\n.vha-audio-back text,\r\n.vha-audio-forward text{\r\n    fill:currentColor;\r\n    font-family:Arial,sans-serif;\r\n    font-size:7px;\r\n    font-weight:700;\r\n    text-anchor:middle;\r\n}\r\n\r\n.vha-control-pause-icon,\r\n.vha-volume-off-icon{\r\n    display:none !important;\r\n}\r\n\r\n.vha-audio-play.is-playing .vha-control-play-icon{\r\n    display:none !important;\r\n}\r\n\r\n.vha-audio-play.is-playing .vha-control-pause-icon{\r\n    display:block !important;\r\n}\r\n\r\n.vha-audio-mute.is-muted .vha-volume-on-icon{\r\n    display:none !important;\r\n}\r\n\r\n.vha-audio-mute.is-muted .vha-volume-off-icon{\r\n    display:block !important;\r\n}\r\n\r\n\/* TIME *\/\r\n.vha-audio-time{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:92px;\r\n    min-height:36px;\r\n    padding:0 4px;\r\n\r\n    color:#fff;\r\n    font-family:Urbanist,sans-serif;\r\n    font-size:13px;\r\n    font-weight:600;\r\n    line-height:1;\r\n    white-space:nowrap;\r\n}\r\n\r\n.vha-time-divider{\r\n    margin:0 4px;\r\n    opacity:.75;\r\n}\r\n\r\n\/* PROGRESS *\/\r\n.vha-progress-wrap{\r\n    display:flex;\r\n    align-items:center;\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    min-height:30px;\r\n    padding:0 14px 10px;\r\n}\r\n\r\n.vha-audio-progress{\r\n    display:block !important;\r\n    width:100% !important;\r\n    height:18px !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    background:transparent !important;\r\n\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    outline:0 !important;\r\n    box-shadow:none !important;\r\n\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n    cursor:pointer;\r\n}\r\n\r\n.vha-audio-progress::-webkit-slider-runnable-track{\r\n    width:100%;\r\n    height:5px;\r\n\r\n    background:linear-gradient(\r\n        to right,\r\n        #F68425 0%,\r\n        #F68425 var(--vha-progress,0%),\r\n        rgba(255,255,255,.55) var(--vha-progress,0%),\r\n        rgba(255,255,255,.55) 100%\r\n    );\r\n\r\n    border:0;\r\n    border-radius:0;\r\n}\r\n\r\n.vha-audio-progress::-webkit-slider-thumb{\r\n    width:12px;\r\n    height:12px;\r\n    margin-top:-3.5px;\r\n\r\n    background:#F68425;\r\n\r\n    border:0;\r\n    border-radius:0;\r\n\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n}\r\n\r\n.vha-audio-progress::-moz-range-track{\r\n    width:100%;\r\n    height:5px;\r\n    background:rgba(255,255,255,.55);\r\n    border:0;\r\n    border-radius:0;\r\n}\r\n\r\n.vha-audio-progress::-moz-range-progress{\r\n    height:5px;\r\n    background:#F68425;\r\n    border:0;\r\n    border-radius:0;\r\n}\r\n\r\n.vha-audio-progress::-moz-range-thumb{\r\n    width:12px;\r\n    height:12px;\r\n    background:#F68425;\r\n    border:0;\r\n    border-radius:0;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:767px){\r\n\r\n    .vha-podcast-player::before{\r\n        right:-10px;\r\n        bottom:-10px;\r\n        width:50px;\r\n        height:50px;\r\n    }\r\n\r\n    .vha-podcast-player::after{\r\n        top:-10px;\r\n        left:-10px;\r\n        width:30px;\r\n        height:30px;\r\n    }\r\n\r\n    .vha-thumbnail-play{\r\n        width:56px !important;\r\n        min-width:56px !important;\r\n        height:56px !important;\r\n        min-height:56px !important;\r\n    }\r\n\r\n    .vha-player-icon{\r\n        width:28px;\r\n        height:30px;\r\n    }\r\n\r\n    .vha-player-icon svg{\r\n        width:25px;\r\n        height:28px;\r\n    }\r\n\r\n    .vha-control-buttons{\r\n        gap:2px;\r\n        padding:14px 4px 0;\r\n    }\r\n\r\n    .vha-audio-control{\r\n        flex-basis:32px;\r\n        width:32px !important;\r\n        min-width:32px !important;\r\n        height:32px !important;\r\n        min-height:32px !important;\r\n        padding:4px !important;\r\n    }\r\n\r\n    .vha-audio-control svg{\r\n        width:22px;\r\n        height:22px;\r\n    }\r\n\r\n    .vha-audio-back svg,\r\n    .vha-audio-forward svg{\r\n        width:26px;\r\n        height:26px;\r\n    }\r\n\r\n    .vha-audio-time{\r\n        min-width:72px;\r\n        min-height:32px;\r\n        padding:0 2px;\r\n        font-size:11px;\r\n    }\r\n\r\n    .vha-time-divider{\r\n        margin:0 2px;\r\n    }\r\n\r\n    .vha-progress-wrap{\r\n        padding:0 10px 8px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n    const players = document.querySelectorAll(\".vha-podcast-player\");\r\n\r\n    players.forEach(function(player){\r\n\r\n        const audio = player.querySelector(\".vha-podcast-audio\");\r\n        const thumbnailButton = player.querySelector(\".vha-thumbnail-play\");\r\n        const controlPlay = player.querySelector(\".vha-audio-play\");\r\n        const backButton = player.querySelector(\".vha-audio-back\");\r\n        const forwardButton = player.querySelector(\".vha-audio-forward\");\r\n        const muteButton = player.querySelector(\".vha-audio-mute\");\r\n        const progress = player.querySelector(\".vha-audio-progress\");\r\n        const currentTime = player.querySelector(\".vha-current-time\");\r\n        const duration = player.querySelector(\".vha-duration\");\r\n\r\n        if(\r\n            !audio ||\r\n            !thumbnailButton ||\r\n            !controlPlay ||\r\n            !backButton ||\r\n            !forwardButton ||\r\n            !muteButton ||\r\n            !progress ||\r\n            !currentTime ||\r\n            !duration\r\n        ){\r\n            return;\r\n        }\r\n\r\n        function formatTime(seconds){\r\n\r\n            if(!Number.isFinite(seconds)){\r\n                return \"0:00\";\r\n            }\r\n\r\n            const minutes = Math.floor(seconds \/ 60);\r\n            const remainingSeconds = Math.floor(seconds % 60);\r\n\r\n            return minutes + \":\" +\r\n                remainingSeconds.toString().padStart(2,\"0\");\r\n        }\r\n\r\n        function showControls(){\r\n            player.classList.add(\"is-started\");\r\n        }\r\n\r\n        function updatePlayState(){\r\n\r\n            const playing = !audio.paused;\r\n\r\n            controlPlay.classList.toggle(\"is-playing\",playing);\r\n            thumbnailButton.classList.toggle(\"is-hidden\",playing);\r\n\r\n            controlPlay.setAttribute(\r\n                \"aria-label\",\r\n                playing ? \"Pause podcast\" : \"Play podcast\"\r\n            );\r\n\r\n            thumbnailButton.setAttribute(\r\n                \"aria-label\",\r\n                playing ? \"Pause podcast\" : \"Play podcast\"\r\n            );\r\n        }\r\n\r\n        function togglePlayback(){\r\n\r\n            showControls();\r\n\r\n            if(audio.paused){\r\n\r\n                audio.play().catch(function(error){\r\n                    console.error(\"Podcast playback failed:\",error);\r\n                });\r\n\r\n            }else{\r\n\r\n                audio.pause();\r\n\r\n            }\r\n        }\r\n\r\n        thumbnailButton.addEventListener(\"click\",togglePlayback);\r\n        controlPlay.addEventListener(\"click\",togglePlayback);\r\n\r\n        backButton.addEventListener(\"click\",function(){\r\n\r\n            audio.currentTime = Math.max(\r\n                0,\r\n                audio.currentTime - 10\r\n            );\r\n\r\n        });\r\n\r\n        forwardButton.addEventListener(\"click\",function(){\r\n\r\n            const maximum = Number.isFinite(audio.duration)\r\n                ? audio.duration\r\n                : audio.currentTime + 10;\r\n\r\n            audio.currentTime = Math.min(\r\n                maximum,\r\n                audio.currentTime + 10\r\n            );\r\n\r\n        });\r\n\r\n        muteButton.addEventListener(\"click\",function(){\r\n\r\n            audio.muted = !audio.muted;\r\n\r\n            muteButton.classList.toggle(\r\n                \"is-muted\",\r\n                audio.muted\r\n            );\r\n\r\n            muteButton.setAttribute(\r\n                \"aria-label\",\r\n                audio.muted ? \"Unmute podcast\" : \"Mute podcast\"\r\n            );\r\n\r\n        });\r\n\r\n        progress.addEventListener(\"input\",function(){\r\n\r\n            if(!Number.isFinite(audio.duration)){\r\n                return;\r\n            }\r\n\r\n            const percentage = Number(progress.value);\r\n\r\n            audio.currentTime =\r\n                (percentage \/ 100) * audio.duration;\r\n\r\n        });\r\n\r\n        audio.addEventListener(\"loadedmetadata\",function(){\r\n            duration.textContent = formatTime(audio.duration);\r\n        });\r\n\r\n        audio.addEventListener(\"durationchange\",function(){\r\n            duration.textContent = formatTime(audio.duration);\r\n        });\r\n\r\n        audio.addEventListener(\"timeupdate\",function(){\r\n\r\n            currentTime.textContent =\r\n                formatTime(audio.currentTime);\r\n\r\n            const percentage =\r\n                Number.isFinite(audio.duration) &&\r\n                audio.duration > 0\r\n                    ? (audio.currentTime \/ audio.duration) * 100\r\n                    : 0;\r\n\r\n            progress.value = percentage;\r\n\r\n            progress.style.setProperty(\r\n                \"--vha-progress\",\r\n                percentage + \"%\"\r\n            );\r\n\r\n        });\r\n\r\n        audio.addEventListener(\"play\",function(){\r\n\r\n            showControls();\r\n            updatePlayState();\r\n\r\n        });\r\n\r\n        audio.addEventListener(\"pause\",function(){\r\n\r\n            updatePlayState();\r\n\r\n        });\r\n\r\n        audio.addEventListener(\"ended\",function(){\r\n\r\n            audio.currentTime = 0;\r\n\r\n            progress.value = 0;\r\n\r\n            progress.style.setProperty(\r\n                \"--vha-progress\",\r\n                \"0%\"\r\n            );\r\n\r\n            currentTime.textContent = \"0:00\";\r\n\r\n            updatePlayState();\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ac797e e-con-full e-flex e-con e-child\" data-id=\"0ac797e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc0368 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ebc0368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Listen to our latest podcast discussing the benefits of integrating Artificial Intelligence in your business, specifically focusing on the importance of AI in accounting and how leveraging Xero as your accounting software can streamline your processes and provide valuable insights for informed decision-making.<\/p>\t\t\t\t\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Artificial Intelligence in your Business and the use of Xero as your Accounting Software Podcasts 10 10 0:00 \/ 0:00 Listen to our latest podcast discussing the benefits of integrating Artificial Intelligence in your business, specifically focusing on the importance of AI in accounting and how leveraging Xero as your accounting software can streamline your [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-34609","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/pages\/34609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/comments?post=34609"}],"version-history":[{"count":7,"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/pages\/34609\/revisions"}],"predecessor-version":[{"id":36019,"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/pages\/34609\/revisions\/36019"}],"wp:attachment":[{"href":"https:\/\/preview.sg-build.co.za\/vha\/wp-json\/wp\/v2\/media?parent=34609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}