{"id":1824,"date":"2024-01-24T07:51:39","date_gmt":"2024-01-24T07:51:39","guid":{"rendered":"https:\/\/tseboxonline.co.za\/?page_id=1824"},"modified":"2025-06-05T05:35:05","modified_gmt":"2025-06-05T05:35:05","slug":"trackd","status":"publish","type":"page","link":"https:\/\/tseboxonline.co.za\/index.php\/trackd\/","title":{"rendered":"Track’d"},"content":{"rendered":"\n
\n
<\/div>\n<\/div>\n\n\n\n
<\/span>
<\/div>
\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/span>
<\/div>
\n
\"\"<\/figure><\/div><\/div><\/div>\n\n\n\n
<\/span>
<\/div>
\n

<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n

UX Design Brief<\/strong>: Track\u2019d \u2013 Commuter Trip Planning & Ticketing App

Project Overview<\/strong>:
Track\u2019d is a mobile application developed to assist South African commuters in planning and purchasing trips to PRASA-designated train stations. The app aims to eliminate the need for physical travel to reload points, offering a digital solution that enhances convenience, safety, and accessibility for everyday commuters.

Problem Statement<\/strong>:
Commuters often face challenges accessing physical reload points due to time constraints, financial limitations, and safety concerns. Traditional systems require in-person visits to stations or kiosks, which is inefficient and inaccessible for many, especially students, working professionals, and single parents. There is a need for a mobile-first solution that allows users to plan, purchase, and manage trips remotely.

Target Users<\/strong>:
Primary Users: Daily commuters including students, working professionals, and single parents.
Secondary Users: Transport authorities and PRASA administrators.

User Needs<\/strong>:
Ability to register and log in securely.
Easy trip planning from departure to arrival stations.
Option to choose trip types (one-way, return) and durations (daily, weekly, monthly).
Real-time cost calculation and route visibility.
Secure and flexible payment options.
Notifications for station proximity and trip updates.

Project Goals<\/strong>
Digitise Trip Management: Replace physical ticketing with a seamless digital experience.
Enhance Safety & Accessibility: Reduce the need for late-night or long-distance travel to reload points.
Support Diverse User Scenarios: Cater to users with varying schedules, financial means, and tech proficiency.
Streamline Payments: Offer multiple banking options for secure checkout.
Improve User Retention: Provide a smooth, intuitive experience that encourages repeat use.

Design Considerations<\/strong>:
User Interface (UI): Clean, mobile-friendly layout with clear input fields and navigation.
User Experience (UX): Prioritise the journey from registration to checkout.
Accessibility: Ensure readability, intuitive interactions, and minimal steps to complete tasks.
Data Security: Protect user credentials and payment information.
Trip Customisation: Allow users to tailor trips based on frequency and destination.
Proximity Alerts: Notify users if selected stations are over 50km away.

Deliverables<\/strong>:
User Personas & Journey Maps.
Wireframes & Interactive Prototypes.
UI Design System (Typography, Colors, Components).

Accessibility Audit<\/strong>:
Usability Testing Reports.
Final High-Fidelity Screens.
Annotated User Flows.
Stakeholder Presentation Deck.
Success Metrics
Increase in digital trip purchases.
Reduction in physical reload point visits.
Positive user feedback on convenience and usability.
App adoption rate among target commuter groups.
Decrease in reported safety concerns related to ticketing.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\"\"<\/figure><\/div><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Track’d UX Stratergy<\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Track’d is an app developed to assist commuters plan as well as purchase trips to the various Prasa designated stations around the country. <\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>
\n

Problem<\/mark>:<\/mark>
Commuters are constantly on the move, with <\/mark>the demands of the modern day taking up a large amount of time and costs to navigate through them. For the average South African, having alot of free time is a luxury therefore having convenience at a low cost is important. Being able to load trips on the move has become part of everyday life. Travelling to a station or reload point may be difficult for some as transport to these reload points may be limited to various reasons such as distance, finances or just simply not having enough time.<\/mark>

Issues faced<\/mark>:<\/mark>
1. Travelling to reload points could be time consuming.
2. Safety could be a concern as some commuters will have no choice but to travel during late hours to these reload points to get more trips<\/mark>.
3. Single parents may not have enough time to travel to these reload points due to their commitments and obligations.
4. Working individuals may finish work late prohibiting them from being able to get to reload points.
5. Students may not be able to afford the transport costs needed to get to reload points.<\/mark>..<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

Structure<\/mark><\/p>\n\n\n\n

Prioritising a good user experience while ensuring the user will reach their goal is the backbone of every UX journey. In the next step we’ll focus on the app functionality as well as the look and feel.
<\/mark><\/p>\n\n\n\n

Screen 1 & 2<\/mark>: With the text fields ‘Name’, ‘Surname’, ‘Email address’, ‘Contact number’, ‘Create a password’ & ‘confirm password’.<\/mark><\/mark>
The login screen, which will be used for returning users will have the text fields<\/mark> ‘Email address or contact number’, & ‘Password’ followed by a link to log in using google mail followed by a link that will direct users to a sub page where they will be able to change their passwords. There will be a login button as well.<\/mark><\/mark>
Screen 3<\/mark>: Users will be able to pick a station. Users will be notified if a station is 50 kilometers or more away. <\/mark>
Screen 4<\/mark>: The user will be able to select a trip plan from the station of departure to the station of arrival. The user will be able pick if the trip is a one way or return trip from the check box options. The user will also be able to pick a daily, weekly or monthly trip plan which will also be selected through check box options. Users will also be able to view their trip routes along with the total cost of the trip depending on the option.<\/mark><\/mark>
Screen 5<\/mark>: <\/mark><\/mark>The user will be directed to a checkout screen with various banking options to complete payments<\/mark>.<\/mark><\/mark>
<\/mark><\/mark><\/p>\n\n\n\n

<\/div>\n\n\n\n

Flow<\/mark><\/p>\n\n\n\n

With a userflow, depicting the user’s journey from registration or login to checkout can be displayed using such a diagram.<\/mark>
<\/mark><\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Build<\/mark><\/p>\n\n\n\n

Prioritising a good user experience while ensuring the user will reach their goal is<\/mark> the backbone of every UX journey. In the next step we’ll focus on the app functionality as well as the look and feel starting with the low fidelity wireframe.
<\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n
\n
\n

Register + Login screen<\/mark>: With the text fields ‘Name’, ‘Surname’, ‘Email address’, ‘Contact number’, ‘Create a password’ & ‘confirm password’.<\/mark><\/mark>
The login screen, which will be used for returning users will have the text fields<\/mark> ‘Email address or contact number’, & ‘Password’ followed by a link to log in using google mail followed by a link that will direct users to a sub page where they will be able to change their passwords. There will be a login button as well. <\/mark><\/mark><\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\n
\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n

Pick a station screen + Add a trip screen + Checkout <\/mark>: Users will be able to pick a station. Users will be notified if a station is 50 kilometers or more away. <\/mark><\/mark>

<\/mark><\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

The user will be able to select a trip plan from the station of departure to the station of arrival. The user will be able pick if the trip is a one way or return trip from the check box options. The user will also be able to pick a daily, weekly or monthly trip plan which will also be selected through check box options. Users will also be able to view their trip routes along with the total cost of the trip depending on the option.<\/mark><\/mark>

The user will be directed to a checkout screen with various banking options to complete payments<\/mark>.<\/mark><\/mark> <\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n
<\/div>
<\/div>
\n

<\/p>\n<\/div><\/div><\/div>\n\n\n\n

<\/div>
<\/div>
\n

<\/p>\n<\/div><\/div><\/div>\n\n\n\n

<\/div>
<\/div>
\n

<\/p>\n<\/div><\/div><\/div>\n\n\n\n

<\/div>
<\/div>
\n

<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>

<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\"\"<\/a>
Next project<\/mark><\/figcaption><\/figure><\/div><\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/a>
Home<\/mark><\/figcaption><\/figure><\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

UX Design Brief: Track\u2019d \u2013 Commuter Trip Planning & Ticketing App Project Overview:Track\u2019d is a mobile application developed to assist South African commuters in planning and purchasing trips to PRASA-designated train stations. The app aims to eliminate the need for physical travel to reload points, offering a digital solution that enhances convenience, safety, and accessibilityContinue reading “Track’d”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"@font-face{font-family:swiper-icons;src:url(\"data:application\/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj\/\/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA\/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu\/j+W2+MnAzMYDAzaX6QjD6\/4\/\/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+\/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg\/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4\/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9\/w8UBfEMgLzE\/\/\/\/P\/5\/\/f\/V\/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA\/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP\/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj\/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB\/yIY09An6AH2Bdu\/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z\/PEJ6YOB5hKh4dj3EvXhxPqH\/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN\/d\/gczfEimrE\/fs\/bOuq29Zmn8tloORaXgZgGa78yO9\/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i\/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH\/\/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv\/H9ezGI6Z5XBAw8CBK\/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow\/P\/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform,opacity;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)\/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)\/2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,10px);left:0;width:100%;line-height:0}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,10px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-lock{display:none}.swiper-scrollbar,.swiper-scrollbar-drag{position:relative;border-radius:var(--swiper-scrollbar-border-radius,10px)}.swiper-scrollbar{-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-cards .swiper-slide,.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.swiper-creative .swiper-slide{transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom}.gspb_slider-id-gsbp-f4190ab .swiper-slide-inner{min-height:522px;justify-content:center}.gspb_slider-id-gsbp-f4190ab{width:100%}.gspb_slider-id-gsbp-f4190ab .swiper-button-next,.gspb_slider-id-gsbp-f4190ab .swiper-button-prev{top:40%}.gspb_slider-id-gsbp-f4190ab .swiper-button-prev{left:10px}.gspb_slider-id-gsbp-f4190ab .swiper-button-next{right:10px}.gspb_slider-id-gsbp-f4190ab .swiper-slide-inner{align-items:center}.gspb_slider-id-gsbp-f4190ab .swiper-button-next,.gspb_slider-id-gsbp-f4190ab .swiper-button-prev{width:70px;height:70px;line-height:70px}.gspb_slider-id-gsbp-f4190ab .swiper-button-next:after,.gspb_slider-id-gsbp-f4190ab .swiper-button-prev:after{font-size:30px}.gspb_slider-id-gsbp-f4190ab .gspb-sliderlink{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.gspb_slider-id-gsbp-f4190ab .swiper-slide-inner>div{position:relative}.gspb_slider-id-gsbp-f4190ab .swiper-pagination{bottom:10px!important;text-align:center!important}.gspb_slider-id-gsbp-f4190ab .swiper-scrollbar{visibility:hidden;height:6px;display:none}.gspb_slider-id-gsbp-f4190ab .swiper-pagination-bullet{width:8px;height:8px;border-radius:100px;transition:width .4s ease-out}.gspb_slider-id-gsbp-f4190ab .swiper-pagination-bullet-active{width:24px}.gspb_slider-id-gsbp-f4190ab .swiper-button-next,.gspb_slider-id-gsbp-f4190ab .swiper-button-prev{box-shadow:20px 20px 60px #58667d5e;display:none}.gspb_slider-id-gsbp-f4190ab [data-block]{margin-top:0;margin-bottom:0}.gspb_slider-id-gsbp-f4190ab .swiper-slide-inner .wp-block,.gspb_slider-id-gsbp-f4190ab .swiper-slide-inner.wp-block{max-width:100%}.gspb_slider-id-gsbp-f4190ab .slider-image-wrapper{top:0;left:0;right:0;bottom:0;position:absolute!important;z-index:0;height:100%;width:100%;overflow:hidden}.gspb_slider-id-gsbp-f4190ab .slider-image-wrapper img{width:100%;height:100%}.gspb_sliderinner-id-gsbp-958c1fb{background-size:cover;background-position:41% 55%;display:flex;box-sizing:border-box;background-repeat:no-repeat}.gspb_sliderinner-id-gsbp-958c1fb .slider-overlaybg{position:absolute;top:0;left:0;right:0;bottom:0}.gspb_sliderinner-id-gsbp-958c1fb .slider-content-zone{z-index:2;position:relative}.gspb_sliderinner-id-gsbp-958c1fb .slider-image-wrapper img{object-position:41% 55.00000000000001%;object-fit:cover}.gspb_sliderinner-id-gsbp-920a831 .slider-overlaybg{position:absolute;top:0;left:0;right:0;bottom:0}.gspb_sliderinner-id-gsbp-920a831 .slider-content-zone{z-index:2;position:relative}.gspb_sliderinner-id-gsbp-3222b63 .slider-image-wrapper img,.gspb_sliderinner-id-gsbp-920a831 .slider-image-wrapper img{object-position:center center;object-fit:cover}.gspb_sliderinner-id-gsbp-3222b63,.gspb_sliderinner-id-gsbp-920a831,.gspb_sliderinner-id-gsbp-e2bcee1{background-size:cover;display:flex;box-sizing:border-box;background-repeat:no-repeat}.gspb_sliderinner-id-gsbp-3222b63 .slider-overlaybg{position:absolute;top:0;left:0;right:0;bottom:0}.gspb_sliderinner-id-gsbp-3222b63 .slider-content-zone{z-index:2;position:relative}.gspb_sliderinner-id-gsbp-e2bcee1{background-position:48% 45%}.gspb_sliderinner-id-gsbp-e2bcee1 .slider-overlaybg{position:absolute;top:0;left:0;right:0;bottom:0}.gspb_sliderinner-id-gsbp-e2bcee1 .slider-content-zone{z-index:2;position:relative}.gspb_sliderinner-id-gsbp-e2bcee1 .slider-image-wrapper img{object-position:48% 45%;object-fit:cover}","footnotes":""},"_links":{"self":[{"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/pages\/1824"}],"collection":[{"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=1824"}],"version-history":[{"count":57,"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/pages\/1824\/revisions"}],"predecessor-version":[{"id":2429,"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/pages\/1824\/revisions\/2429"}],"wp:attachment":[{"href":"https:\/\/tseboxonline.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=1824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}