{"id":8,"date":"2026-09-06T07:39:53","date_gmt":"2026-09-06T07:39:53","guid":{"rendered":"https:\/\/apps.sisalglobal.ca\/?page_id=8"},"modified":"2026-09-07T05:12:10","modified_gmt":"2026-09-07T05:12:10","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/apps.sisalglobal.ca\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed75af e-flex e-con-boxed e-con e-parent\" data-id=\"8ed75af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d47046 elementor-widget elementor-widget-html\" data-id=\"3d47046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\r\n\/* =====================================================\r\n   SISAL GLOBAL \u2014 PREMIUM CORPORATE LOGIN\r\n===================================================== *\/\r\n\r\n* {\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    margin: 0;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background: transparent;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN WRAPPER\r\n===================================================== *\/\r\n\r\n.sgi-login-wrap {\r\n    min-height: 100vh;\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 35px 20px;\r\n\r\n    background: transparent;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGIN CARD\r\n===================================================== *\/\r\n\r\n.sgi-login-box {\r\n\r\n    width: 100%;\r\n    max-width: 455px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 16px;\r\n\r\n    padding: 42px 42px 34px;\r\n\r\n    position: relative;\r\n\r\n    border: 1px solid #e7edf3;\r\n\r\n    box-shadow:\r\n        0 24px 70px rgba(15, 50, 80, 0.13);\r\n\r\n    overflow: hidden;\r\n\r\n    animation:\r\n        sgiAppear .65s ease forwards;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BLUE TOP ACCENT\r\n===================================================== *\/\r\n\r\n.sgi-login-box::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 4px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #075a9c,\r\n            #0b72c6,\r\n            #49a8ed\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGO\r\n===================================================== *\/\r\n\r\n.sgi-logo {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    animation:\r\n        sgiLogo .7s ease .1s both;\r\n\r\n}\r\n\r\n\r\n.sgi-logo img {\r\n\r\n    width: 205px;\r\n\r\n    max-width: 85%;\r\n\r\n    height: auto;\r\n\r\n    display: block;\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PORTAL TITLE\r\n===================================================== *\/\r\n\r\n.sgi-logo p {\r\n\r\n    margin: 13px 0 0;\r\n\r\n    color: #000000;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.2px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DESCRIPTION\r\n===================================================== *\/\r\n\r\n.sgi-title {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 30px;\r\n\r\n    padding-bottom: 23px;\r\n\r\n    border-bottom:\r\n        1px solid #edf1f5;\r\n\r\n    animation:\r\n        sgiFade .6s ease .2s both;\r\n\r\n}\r\n\r\n\r\n.sgi-title p {\r\n\r\n    margin: 0;\r\n\r\n    color: #000000;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FIELD\r\n===================================================== *\/\r\n\r\n.sgi-field {\r\n\r\n    margin-bottom: 20px;\r\n\r\n    animation:\r\n        sgiField .6s ease both;\r\n\r\n}\r\n\r\n\r\n.sgi-field:nth-child(1) {\r\n\r\n    animation-delay:\r\n        .25s;\r\n\r\n}\r\n\r\n\r\n.sgi-field:nth-child(2) {\r\n\r\n    animation-delay:\r\n        .35s;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LABEL\r\n===================================================== *\/\r\n\r\n.sgi-field label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #182230;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INPUT\r\n===================================================== *\/\r\n\r\n.sgi-field input[type=\"text\"],\r\n.sgi-field input[type=\"password\"] {\r\n\r\n    width: 100%;\r\n\r\n    height: 52px;\r\n\r\n    padding:\r\n        0 15px;\r\n\r\n    background: #ffffff;\r\n\r\n    border:\r\n        1px solid #d9e2eb;\r\n\r\n    border-radius: 9px;\r\n\r\n    outline: none;\r\n\r\n    color: #101828;\r\n\r\n    font-size: 14px;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease;\r\n\r\n}\r\n\r\n\r\n.sgi-field input[type=\"text\"]:hover,\r\n.sgi-field input[type=\"password\"]:hover {\r\n\r\n    border-color:\r\n        #a9c4d9;\r\n\r\n}\r\n\r\n\r\n.sgi-field input[type=\"text\"]:focus,\r\n.sgi-field input[type=\"password\"]:focus {\r\n\r\n    border-color:\r\n        #0b72c6;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(11,114,198,.08);\r\n\r\n}\r\n\r\n\r\n.sgi-field input::placeholder {\r\n\r\n    color:\r\n        #9aa6b2;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PASSWORD\r\n===================================================== *\/\r\n\r\n.sgi-password-wrap {\r\n\r\n    position:\r\n        relative;\r\n\r\n}\r\n\r\n\r\n.sgi-password-wrap input {\r\n\r\n    padding-right:\r\n        70px !important;\r\n\r\n}\r\n\r\n\r\n.sgi-show {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    right:\r\n        10px;\r\n\r\n    top:\r\n        50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    border:\r\n        none;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        #0b72c6;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .4px;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    padding:\r\n        7px;\r\n\r\n}\r\n\r\n\r\n.sgi-show:hover {\r\n\r\n    color:\r\n        #064f88;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   REMEMBER\r\n===================================================== *\/\r\n\r\n.sgi-options {\r\n\r\n    margin:\r\n        2px 0 22px;\r\n\r\n    animation:\r\n        sgiFade .6s ease .45s both;\r\n\r\n}\r\n\r\n\r\n.sgi-remember {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        8px;\r\n\r\n    color:\r\n        #000000;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n}\r\n\r\n\r\n.sgi-remember input {\r\n\r\n    width:\r\n        15px;\r\n\r\n    height:\r\n        15px;\r\n\r\n    margin:\r\n        0;\r\n\r\n    accent-color:\r\n        #0b72c6;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LOGIN BUTTON\r\n===================================================== *\/\r\n\r\n.sgi-login-btn {\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        53px;\r\n\r\n    border:\r\n        none;\r\n\r\n    border-radius:\r\n        9px;\r\n\r\n    background:\r\n        #0b72c6;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .3px;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    box-shadow:\r\n        0 8px 22px\r\n        rgba(11,114,198,.20);\r\n\r\n    animation:\r\n        sgiButton .65s ease .5s both;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.sgi-login-btn:hover {\r\n\r\n    background:\r\n        #095f9f;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(11,114,198,.27);\r\n\r\n}\r\n\r\n\r\n.sgi-login-btn:active {\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BUTTON LIGHT SWEEP\r\n===================================================== *\/\r\n\r\n.sgi-login-btn::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    top:\r\n        0;\r\n\r\n    left:\r\n        -100%;\r\n\r\n    width:\r\n        45%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.18),\r\n            transparent\r\n        );\r\n\r\n    transform:\r\n        skewX(-20deg);\r\n\r\n    transition:\r\n        left .7s ease;\r\n\r\n}\r\n\r\n\r\n.sgi-login-btn:hover::after {\r\n\r\n    left:\r\n        140%;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FOOTER\r\n===================================================== *\/\r\n\r\n.sgi-footer {\r\n\r\n    text-align:\r\n        center;\r\n\r\n    margin-top:\r\n        25px;\r\n\r\n    padding-top:\r\n        20px;\r\n\r\n    border-top:\r\n        1px solid #edf1f5;\r\n\r\n    color:\r\n        #000000;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    animation:\r\n        sgiFade .6s ease .6s both;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONS\r\n===================================================== *\/\r\n\r\n@keyframes sgiAppear {\r\n\r\n    0% {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateY(22px)\r\n            scale(.98);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes sgiLogo {\r\n\r\n    0% {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateY(-12px);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes sgiFade {\r\n\r\n    0% {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateY(8px);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes sgiField {\r\n\r\n    0% {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateX(-10px);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes sgiButton {\r\n\r\n    0% {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateY(10px);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sgi-login-wrap {\r\n\r\n        padding:\r\n            20px 15px;\r\n\r\n    }\r\n\r\n\r\n    .sgi-login-box {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        padding:\r\n            34px 24px 28px;\r\n\r\n        border-radius:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .sgi-logo img {\r\n\r\n        width:\r\n            175px;\r\n\r\n    }\r\n\r\n\r\n    .sgi-logo p {\r\n\r\n        font-size:\r\n            10px;\r\n\r\n        letter-spacing:\r\n            1.7px;\r\n\r\n    }\r\n\r\n\r\n    .sgi-title p {\r\n\r\n        font-size:\r\n            13px;\r\n\r\n    }\r\n\r\n\r\n    .sgi-login-btn {\r\n\r\n        height:\r\n            51px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     LOGIN WRAPPER\r\n===================================================== -->\r\n\r\n<div class=\"sgi-login-wrap\">\r\n\r\n\r\n    <!-- =================================================\r\n         LOGIN BOX\r\n    ================================================== -->\r\n\r\n    <div class=\"sgi-login-box\">\r\n\r\n\r\n        <!-- =================================================\r\n             LOGO\r\n        ================================================== -->\r\n\r\n        <div class=\"sgi-logo\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/apps.sisalglobal.ca\/wp-content\/uploads\/2026\/09\/Transparent-Logo-PNG-Formatted.png\"\r\n                alt=\"Sisal Global Inc. Logo\"\r\n            >\r\n\r\n            <p>\r\n                ORDER MANAGEMENT PORTAL\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             LOGIN DESCRIPTION\r\n        ================================================== -->\r\n\r\n        <div class=\"sgi-title\">\r\n\r\n            <p>\r\n                Login to access your order dashboard\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             LOGIN FORM\r\n        ================================================== -->\r\n\r\n        <form\r\n            method=\"post\"\r\n            action=\"\/wp-login.php\"\r\n        >\r\n\r\n\r\n            <!-- USERNAME -->\r\n\r\n            <div class=\"sgi-field\">\r\n\r\n                <label for=\"sgi_username\">\r\n                    Username or Email\r\n                <\/label>\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    id=\"sgi_username\"\r\n                    name=\"log\"\r\n                    placeholder=\"Enter your username or email\"\r\n                    autocomplete=\"username\"\r\n                    required\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PASSWORD -->\r\n\r\n            <div class=\"sgi-field\">\r\n\r\n                <label for=\"sgi_password\">\r\n                    Password\r\n                <\/label>\r\n\r\n\r\n                <div class=\"sgi-password-wrap\">\r\n\r\n                    <input\r\n                        type=\"password\"\r\n                        id=\"sgi_password\"\r\n                        name=\"pwd\"\r\n                        placeholder=\"Enter your password\"\r\n                        autocomplete=\"current-password\"\r\n                        required\r\n                    >\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"sgi-show\"\r\n                        onclick=\"sgiTogglePassword()\"\r\n                    >\r\n                        SHOW\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- REMEMBER ME -->\r\n\r\n            <div class=\"sgi-options\">\r\n\r\n                <label class=\"sgi-remember\">\r\n\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        name=\"rememberme\"\r\n                        value=\"forever\"\r\n                    >\r\n\r\n                    <span>\r\n                        Remember Me\r\n                    <\/span>\r\n\r\n                <\/label>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- WORDPRESS SUBMIT -->\r\n\r\n            <input\r\n                type=\"hidden\"\r\n                name=\"wp-submit\"\r\n                value=\"LOGIN TO ORDER PORTAL\"\r\n            >\r\n\r\n\r\n            <!-- LOGIN BUTTON -->\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"sgi-login-btn\"\r\n            >\r\n                LOGIN TO ORDER PORTAL\r\n            <\/button>\r\n\r\n\r\n        <\/form>\r\n\r\n\r\n        <!-- =================================================\r\n             FOOTER\r\n        ================================================== -->\r\n\r\n        <div class=\"sgi-footer\">\r\n\r\n            \u00a9 2026 SISAL GLOBAL INC. All Rights Reserved.\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     PASSWORD SHOW \/ HIDE\r\n===================================================== -->\r\n\r\n<script>\r\n\r\nfunction sgiTogglePassword() {\r\n\r\n    const password =\r\n        document.getElementById(\"sgi_password\");\r\n\r\n    const button =\r\n        document.querySelector(\".sgi-show\");\r\n\r\n\r\n    if (password.type === \"password\") {\r\n\r\n        password.type = \"text\";\r\n\r\n        button.textContent = \"HIDE\";\r\n\r\n    } else {\r\n\r\n        password.type = \"password\";\r\n\r\n        button.textContent = \"SHOW\";\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ORDER MANAGEMENT PORTAL Login to access your order dashboard Username or Email Password SHOW Remember Me LOGIN TO ORDER PORTAL \u00a9 2026 SISAL GLOBAL INC. All Rights Reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":35,"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/apps.sisalglobal.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}