{"id":613,"date":"2025-11-05T09:05:13","date_gmt":"2025-11-05T09:05:13","guid":{"rendered":"https:\/\/staging.mystock.co\/?page_id=613"},"modified":"2025-11-05T09:08:45","modified_gmt":"2025-11-05T09:08:45","slug":"home","status":"publish","type":"page","link":"https:\/\/staging.mystock.co\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n        @import url('https:\/\/fonts.cdnfonts.com\/css\/myriad-pro');\n\n        :root {\n            --panel-color: #051522f0;\n            --panel-color2: #14ba866c;\n        }\n\n        .wp-block-navigation-item__label {\n            font-weight: bold;\n        }\n\n        .wp-block-post-title {\n            display: none;\n        }\n\n        .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n            max-width: 100% !important;\n        }\n\n        .wp-site-blocks {\n            width: 100%;\n        }\n\n        .has-global-padding {\n            padding-right: 0px;\n            padding-left: 0px;\n            padding-top: 0px !important;\n            margin-top: 0px !important;\n        }\n\n        .wp-block-navigation__container {\n            flex-wrap: nowrap;\n        }\n\n        .header-container {\n            display: flex;\n            width: 100%;\n            height: calc(100vh - 85px);\n            position: relative;\n        }\n\n        #true-header-cover {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            height: 100%;\n            width: 100%;\n            background: url(\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/back-banner-1-scaled.jpg\") center no-repeat;\n            background-size: cover;\n            transition: all 1s linear;\n        }\n\n        .true-header {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            background: linear-gradient(to bottom, #00b6e3bd, #FAFAFA00, #FAFAFA00, #FAFAFA00);\n        }\n\n        .true-header-title {\n            font-size: 60px;\n            font-weight: bold;\n            width: 80%;\n            margin: 0px;\n        }\n\n        .true-header-text {\n            font-size: 20px;\n            font-weight: bold;\n            width: 60%;\n        }\n\n        .header-panel {\n            position: absolute;\n            top: 0;\n            width: 50%;\n            height: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            transition: transform 1.3s ease;\n        }\n\n        .header-left-panel {\n            left: 0;\n            transform: translateX(-100%);\n            background: url(\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/gradient-mystock-scaled.jpg\");\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            font-size: 25px;\n            font-weight: bold;\n        }\n\n        #header-left-cover {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            height: 100%;\n            width: 100%;\n            background: linear-gradient(to right, #00323F, #0092B8);\n            z-index: 10;\n            transition: all 0.5s ease;\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .cover-title {\n            color: #FAFAFA;\n            font-size: 30px;\n            font-weight: bold;\n        }\n\n        .header-right-panel {\n            right: 0;\n            transform: translateX(100%);\n            background: url(\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/warehouse-manager-and-client-interacting-over-lapt-2025-04-05-02-36-13-utc-scaled.jpg\");\n            background-size: cover;\n            background-position: 25%;\n            background-repeat: no-repeat;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            font-size: 25px;\n            font-weight: bold;\n        }\n\n        #mystock-logo-corner {\n            width: 150px;\n            height: 75px;\n        }\n\n        #ms4acc-logo-corner {\n            width: 150px;\n            height: 80px;\n        }\n\n\n        #header-right-cover {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            height: 100%;\n            width: 100%;\n            background: linear-gradient(to left, #0a583f, #14ba86);\n            z-index: 10;\n            transition: all 1s ease;\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .header-panel-content {\n            color: white;\n            text-align: center;\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .header-panel-content p {\n            width: 60%;\n            line-height: 3.2vh;\n        }\n\n        .connected .header-left-panel {\n            transform: translateX(0);\n        }\n\n        .connected .header-right-panel {\n            transform: translateX(0);\n        }\n\n        .header-right-panel:hover #header-right-cover {\n            opacity: 0;\n        }\n\n        .header-left-panel:hover #header-left-cover {\n            opacity: 0;\n        }\n\n        .header-right-panel:hover #ms4acc-button {\n            z-index: 15;\n        }\n\n        .header-left-panel:hover #mystock-button {\n            z-index: 15;\n        }\n\n        .rotator-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 240px;\n            position: relative;\n            overflow-x: hidden;\n            width: 100%;\n            transform: translateY(150px);\n            z-index: -2;\n        }\n\n        .rotator {\n            display: flex;\n            flex-direction: row;\n            position: absolute;\n            margin-top: 0px\n        }\n\n        #rotator1 {\n            top: 0px;\n            left: 0px;\n        }\n\n        #rotator2 {\n            top: 0px;\n            left: 8320px;\n        }\n\n        #rotator3 {\n            top: 120px;\n            left: 0px;\n        }\n\n        #rotator4 {\n            top: 120px;\n            left: -8320px;\n        }\n\n        #rotator5 {\n            top: 0px;\n            left: 0px;\n        }\n\n        #rotator6 {\n            top: 0px;\n            left: 8320px;\n        }\n\n        #rotator7 {\n            top: 120px;\n            left: 0px;\n        }\n\n        #rotator8 {\n            top: 120px;\n            left: -8320px;\n        }\n\n        .item {\n            width: 250px;\n            height: 100px;\n            border-radius: 30px;\n            box-shadow: 0px 4px 10.2px -5px #324474;\n            margin-right: 10px;\n        }\n\n        #item1-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100014.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100014.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100022.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100022.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100029.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100029.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100038.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100038.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100057.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100057.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100104.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100104.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100112.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100112.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100120.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item2-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100120.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item1-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100126.png') center no-repeat;\n            background-size: 60%;\n            background-color: #f0f0f0\n        }\n\n        #item2-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100126.png') center no-repeat;\n            background-size: 60%;\n            background-color: #f0f0f0\n        }\n\n        #item1-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111458.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111458.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111505.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111505.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111511.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111511.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111518.png') center no-repeat;\n            background-size: 50%;\n            background-color: #f0f0f0\n        }\n\n        #item2-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111518.png') center no-repeat;\n            background-size: 50%;\n            background-color: #f0f0f0\n        }\n\n        #item1-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111529.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111529.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111536.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item2-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111536.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item1-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111542.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111542.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111551.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111551.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111559.png') center no-repeat;\n            background-size: 40%;\n            background-color: black;\n        }\n\n        #item2-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111559.png') center no-repeat;\n            background-size: 40%;\n            background-color: black;\n        }\n\n        #item1-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111607.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111607.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111615.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111615.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111622.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111622.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111630.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111630.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111636.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111636.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111641.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111641.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111648.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111648.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111655.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111655.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111702.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111702.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111710.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111710.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111838.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111838.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111846.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111846.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111853.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111853.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item1-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111900.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item2-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111900.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111916.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111916.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112134.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112134.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112143.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112143.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112150.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112150.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112159.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112159.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112206.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112206.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112214.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112214.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112220.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112220.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112229.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112229.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112234.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112234.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112359.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112359.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112405.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112405.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112412.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112412.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112419.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112419.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112638.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112638.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112647.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112647.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112653.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112653.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112659.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112659.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112706.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112706.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112713.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112713.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112719.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112719.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112918.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112918.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112924.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112924.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112930.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112930.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113058.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113058.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113105.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113105.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113111.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113111.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095919.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095919.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095939.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095939.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095947.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095947.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095958.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095958.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item3-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100005.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item4-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100005.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100005.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100005.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095958.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095958.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095947.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095947.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095939.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095939.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095919.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-095919.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113111.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113111.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113105.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113105.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113058.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-113058.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112930.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112930.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112924.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112924.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112918.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112918.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112719.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112719.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112713.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112713.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112706.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112706.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112659.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112659.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112653.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112653.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112647.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112647.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112638.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112638.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112419.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112419.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112412.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112412.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112405.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112405.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112359.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112359.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112234.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112234.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112229.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112229.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112220.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112220.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112214.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112214.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112206.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112206.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112159.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112159.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112150.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112150.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112143.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112143.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112134.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-112134.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item5-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111916.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item6-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111916.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111900.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-1 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111900.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111853.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-2 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111853.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111846.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-3 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111846.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111838.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-4 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111838.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111710.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-5 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111710.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111702.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-6 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111702.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111655.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-7 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111655.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111648.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-8 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111648.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111641.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-9 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111641.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111636.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-10 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111636.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111630.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-11 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111630.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111622.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-12 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111622.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111615.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-13 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111615.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111607.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-14 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111607.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111559.png') center no-repeat;\n            background-size: 40%;\n            background-color: black;\n        }\n\n        #item8-15 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111559.png') center no-repeat;\n            background-size: 40%;\n            background-color: black;\n        }\n\n        #item7-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111551.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-16 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111551.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111542.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-17 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111542.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111536.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item8-18 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111536.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item7-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111529.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-19 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111529.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111518.png') center no-repeat;\n            background-size: 50%;\n            background-color: #f0f0f0\n        }\n\n        #item8-20 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111518.png') center no-repeat;\n            background-size: 50%;\n            background-color: #f0f0f0\n        }\n\n        #item7-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111511.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-21 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111511.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111505.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-22 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111505.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111458.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-23 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-18-111458.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100126.png') center no-repeat;\n            background-size: 60%;\n            background-color: #f0f0f0\n        }\n\n        #item8-24 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100126.png') center no-repeat;\n            background-size: 60%;\n            background-color: #f0f0f0\n        }\n\n        #item7-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100120.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item8-25 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100120.png') center no-repeat;\n            background-size: 70%;\n            background-color: #f0f0f0\n        }\n\n        #item7-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100112.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-26 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100112.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100104.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-27 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100104.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100057.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-28 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100057.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100038.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-29 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100038.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100029.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-30 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100029.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100022.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-31 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100022.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item7-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100014.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        #item8-32 {\n            background: url('https:\/\/www.tallorderpos.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-17-100014.png') center no-repeat;\n            background-size: 100%;\n        }\n\n        body {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            margin: 0px;\n            width: 100vw;\n            background-color: #FAFAFA;\n            font-family: 'Myriad Pro', sans-serif;\n            overflow-x: hidden;\n            overflow-y: hidden;\n            touch-action: none;\n        }\n\n        .button {\n            border-radius: 5px;\n            background-color: #14ba86;\n            border: none;\n            color: #FAFAFA;\n            font-size: 17px;\n            font-weight: bold;\n            padding: 10px;\n            padding-left: 15px;\n            padding-right: 15px;\n            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);\n            transition: all 1s linear;\n        }\n\n        .swap-button {\n            background-color: #0092B8;\n        }\n\n        .button:hover {\n            background-color: #0a583f;\n            transition: all 0.3s linear;\n        }\n\n        .swap-button:hover {\n            background-color: #004557;\n            transition: all 0.3s linear;\n        }\n\n        #swapper-emblem {\n            background: url(\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock_white.png\") no-repeat center;\n            width: 33%;\n            height: 33%;\n            background-size: 80%;\n            margin-top: 150px;\n            margin-left: 60%;\n        }\n\n        #swapper-emblem2 {\n            background: url(\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock4Accounting_white.png\") no-repeat center;\n            width: 33%;\n            height: 33%;\n            background-size: 80%;\n            margin-top: 190px;\n            margin-left: 62%;\n        }\n\n        #pulse-wave {\n            position: absolute;\n            top: -10%;\n            left: 0;\n            width: 100%;\n            height: 50px;\n            background: linear-gradient(to bottom,\n                    #03193b00 0%,\n                    #51545f79 50%,\n                    #03193b00 100%);\n            animation: travel 4s linear infinite;\n            border-radius: 2px;\n        }\n\n        @keyframes travel {\n            0% {\n                top: -10%;\n                opacity: 0;\n            }\n\n            10% {\n                opacity: 0.7;\n            }\n\n            90% {\n                opacity: 0.7;\n            }\n\n            100% {\n                top: 100%;\n                opacity: 0;\n            }\n        }\n\n        .pulse-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 330%;\n            z-index: -1;\n        }\n\n        .breakdown {\n            display: flex;\n            width: 80%;\n            flex-direction: row;\n            justify-content: space-around;\n            align-items: center;\n            margin: auto;\n            margin-top: 50px;\n            margin-bottom: 50px;\n        }\n\n        #breakdown-image {\n            width: 500px;\n            height: 500px;\n            border-radius: 30px;\n        }\n\n        .breakdown-left {\n            display: flex;\n            flex-direction: column;\n            width: 500px;\n            text-align: center;\n            justify-content: space-between;\n            align-items: center;\n            height: 400px;\n            margin-top: 50px;\n            margin-bottom: 50px;\n        }\n\n        #breakdown-title {\n            font-size: 40px;\n            font-weight: bold;\n            color: #000000;\n            margin: 0px;\n        }\n\n        #breakdown-text {\n            font-size: 20px;\n            font-weight: bold;\n            color: #000000;\n            margin: 0px;\n        }\n\n        .tab-gradient-cover {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            border-radius: 5px 0px 0px 5px;\n            width: 100%;\n            height: 100%;\n            opacity: 0;\n            z-index: 3;\n            transition: all 1s linear;\n            background: linear-gradient(to right, #00323F, #0092B8);\n        }\n\n        .tab-gradient-active {\n            background: linear-gradient(to right, #B55E0A, #14ba86);\n        }\n\n        .tab-gradient-enabled {\n            opacity: 1 !important;\n        }\n\n        #swapper-cover {\n            position: absolute;\n            display: flex;\n            top: 0px;\n            left: 0px;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to bottom, #6d3806, #14ba86);\n            opacity: 0;\n            z-index: 1;\n            transition: all 1s linear;\n            border-radius: 30px 0px;\n        }\n\n        .seperator {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            width: 100%;\n            height: 200px;\n            background: linear-gradient(to right, #444444C2, #1C1C1CC2);\n            text-align: center;\n            color: #FAFAFA;\n            margin-bottom: -30px;\n        }\n\n        .seperator h2 {\n            font-size: 40px;\n            font-weight: bold;\n            margin: 0px;\n        }\n\n        .seperator p {\n            font-weight: bold;\n            font-size: 25px;\n        }\n\n        .panel-container {\n            position: relative;\n            width: 700px;\n            height: 400px;\n            margin: 0 auto 80px;\n        }\n\n        .panel {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            transition: left 1s ease, z-index 1s ease;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            cursor: pointer;\n            border-radius: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            color: white;\n        }\n\n        #panel1 {\n            background-color: var(--panel-color);\n            left: 0;\n            z-index: 2;\n            transition: all 1s ease;\n        }\n\n        #panel2 {\n            background: linear-gradient(to right, #00323F, #0092B8);\n            left: 20px;\n            z-index: 1;\n            transition: all 1s ease;\n        }\n\n        #panel2>* {\n            display: none;\n        }\n\n        #panel-cover {\n            background: linear-gradient(to top, #6d3806, #14ba86);\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            z-index: 1;\n            transition: all 1s ease;\n            opacity: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 30px;\n            display: flex !important;\n        }\n\n        .front {\n            z-index: 2 !important;\n            left: 0 !important;\n        }\n\n        .back {\n            z-index: 1 !important;\n            left: 40px !important;\n        }\n\n        .panel-content {\n            width: 70%;\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n            justify-content: center;\n            align-items: center;\n            position: absolute;\n            z-index: 2;\n            top: 7%;\n            left: 15%;\n        }\n\n        #panel-label {\n            text-align: center;\n            transform: rotate(90deg);\n            width: 200px;\n            position: absolute;\n            right: -80px;\n            z-index: 2;\n            display: block !important;\n        }\n\n        #partner-wrapper {\n            width: 100%;\n            position: relative;\n            height: 760px;\n            margin-bottom: 20px;\n        }\n\n        #partners-panel-wrapper {\n            width: 100%;\n            height: 700px;\n            justify-content: center;\n            align-items: center;\n            display: flex;\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            z-index: 4;\n        }\n\n        #back-panel-wrapper {\n            display: flex;\n            position: absolute;\n            width: 100vw;\n            height: 100%;\n            justify-content: center;\n        }\n\n        #back-panel {\n            width: 500px;\n            height: 100%;\n            background-color: #FAFAFA;\n            z-index: 1;\n        }\n\n        #partners {\n            width: 440px;\n            height: 640px;\n            background-color: var(--panel-color);\n            border-radius: 30px;\n            color: #FAFAFA;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 30px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            position: relative;\n        }\n\n        #left-blur {\n            border-radius: 30px 0px 0px 30px;\n            background: linear-gradient(to left, #FAFAFA, #13131300);\n            height: 90%;\n            width: 100px;\n        }\n\n        #right-blur {\n            border-radius: 0px 30px 30px 0px;\n            background: linear-gradient(to right, #FAFAFA, #13131300);\n            height: 90%;\n            width: 100px;\n        }\n\n        #partners p {\n            font-size: 25px;\n            font-weight: bold;\n            margin-bottom: 70px;\n        }\n\n        .back-item {\n            opacity: 0.8;\n        }\n\n        #cta-text {\n            margin: auto;\n            font-weight: bold;\n            font-size: 20px;\n            color: white\n        }\n\n        #cta {\n            width: 949px;\n            height: 150px;\n            margin: auto;\n            position: relative;\n            display: flex;\n            transition: all 1s linear;\n            margin-bottom: 80px;\n        }\n\n        #cta:hover {\n            width: 960px\n        }\n\n        #cta:hover #cta-right-overlay {\n            opacity: 1;\n        }\n\n        #cta-left {\n            position: absolute;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            height: 100%;\n            width: 700px;\n            top: 0px;\n            left: 0px;\n            border-radius: 30px 0px 0px 30px;\n            background-color: #444444;\n            clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);\n            color: #FAFAFA\n        }\n\n        #cta-left h3 {\n            font-size: 30px;\n            margin: 0px;\n            width: 500px;\n            margin-left: 30px;\n            margin-bottom: 10px;\n        }\n\n        #cta-left p {\n            font-size: 22px;\n            margin: 0px;\n            width: 600px;\n            margin-left: 30px;\n            margin-bottom: 10px;\n        }\n\n        #cta-right {\n            position: absolute;\n            height: 100%;\n            width: 350px;\n            right: 0px;\n            top: 0px;\n            border-radius: 0px 30px 30px 0px;\n            background-color: #444444;\n            clip-path: polygon(100px 0, 100% 0, 100% 100%, 0px 100%);\n        }\n\n        #cta-right-overlay {\n            position: absolute;\n            height: 100%;\n            width: 350px;\n            left: 0px;\n            top: 0px;\n            border-radius: 0px 30px 30px 0px;\n            background: linear-gradient(to right, #00323F, #0092B8);\n            clip-path: polygon(100px 0, 100% 0, 100% 100%, 0px 100%);\n            transition: all 1s linear;\n            opacity: 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #cta-right-overlay p {\n            margin-left: 50px;\n            font-size: 30px;\n            color: #FAFAFA;\n            font-weight: bold;\n        }\n\n        #cta-right-overlay-hover {\n            position: absolute;\n            height: 100%;\n            width: 350px;\n            left: 0px;\n            top: 0px;\n            border-radius: 0px 30px 30px 0px;\n            background: linear-gradient(to right, #001d24, #005469);\n            clip-path: polygon(100px 0, 100% 0, 100% 100%, 0px 100%);\n            transition: all 0.3s linear;\n            z-index: 2;\n            opacity: 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #cta-right-overlay-hover p {\n            margin-left: 50px;\n            font-size: 30px;\n            color: #FAFAFA;\n            font-weight: bold;\n        }\n\n        #cta-right-overlay-hover:hover {\n            opacity: 1;\n        }\n\n        #cta-button {\n            margin-left: 50px;\n        }\n\n        .glow {\n            background: radial-gradient(#14ba86b0, #14ba8679, #14ba8600, #14ba8600);\n            width: 700px;\n            height: 700px;\n            border-radius: 100%;\n            position: absolute;\n            z-index: -5;\n            transition: all 1s linear;\n        }\n\n        .tab-wrapper {\n            display: flex;\n            flex-direction: column;\n            border-radius: 30px;\n            width: 60%;\n            padding: 20px;\n            background-color: var(--panel-color);\n            text-align: center;\n            margin: auto;\n            margin-bottom: 50px;\n        }\n\n        .tab-title {\n            font-size: 40px;\n            font-weight: bold;\n            color: #FAFAFA;\n            margin-top: 0px;\n        }\n\n        .tab-buttons {\n            display: flex;\n            justify-content: space-between;\n            border-radius: 30px;\n            background-color: #81818159;\n            box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4);\n        }\n\n        .tab-button {\n            border: none;\n            border-radius: 30px;\n            font-size: 20px;\n            font-weight: bold;\n            color: #FAFAFA;\n            padding: 20px;\n            position: relative;\n            background-color: #00000000;\n        }\n\n        .tab-button-cover {\n            position: absolute;\n            top: 0px;\n            left: 0px;\n            border-radius: 30px;\n            font-size: 20px;\n            font-weight: bold;\n            color: #FAFAFA;\n            padding: 20px;\n            background: linear-gradient(to right, #0a583f, #14ba86);\n            transition: all 0.5s ease;\n            opacity: 0;\n            align-content: center;\n            width: calc(100% - 40px);\n            height: calc(100% - 40px);\n        }\n\n        #tab-content {\n            padding: 50px;\n            color: #FAFAFA;\n            font-size: 23px;\n            font-weight: bold;\n            display: flex;\n            justify-content: space-around;\n            align-items: center;\n        }\n\n        #tab-content p {\n            width: 50%;\n        }\n\n        #tab-image {\n            width: 400px;\n            border-radius: 30px;\n            background-color: #051522f0;\n            padding: 20px;\n        }\n\n        .active {\n            opacity: 1;\n        }\n\n        #ms4acc-logo {\n            height: 200px;\n            width: 400px;\n        }\n\n        #mystock-logo {\n            height: 200px;\n            width: 400px;\n        }\n\n        .box-displays {\n            width: 60%;\n            max-width: 1000px;\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n        }\n\n        .box {\n            width: 250px;\n            height: 250px;\n            border-radius: 30px;\n            background-color: #FFFFFF;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: space-around;\n            box-shadow: 0px 4px 10.2px -5px #324474;\n        }\n\n        #box-icon1 {\n            width: 120px;\n            height: 120px;\n        }\n\n        #box-icon2 {\n            width: 120px;\n            height: 120px;\n        }\n\n        #box-icon3 {\n            width: 120px;\n            height: 120px;\n        }\n\n        .box-text {\n            font-weight: bold;\n            font-size: 25px;\n            color: #14ba86;\n            margin: 0px;\n        }\n\n        @media (max-width: 1000px) {\n            .header-container {\n                height: calc(100dvh - 85px);\n            }\n\n            .true-header-title {\n                font-size: 40px;\n            }\n\n            .true-header-text {\n                font-size: 15px;\n            }\n\n            .header-left-panel {\n                top: 0;\n                transform: translateY(200%);\n                font-size: 15px;\n            }\n\n            .header-right-panel {\n                font-size: 15px;\n                bottom: 0;\n                transform: translateY(calc(-100% - 85px));\n            }\n\n            .header-panel {\n                width: 100%;\n                height: 50%;\n            }\n\n            .box-displays {\n                width: 98%;\n            }\n\n            .box {\n                width: 150px;\n                height: 150px;\n            }\n\n            #box-icon1 {\n                width: 80px;\n                height: 80px;\n            }\n\n            #box-icon2 {\n                width: 80px;\n                height: 80px;\n            }\n\n            #box-icon3 {\n                width: 80px;\n                height: 80px;\n            }\n\n            .box-text {\n                font-size: 18px;\n            }\n\n            .connected .header-left-panel {\n                transform: translateY(100%);\n            }\n\n            .connected .header-right-panel {\n                transform: translateY(0);\n            }\n\n            .breakdown {\n                flex-direction: column;\n                margin-top: 0px;\n                margin-bottom: 20px;\n            }\n\n            .breakdown-left {\n                height: 410px;\n                width: 90%;\n            }\n\n            .tab-wrapper {\n                width: 80%;\n            }\n\n            .tab-title {\n                font-size: 30px;\n            }\n\n            .tab-buttons {\n                flex-wrap: wrap;\n                justify-content: center;\n                width: 240px;\n                margin: auto;\n            }\n\n            .tab-button {\n                font-size: 15px;\n                width: 120px;\n            }\n\n            .tab-button-cover {\n                font-size: 15px;\n            }\n\n            #tab-content {\n                flex-direction: column;\n                padding: 20px;\n            }\n\n            #panel-content p {\n                font-size: 15px;\n            }\n\n            #tab-text {\n                width: 100% !important;\n                font-size: 18px;\n            }\n\n            #tab-image {\n                width: 90%;\n            }\n\n            .panel-container {\n                width: 80%;\n                height: 450px;\n                transform: translateX(-5%);\n            }\n\n            .panel-content {\n                width: 80%;\n                left: 10%;\n            }\n\n            .seperator p {\n                margin-top: 0px;\n                font-size: 18px;\n            }\n\n            .seperator h2 {\n                margin-top: 0px;\n                font-size: 30px;\n            }\n\n            #cta {\n                width: 350px;\n            }\n\n            #cta-left {\n                width: 300px;\n            }\n\n            #cta-right {\n                width: 151px;\n            }\n\n            #cta:hover {\n                width: 360px;\n            }\n\n            #cta-right-overlay {\n                width: 100%;\n            }\n\n            #cta-right-overlay-hover {\n                width: 100%;\n            }\n\n            #cta-right-overlay-hover p {\n                font-size: 15px;\n            }\n\n            #cta-right-overlay p {\n                font-size: 15px;\n            }\n\n            #cta-left p {\n                font-size: 18px;\n                width: 80%;\n                display: none;\n            }\n\n            #mystock-logo {\n                height: 150px;\n                width: 300px;\n            }\n\n            #ms4acc-logo {\n                height: 150px;\n                width: 300px;\n            }\n\n            .header-panel-content p {\n                width: 90%;\n            }\n\n            .breakdown-left {\n                width: 100%;\n            }\n\n            #breakdown-title {\n                font-size: 30px;\n                width: 100%;\n            }\n\n            #breakdown-text {\n                font-size: 20px;\n                width: 100%;\n            }\n\n            #breakdown-image{\n                width: 90%;\n                height: 40%;\n            }\n\n            #partners {\n                height: auto;\n                width: calc(70% - 60px);\n            }\n\n            #partner-wrapper {\n                height: 700px;\n            }\n\n            #partners p {\n                font-size: 18px;\n            }\n\n            #back-panel {\n                width: 70%;\n            }\n\n            #left-blur {\n                display: none;\n            }\n\n            #right-blur {\n                display: none;\n            }\n\n            .rotator-wrapper {\n                transform: translateY(50%);\n            }\n        }\n    <\/style>\n\n    <div class=\"glow\" style=\"top: 1000px; right: -300px;\"><\/div>\n    <div class=\"glow\" style=\"top: 1830px; left: -300px;\"><\/div>\n    <div class=\"glow\" style=\"top: 2660px; right: -300px;\"><\/div>\n    <div class=\"glow\" style=\"top: 3490px; left: -300px;\"><\/div>\n\n    <div class=\"header-container\">\n        <div class=\"true-header\">\n            <div id=\"true-header-cover\"><\/div>\n            <h1 class=\"true-header-title\">Take Control of Your Inventory <br> From Supplier to Sale<\/h1>\n            <p class=\"true-header-text\">Bring complete visibility to your stock operations by linking suppliers,\n                warehouses, and sales channels in one seamless platform. myStock gives you live updates on movements,\n                costs, and quantities, so you can forecast trends, manage production, and ensure every sale is backed by\n                accurate, up-to-date inventory data across all locations.<\/p>\n            <div class=\"box-displays\">\n                <div class=\"box\">\n                    <img id=\"box-icon1\" src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/fa7-solid_sync.png\">\n                    <p class=\"box-text\">Seamless Sync<\/p>\n                <\/div>\n                <div class=\"box\">\n                    <img id=\"box-icon2\" src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/vaadin_stock-1.png\">\n                    <p class=\"box-text\">Accurate Stock<\/p>\n                <\/div>\n                <div class=\"box\">\n                    <img id=\"box-icon3\"\n                        src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/oui_app-reporting.png\">\n                    <p class=\"box-text\">Real-Time Reporting<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"header-panel header-left-panel\">\n            <div class=\"header-panel-content\">\n                <img id=\"mystock-logo-corner\"\n                    src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock_white.png\" \/>\n                <p>Smarter Stock. Simplified Control.<br><br> Get real-time visibility of every product, supplier, and\n                    warehouse \u2014 all in one place. myStock helps you stay organised, reduce waste, and make confident\n                    decisions that drive growth.<\/p>\n                <button class=\"button\" id=\"mystock-button\">Learn More<\/button>\n            <\/div>\n            <div id=\"header-left-cover\">\n                <p class=\"cover-title\">For next level Stock Management try...<\/p>\n                <img id=\"mystock-logo\" src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock_white.png\" \/>\n            <\/div>\n        <\/div>\n        <div class=\"header-panel header-right-panel\">\n            <div class=\"header-panel-content\">\n                <img id=\"ms4acc-logo-corner\"\n                    src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock4Accounting_white.png\" \/>\n                <p>Smarter Stock. Seamless Accounting.<br><br> Connect your inventory and financials in real time with\n                    Sage, Xero, and e-commerce. myStock 4 Accounting gives you instant clarity, faster month-end, and\n                    accurate numbers you can trust.<\/p>\n                <button class=\"button swap-button\" id=\"ms4acc-button\">Learn More<\/button>\n            <\/div>\n            <div id=\"header-right-cover\">\n                <p class=\"cover-title\">Want a little bit more? try...<\/p>\n                <img id=\"ms4acc-logo\"\n                    src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/09\/MyStock4Accounting_white.png\" \/>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"breakdown\">\n        <div class=\"breakdown-left\">\n            <p id=\"breakdown-title\">Smarter Stock, Simplified.<\/p>\n            <p id=\"breakdown-text\">Gain real-time control of every product, supplier, and location \u2014 with accounting\n                seamlessly integrated. myStock connects your inventory and finances in one cloud system that\u2019s built to\n                scale, giving you the visibility and accuracy you need to make smarter business decisions every day.\n            <\/p>\n            <button class=\"button\" id=\"demo-button\">Get in Touch<\/button>\n        <\/div>\n        <img id=\"breakdown-image\"\n            src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/Male-and-Female-Team-Leaders-Working-on-Laptop-in-Warehouse-with-Workers-in-Background-1-scaled.jpg\" \/>\n    <\/div>\n\n    <div class=\"tab-wrapper\">\n        <h1 class=\"tab-title\">Powerful Features That Connect Your Entire Operation<\/h1>\n        <div class=\"tab-buttons\">\n            <button class=\"tab-button\" id=\"tab1\">Inventory Management\n                <div class=\"tab-button-cover active\" data-tab=\"1\" onclick=\"changeFeature(this)\">Inventory Management\n                <\/div>\n            <\/button>\n            <button class=\"tab-button\" id=\"tab2\">Procurement & Supplier Management\n                <div class=\"tab-button-cover\" data-tab=\"2\" onclick=\"changeFeature(this)\">Procurement & Supplier\n                    Management<\/div>\n            <\/button>\n            <button class=\"tab-button\" id=\"tab3\">Warehouse & Transfers\n                <div class=\"tab-button-cover\" data-tab=\"3\" onclick=\"changeFeature(this)\">Warehouse & Transfers<\/div>\n            <\/button>\n            <button class=\"tab-button\" id=\"tab4\">Reporting & Analytics\n                <div class=\"tab-button-cover\" data-tab=\"4\" onclick=\"changeFeature(this)\">Reporting & Analytics<\/div>\n            <\/button>\n            <button class=\"tab-button\" id=\"tab5\">Accounting Integration\n                <div class=\"tab-button-cover\" data-tab=\"5\" onclick=\"changeFeature(this)\">Accounting Integration<\/div>\n            <\/button>\n        <\/div>\n        <div id=\"tab-content\">\n            <p id=\"tab-text\">Track stock levels and movements across all locations in one place. myStock gives you\n                real-time visibility of every product, batch, and adjustment \u2014 helping you prevent stockouts, reduce\n                waste,\n                and keep your business running smoothly.<\/p>\n            <img id=\"tab-image\" src=\"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/myStock-Mockups-1.png\">\n        <\/div>\n    <\/div>\n\n    <div class=\"seperator\">\n        <h2>Our Solutions<\/h2>\n        <p>Visit our various solutions to see how myStock can enhance your business operations<\/p>\n    <\/div>\n\n    <div class=\"panel-container\">\n        <div id=\"panel1\" class=\"panel front\">\n            <div class=\"panel-content\">\n                <p>Whether you\u2019re overseeing daily operations, or tracking supplier performance, myStock adapts to how\n                    you work. <br><br> By tailoring permissions, dashboards, and reports to each user\u2019s\n                    responsibilities, you\u2019ll streamline communication, keeping everyone aligned toward the same\n                    operational goals.\n                <\/p>\n                <button class=\"button\" id=\"solutions\">See Our Solutions<\/button>\n            <\/div>\n            <div id=\"panel-label\">By Role<\/div>\n        <\/div>\n        <div id=\"panel2\" class=\"panel back\">\n            <div id=\"panel-cover\"><\/div>\n            <div class=\"panel-content\">\n                <p>Tackle common pain points like over-ordering and wasted time on manual tasks with our suite of tools.\n                    <br><br> With built-in alerts and actionable insights, myStock turns challenges into opportunities \u2014\n                    helping you work with greater confidence in your numbers.\n                <\/p>\n                <button class=\"button\" id=\"solutions2\">See Our Solutions<\/button>\n            <\/div>\n            <div id=\"panel-label\">By Challenge<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"seperator\">\n        <h2>Our Partners<\/h2>\n        <p>Join a powerful network of accountants, agencies, tech partners, and hospitality leaders helping African\n            businesses thrive.<\/p>\n    <\/div>\n\n    <div id=\"partner-wrapper\">\n        <div id=\"partners-panel-wrapper\">\n            <div id=\"left-blur\"><\/div>\n            <div id=\"partners\">\n                <p>Join a fast-growing network of accountants and business solution providers helping clients gain full\n                    control over their stock and data. <br><br> As a myStock partner, you\u2019ll access exclusive resources\n                    and co-marketing opportunities \u2014 everything you need to deliver more value and earn recurring\n                    revenue.<\/p>\n                <button class=\"button\" id=\"partner-button\">Learn More<\/button>\n            <\/div>\n            <div id=\"right-blur\"><\/div>\n        <\/div>\n        <div class=\"rotator-wrapper\">\n            <div id=\"back-panel-wrapper\">\n                <div id=\"back-panel\"><\/div>\n            <\/div>\n            <div id=\"rotator1\" class=\"rotator\">\n                <div id=\"item1-1\" class=\"item back-item\"><\/div>\n                <div id=\"item1-2\" class=\"item back-item\"><\/div>\n                <div id=\"item1-3\" class=\"item back-item\"><\/div>\n                <div id=\"item1-4\" class=\"item back-item\"><\/div>\n                <div id=\"item1-5\" class=\"item back-item\"><\/div>\n                <div id=\"item1-6\" class=\"item back-item\"><\/div>\n                <div id=\"item1-7\" class=\"item back-item\"><\/div>\n                <div id=\"item1-8\" class=\"item back-item\"><\/div>\n                <div id=\"item1-9\" class=\"item back-item\"><\/div>\n                <div id=\"item1-10\" class=\"item back-item\"><\/div>\n                <div id=\"item1-11\" class=\"item back-item\"><\/div>\n                <div id=\"item1-12\" class=\"item back-item\"><\/div>\n                <div id=\"item1-13\" class=\"item back-item\"><\/div>\n                <div id=\"item1-14\" class=\"item back-item\"><\/div>\n                <div id=\"item1-15\" class=\"item back-item\"><\/div>\n                <div id=\"item1-16\" class=\"item back-item\"><\/div>\n                <div id=\"item1-17\" class=\"item back-item\"><\/div>\n                <div id=\"item1-18\" class=\"item back-item\"><\/div>\n                <div id=\"item1-19\" class=\"item back-item\"><\/div>\n                <div id=\"item1-20\" class=\"item back-item\"><\/div>\n                <div id=\"item1-21\" class=\"item back-item\"><\/div>\n                <div id=\"item1-22\" class=\"item back-item\"><\/div>\n                <div id=\"item1-23\" class=\"item back-item\"><\/div>\n                <div id=\"item1-24\" class=\"item back-item\"><\/div>\n                <div id=\"item1-25\" class=\"item back-item\"><\/div>\n                <div id=\"item1-26\" class=\"item back-item\"><\/div>\n                <div id=\"item1-27\" class=\"item back-item\"><\/div>\n                <div id=\"item1-28\" class=\"item back-item\"><\/div>\n                <div id=\"item1-29\" class=\"item back-item\"><\/div>\n                <div id=\"item1-30\" class=\"item back-item\"><\/div>\n                <div id=\"item1-31\" class=\"item back-item\"><\/div>\n                <div id=\"item1-32\" class=\"item back-item\"><\/div>\n            <\/div>\n            <div id=\"rotator2\" class=\"rotator\">\n                <div id=\"item2-1\" class=\"item back-item\"><\/div>\n                <div id=\"item2-2\" class=\"item back-item\"><\/div>\n                <div id=\"item2-3\" class=\"item back-item\"><\/div>\n                <div id=\"item2-4\" class=\"item back-item\"><\/div>\n                <div id=\"item2-5\" class=\"item back-item\"><\/div>\n                <div id=\"item2-6\" class=\"item back-item\"><\/div>\n                <div id=\"item2-7\" class=\"item back-item\"><\/div>\n                <div id=\"item2-8\" class=\"item back-item\"><\/div>\n                <div id=\"item2-9\" class=\"item back-item\"><\/div>\n                <div id=\"item2-10\" class=\"item back-item\"><\/div>\n                <div id=\"item2-11\" class=\"item back-item\"><\/div>\n                <div id=\"item2-12\" class=\"item back-item\"><\/div>\n                <div id=\"item2-13\" class=\"item back-item\"><\/div>\n                <div id=\"item2-14\" class=\"item back-item\"><\/div>\n                <div id=\"item2-15\" class=\"item back-item\"><\/div>\n                <div id=\"item2-16\" class=\"item back-item\"><\/div>\n                <div id=\"item2-17\" class=\"item back-item\"><\/div>\n                <div id=\"item2-18\" class=\"item back-item\"><\/div>\n                <div id=\"item2-19\" class=\"item back-item\"><\/div>\n                <div id=\"item2-20\" class=\"item back-item\"><\/div>\n                <div id=\"item2-21\" class=\"item back-item\"><\/div>\n                <div id=\"item2-22\" class=\"item back-item\"><\/div>\n                <div id=\"item2-23\" class=\"item back-item\"><\/div>\n                <div id=\"item2-24\" class=\"item back-item\"><\/div>\n                <div id=\"item2-25\" class=\"item back-item\"><\/div>\n                <div id=\"item2-26\" class=\"item back-item\"><\/div>\n                <div id=\"item2-27\" class=\"item back-item\"><\/div>\n                <div id=\"item2-28\" class=\"item back-item\"><\/div>\n                <div id=\"item2-29\" class=\"item back-item\"><\/div>\n                <div id=\"item2-30\" class=\"item back-item\"><\/div>\n                <div id=\"item2-31\" class=\"item back-item\"><\/div>\n                <div id=\"item2-32\" class=\"item back-item\"><\/div>\n            <\/div>\n            <div id=\"rotator3\" class=\"rotator\">\n                <div id=\"item3-1\" class=\"item\"><\/div>\n                <div id=\"item3-2\" class=\"item\"><\/div>\n                <div id=\"item3-3\" class=\"item\"><\/div>\n                <div id=\"item3-4\" class=\"item\"><\/div>\n                <div id=\"item3-5\" class=\"item\"><\/div>\n                <div id=\"item3-6\" class=\"item\"><\/div>\n                <div id=\"item3-7\" class=\"item\"><\/div>\n                <div id=\"item3-8\" class=\"item\"><\/div>\n                <div id=\"item3-9\" class=\"item\"><\/div>\n                <div id=\"item3-10\" class=\"item\"><\/div>\n                <div id=\"item3-11\" class=\"item\"><\/div>\n                <div id=\"item3-12\" class=\"item\"><\/div>\n                <div id=\"item3-13\" class=\"item\"><\/div>\n                <div id=\"item3-14\" class=\"item\"><\/div>\n                <div id=\"item3-15\" class=\"item\"><\/div>\n                <div id=\"item3-16\" class=\"item\"><\/div>\n                <div id=\"item3-17\" class=\"item\"><\/div>\n                <div id=\"item3-18\" class=\"item\"><\/div>\n                <div id=\"item3-19\" class=\"item\"><\/div>\n                <div id=\"item3-20\" class=\"item\"><\/div>\n                <div id=\"item3-21\" class=\"item\"><\/div>\n                <div id=\"item3-22\" class=\"item\"><\/div>\n                <div id=\"item3-23\" class=\"item\"><\/div>\n                <div id=\"item3-24\" class=\"item\"><\/div>\n                <div id=\"item3-25\" class=\"item\"><\/div>\n                <div id=\"item3-26\" class=\"item\"><\/div>\n                <div id=\"item3-27\" class=\"item\"><\/div>\n                <div id=\"item3-28\" class=\"item\"><\/div>\n                <div id=\"item3-29\" class=\"item\"><\/div>\n                <div id=\"item3-30\" class=\"item\"><\/div>\n                <div id=\"item3-31\" class=\"item\"><\/div>\n                <div id=\"item3-32\" class=\"item\"><\/div>\n            <\/div>\n            <div id=\"rotator4\" class=\"rotator\">\n                <div id=\"item4-1\" class=\"item\"><\/div>\n                <div id=\"item4-2\" class=\"item\"><\/div>\n                <div id=\"item4-3\" class=\"item\"><\/div>\n                <div id=\"item4-4\" class=\"item\"><\/div>\n                <div id=\"item4-5\" class=\"item\"><\/div>\n                <div id=\"item4-6\" class=\"item\"><\/div>\n                <div id=\"item4-7\" class=\"item\"><\/div>\n                <div id=\"item4-8\" class=\"item\"><\/div>\n                <div id=\"item4-9\" class=\"item\"><\/div>\n                <div id=\"item4-10\" class=\"item\"><\/div>\n                <div id=\"item4-11\" class=\"item\"><\/div>\n                <div id=\"item4-12\" class=\"item\"><\/div>\n                <div id=\"item4-13\" class=\"item\"><\/div>\n                <div id=\"item4-14\" class=\"item\"><\/div>\n                <div id=\"item4-15\" class=\"item\"><\/div>\n                <div id=\"item4-16\" class=\"item\"><\/div>\n                <div id=\"item4-17\" class=\"item\"><\/div>\n                <div id=\"item4-18\" class=\"item\"><\/div>\n                <div id=\"item4-19\" class=\"item\"><\/div>\n                <div id=\"item4-20\" class=\"item\"><\/div>\n                <div id=\"item4-21\" class=\"item\"><\/div>\n                <div id=\"item4-22\" class=\"item\"><\/div>\n                <div id=\"item4-23\" class=\"item\"><\/div>\n                <div id=\"item4-24\" class=\"item\"><\/div>\n                <div id=\"item4-25\" class=\"item\"><\/div>\n                <div id=\"item4-26\" class=\"item\"><\/div>\n                <div id=\"item4-27\" class=\"item\"><\/div>\n                <div id=\"item4-28\" class=\"item\"><\/div>\n                <div id=\"item4-29\" class=\"item\"><\/div>\n                <div id=\"item4-30\" class=\"item\"><\/div>\n                <div id=\"item4-31\" class=\"item\"><\/div>\n                <div id=\"item4-32\" class=\"item\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"rotator-wrapper\">\n            <div id=\"back-panel-wrapper\">\n                <div id=\"back-panel\"><\/div>\n            <\/div>\n            <div id=\"rotator5\" class=\"rotator\">\n                <div id=\"item5-1\" class=\"item back-item\"><\/div>\n                <div id=\"item5-2\" class=\"item back-item\"><\/div>\n                <div id=\"item5-3\" class=\"item back-item\"><\/div>\n                <div id=\"item5-4\" class=\"item back-item\"><\/div>\n                <div id=\"item5-5\" class=\"item back-item\"><\/div>\n                <div id=\"item5-6\" class=\"item back-item\"><\/div>\n                <div id=\"item5-7\" class=\"item back-item\"><\/div>\n                <div id=\"item5-8\" class=\"item back-item\"><\/div>\n                <div id=\"item5-9\" class=\"item back-item\"><\/div>\n                <div id=\"item5-10\" class=\"item back-item\"><\/div>\n                <div id=\"item5-11\" class=\"item back-item\"><\/div>\n                <div id=\"item5-12\" class=\"item back-item\"><\/div>\n                <div id=\"item5-13\" class=\"item back-item\"><\/div>\n                <div id=\"item5-14\" class=\"item back-item\"><\/div>\n                <div id=\"item5-15\" class=\"item back-item\"><\/div>\n                <div id=\"item5-16\" class=\"item back-item\"><\/div>\n                <div id=\"item5-17\" class=\"item back-item\"><\/div>\n                <div id=\"item5-18\" class=\"item back-item\"><\/div>\n                <div id=\"item5-19\" class=\"item back-item\"><\/div>\n                <div id=\"item5-20\" class=\"item back-item\"><\/div>\n                <div id=\"item5-21\" class=\"item back-item\"><\/div>\n                <div id=\"item5-22\" class=\"item back-item\"><\/div>\n                <div id=\"item5-23\" class=\"item back-item\"><\/div>\n                <div id=\"item5-24\" class=\"item back-item\"><\/div>\n                <div id=\"item5-25\" class=\"item back-item\"><\/div>\n                <div id=\"item5-26\" class=\"item back-item\"><\/div>\n                <div id=\"item5-27\" class=\"item back-item\"><\/div>\n                <div id=\"item5-28\" class=\"item back-item\"><\/div>\n                <div id=\"item5-29\" class=\"item back-item\"><\/div>\n                <div id=\"item5-30\" class=\"item back-item\"><\/div>\n                <div id=\"item5-31\" class=\"item back-item\"><\/div>\n                <div id=\"item5-32\" class=\"item back-item\"><\/div>\n            <\/div>\n            <div id=\"rotator6\" class=\"rotator\">\n                <div id=\"item6-1\" class=\"item back-item\"><\/div>\n                <div id=\"item6-2\" class=\"item back-item\"><\/div>\n                <div id=\"item6-3\" class=\"item back-item\"><\/div>\n                <div id=\"item6-4\" class=\"item back-item\"><\/div>\n                <div id=\"item6-5\" class=\"item back-item\"><\/div>\n                <div id=\"item6-6\" class=\"item back-item\"><\/div>\n                <div id=\"item6-7\" class=\"item back-item\"><\/div>\n                <div id=\"item6-8\" class=\"item back-item\"><\/div>\n                <div id=\"item6-9\" class=\"item back-item\"><\/div>\n                <div id=\"item6-10\" class=\"item back-item\"><\/div>\n                <div id=\"item6-11\" class=\"item back-item\"><\/div>\n                <div id=\"item6-12\" class=\"item back-item\"><\/div>\n                <div id=\"item6-13\" class=\"item back-item\"><\/div>\n                <div id=\"item6-14\" class=\"item back-item\"><\/div>\n                <div id=\"item6-15\" class=\"item back-item\"><\/div>\n                <div id=\"item6-16\" class=\"item back-item\"><\/div>\n                <div id=\"item6-17\" class=\"item back-item\"><\/div>\n                <div id=\"item6-18\" class=\"item back-item\"><\/div>\n                <div id=\"item6-19\" class=\"item back-item\"><\/div>\n                <div id=\"item6-20\" class=\"item back-item\"><\/div>\n                <div id=\"item6-21\" class=\"item back-item\"><\/div>\n                <div id=\"item6-22\" class=\"item back-item\"><\/div>\n                <div id=\"item6-23\" class=\"item back-item\"><\/div>\n                <div id=\"item6-24\" class=\"item back-item\"><\/div>\n                <div id=\"item6-25\" class=\"item back-item\"><\/div>\n                <div id=\"item6-26\" class=\"item back-item\"><\/div>\n                <div id=\"item6-27\" class=\"item back-item\"><\/div>\n                <div id=\"item6-28\" class=\"item back-item\"><\/div>\n                <div id=\"item6-29\" class=\"item back-item\"><\/div>\n                <div id=\"item6-30\" class=\"item back-item\"><\/div>\n                <div id=\"item6-31\" class=\"item back-item\"><\/div>\n                <div id=\"item6-32\" class=\"item back-item\"><\/div>\n            <\/div>\n            <div id=\"rotator7\" class=\"rotator\">\n                <div id=\"item7-1\" class=\"item\"><\/div>\n                <div id=\"item7-2\" class=\"item\"><\/div>\n                <div id=\"item7-3\" class=\"item\"><\/div>\n                <div id=\"item7-4\" class=\"item\"><\/div>\n                <div id=\"item7-5\" class=\"item\"><\/div>\n                <div id=\"item7-6\" class=\"item\"><\/div>\n                <div id=\"item7-7\" class=\"item\"><\/div>\n                <div id=\"item7-8\" class=\"item\"><\/div>\n                <div id=\"item7-9\" class=\"item\"><\/div>\n                <div id=\"item7-10\" class=\"item\"><\/div>\n                <div id=\"item7-11\" class=\"item\"><\/div>\n                <div id=\"item7-12\" class=\"item\"><\/div>\n                <div id=\"item7-13\" class=\"item\"><\/div>\n                <div id=\"item7-14\" class=\"item\"><\/div>\n                <div id=\"item7-15\" class=\"item\"><\/div>\n                <div id=\"item7-16\" class=\"item\"><\/div>\n                <div id=\"item7-17\" class=\"item\"><\/div>\n                <div id=\"item7-18\" class=\"item\"><\/div>\n                <div id=\"item7-19\" class=\"item\"><\/div>\n                <div id=\"item7-20\" class=\"item\"><\/div>\n                <div id=\"item7-21\" class=\"item\"><\/div>\n                <div id=\"item7-22\" class=\"item\"><\/div>\n                <div id=\"item7-23\" class=\"item\"><\/div>\n                <div id=\"item7-24\" class=\"item\"><\/div>\n                <div id=\"item7-25\" class=\"item\"><\/div>\n                <div id=\"item7-26\" class=\"item\"><\/div>\n                <div id=\"item7-27\" class=\"item\"><\/div>\n                <div id=\"item7-28\" class=\"item\"><\/div>\n                <div id=\"item7-29\" class=\"item\"><\/div>\n                <div id=\"item7-30\" class=\"item\"><\/div>\n                <div id=\"item7-31\" class=\"item\"><\/div>\n                <div id=\"item7-32\" class=\"item\"><\/div>\n            <\/div>\n            <div id=\"rotator8\" class=\"rotator\">\n                <div id=\"item8-1\" class=\"item\"><\/div>\n                <div id=\"item8-2\" class=\"item\"><\/div>\n                <div id=\"item8-3\" class=\"item\"><\/div>\n                <div id=\"item8-4\" class=\"item\"><\/div>\n                <div id=\"item8-5\" class=\"item\"><\/div>\n                <div id=\"item8-6\" class=\"item\"><\/div>\n                <div id=\"item8-7\" class=\"item\"><\/div>\n                <div id=\"item8-8\" class=\"item\"><\/div>\n                <div id=\"item8-9\" class=\"item\"><\/div>\n                <div id=\"item8-10\" class=\"item\"><\/div>\n                <div id=\"item8-11\" class=\"item\"><\/div>\n                <div id=\"item8-12\" class=\"item\"><\/div>\n                <div id=\"item8-13\" class=\"item\"><\/div>\n                <div id=\"item8-14\" class=\"item\"><\/div>\n                <div id=\"item8-15\" class=\"item\"><\/div>\n                <div id=\"item8-16\" class=\"item\"><\/div>\n                <div id=\"item8-17\" class=\"item\"><\/div>\n                <div id=\"item8-18\" class=\"item\"><\/div>\n                <div id=\"item8-19\" class=\"item\"><\/div>\n                <div id=\"item8-20\" class=\"item\"><\/div>\n                <div id=\"item8-21\" class=\"item\"><\/div>\n                <div id=\"item8-22\" class=\"item\"><\/div>\n                <div id=\"item8-23\" class=\"item\"><\/div>\n                <div id=\"item8-24\" class=\"item\"><\/div>\n                <div id=\"item8-25\" class=\"item\"><\/div>\n                <div id=\"item8-26\" class=\"item\"><\/div>\n                <div id=\"item8-27\" class=\"item\"><\/div>\n                <div id=\"item8-28\" class=\"item\"><\/div>\n                <div id=\"item8-29\" class=\"item\"><\/div>\n                <div id=\"item8-30\" class=\"item\"><\/div>\n                <div id=\"item8-31\" class=\"item\"><\/div>\n                <div id=\"item8-32\" class=\"item\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"cta\">\n        <div id=\"cta-left\">\n            <h3>Want to Learn More?<\/h3>\n            <p>Get in contact with our service professionals to get a live demonstration of the app and what it is\n                really capable of!<\/p>\n        <\/div>\n        <div id=\"cta-right\">\n            <div id=\"cta-right-overlay-hover\">\n                <p>Book a Demo<\/p>\n            <\/div>\n            <div id=\"cta-right-overlay\">\n                <p>Book a Demo<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let isSwapped = false;\n        let lastTime = Date.now();\n\n        const panel1 = document.getElementById('panel1');\n        const panel2 = document.getElementById('panel2');\n\n        panel1.addEventListener('click', () => {\n            if (panel1.classList.contains('back')) {\n                panel1.classList.remove('back');\n                for (let child of children1) {\n                    child.style.display = 'flex';\n                }\n                panel1.classList.add('front');\n                panel2.classList.remove('front');\n                panel2.classList.add('back');\n                for (let child of children2) {\n                    if (document.getElementById('panel-cover') != child) {\n                        child.style.display = 'none';\n                    }\n                }\n            }\n        });\n\n\n        const children1 = panel1.children;\n        const children2 = panel2.children;\n        panel2.addEventListener('click', () => {\n            if (panel2.classList.contains('back')) {\n                panel2.classList.remove('back');\n                panel2.classList.add('front');\n                for (let child of children2) {\n                    if (document.getElementById('panel-cover') != child) {\n                        child.style.display = 'flex';\n                    }\n                }\n                panel1.classList.remove('front');\n                panel1.classList.add('back');\n                for (let child of children1) {\n                    child.style.display = 'none';\n                }\n            }\n        });\n\n        function changeFeature(element) {\n            const allButtons = document.getElementsByClassName('active');\n            for (const button of allButtons) {\n                button.classList.remove('active');\n            }\n            const tabContent = document.getElementById('tab-text');\n            const tabImage = document.getElementById('tab-image')\n            element.classList.add('active');\n            console.log(element.dataset.tab);\n            switch (element.dataset.tab) {\n                case \"1\": tabImage.src = \"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/myStock-Mockups-1.png\"; tabContent.textContent = \"Track stock levels and movements across all locations in one place. myStock gives you real-time visibility of every product, batch, and adjustment \u2014 helping you prevent stockouts, reduce waste, and keep your business running smoothly.\"; break;\n                case \"2\": tabImage.src = \"https:\/\/mystock.co\/wp-content\/uploads\/2025\/10\/myStock-Mockups-2.png\"; tabContent.textContent = \"Simplify purchasing with clear purchase order tracking, supplier management, and cost control. From low-stock alerts to supplier performance insights, myStock ensures every order is accurate and on time.\"; break;\n                case \"3\": tabImage.src = \"https:\/\/mystock.co\/wp-content\/uploads\/2025\/10\/Warehouse-Transfers2.png\"; tabContent.textContent = \"Manage multiple warehouses effortlessly with full control over transfers, receipts, and returns. myStock keeps every location in sync \u2014 ensuring accurate quantities and smooth movement of goods between branches.\"; break;\n                case \"4\": tabImage.src = \"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/6.png\"; tabContent.textContent = \"Turn your inventory data into actionable insights. Access real-time dashboards, monitor key metrics, and export detailed reports to track stock performance, margins, and trends \u2014 all in one place.\"; break;\n                case \"5\": tabImage.src = \"https:\/\/staging.mystock.co\/wp-content\/uploads\/2025\/10\/myStock-Mockups.png\"; tabContent.textContent = \"Seamlessly connect myStock with leading accounting platforms like Sage and Xero. Every sale, purchase, and adjustment automatically syncs to your ledger \u2014 eliminating double entries, improving accuracy, and giving you a complete financial picture in real time.\"; break;\n            }\n        }\n\n        window.addEventListener('load', () => {\n            const rotators = [\n                { id: 'rotator1', direction: 'right', pair: 'rotator2' },\n                { id: 'rotator2', direction: 'right', pair: 'rotator1' },\n                { id: 'rotator3', direction: 'left', pair: 'rotator4' },\n                { id: 'rotator4', direction: 'left', pair: 'rotator3' },\n                { id: 'rotator5', direction: 'right', pair: 'rotator6' },\n                { id: 'rotator6', direction: 'right', pair: 'rotator5' },\n                { id: 'rotator7', direction: 'left', pair: 'rotator8' },\n                { id: 'rotator8', direction: 'left', pair: 'rotator7' },\n            ];\n\n            const speed = 0.06; \/\/ Adjusted for better performance\n            const rotatorData = {};\n            let animationId = null;\n            let lastTimestamp = 0;\n\n            \/\/ Initialize rotators after a small delay to ensure DOM is ready\n            setTimeout(() => {\n                rotators.forEach(({ id, direction, pair }) => {\n                    const el = document.getElementById(id);\n                    if (!el) {\n                        console.warn(`Rotator element ${id} not found`);\n                        return;\n                    }\n\n                    \/\/ Calculate width based on children\n                    const width = Array.from(el.children).reduce((total, child) => {\n                        return total + child.offsetWidth + 10; \/\/ 10px for margin-right\n                    }, 0);\n\n                    rotatorData[id] = {\n                        el,\n                        direction,\n                        width,\n                        x: 0,\n                    };\n                });\n\n                \/\/ Set initial positions\n                rotators.forEach(({ id, pair, direction }) => {\n                    const data = rotatorData[id];\n                    const pairData = rotatorData[pair];\n\n                    if (!data || !pairData) return;\n\n                    if (direction === 'right') {\n                        data.x = 0;\n                        pairData.x = data.width;\n                        data.el.style.left = '0px';\n                        pairData.el.style.left = data.width + 'px';\n                    } else if (direction === 'left') {\n                        data.x = 0;\n                        pairData.x = -pairData.width;\n                        data.el.style.left = '0px';\n                        pairData.el.style.left = -pairData.width + 'px';\n                    }\n                });\n\n                \/\/ Start animation\n                if (Object.keys(rotatorData).length > 0) {\n                    animationId = requestAnimationFrame(animate);\n                }\n            }, 100);\n\n            function animate(timestamp) {\n                if (!lastTimestamp) lastTimestamp = timestamp;\n                const deltaTime = timestamp - lastTimestamp;\n                lastTimestamp = timestamp;\n\n                Object.values(rotatorData).forEach((r) => {\n                    if (r.direction === 'right') {\n                        r.x -= speed * deltaTime;\n                        if (r.x < -r.width) {\n                            r.x = r.width;\n                        }\n                    } else if (r.direction === 'left') {\n                        r.x += speed * deltaTime;\n                        if (r.x > r.width) {\n                            r.x = -r.width;\n                        }\n                    }\n\n                    r.el.style.left = `${r.x}px`;\n                });\n\n                animationId = requestAnimationFrame(animate);\n            }\n\n            \/\/ Clean up animation when page is hidden\n            document.addEventListener('visibilitychange', () => {\n                if (document.hidden) {\n                    if (animationId) {\n                        cancelAnimationFrame(animationId);\n                        animationId = null;\n                    }\n                } else {\n                    if (!animationId && Object.keys(rotatorData).length > 0) {\n                        lastTimestamp = 0;\n                        animationId = requestAnimationFrame(animate);\n                    }\n                }\n            });\n        });\n        document.addEventListener('DOMContentLoaded', function () {\n            if ('scrollRestoration' in history) {\n                history.scrollRestoration = 'manual';\n            }\n            const container = document.querySelector('.header-container');\n            setTimeout(() => {\n                document.getElementById('true-header-cover').style.opacity = \"0\";\n                setTimeout(() => {\n                    window.addEventListener('wheel', function () {\n                        container.classList.add('connected');\n                        setTimeout(() => {\n                            document.body.style.overflowY = \"auto\";\n                            document.body.style.touchAction = \"pan-y\";\n                        }, 1500)\n                    });\n                    window.addEventListener('click', function () {\n                        container.classList.add('connected');\n                        setTimeout(() => {\n                            document.body.style.overflowY = \"auto\";\n                            document.body.style.touchAction = \"pan-y\";\n                        }, 1000)\n                    });\n                }, 1000);\n            }, 2000)\n        });\n\n        document.getElementById(\"mystock-button\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/mystock\");\n        })\n\n        document.getElementById(\"ms4acc-button\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/mystock-4-accounting\");\n        })\n\n        document.getElementById(\"demo-button\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/free-demo\");\n        })\n\n        document.getElementById(\"solutions\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/solutions\");\n        })\n\n        document.getElementById(\"solutions2\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/solutions\");\n        })\n\n        document.getElementById(\"partner-button\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/marketplace\");\n        })\n\n        document.getElementById(\"cta-right-overlay-hover\").addEventListener('click', () => {\n            window.open(\"https:\/\/mystock.co\/index.php\/free-demo\");\n        })\n    <\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-613","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/pages\/613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.mystock.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=613"}],"version-history":[{"count":5,"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/pages\/613\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/staging.mystock.co\/index.php?rest_route=\/wp\/v2\/pages\/613\/revisions\/620"}],"wp:attachment":[{"href":"https:\/\/staging.mystock.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}