<?php
// Exit if accessed directly.
if (!defined('ABSPATH')) {
    exit;
}
?>
<style>
    .gspb_iconsList__item a {
        text-decoration: none;
        color: #fff;
    }

    .gspb_iconsList__item a .gspb_iconsList__iconbox {
        transition: all 0.4s;
    }

    .gspb_iconsList__item a:hover .gspb_iconsList__iconbox {
        transform: scale(1.1);
    }

    body #gspb_container-id-gsbp-cbc3fa8c-bb26.gspb_container {
        max-width: 1300px !important
    }

    #gspb_svgBox-id-gsbp-a064e742-de4e {
        display: flex
    }

    @media (max-width:1200px) {
        body #gspb_svgBox-id-gsbp-a064e742-de4e {
            display: none !important
        }
    }

    @media (min-width:576px) and (max-width:767.98px) {
        body #gspb_svgBox-id-gsbp-a064e742-de4e {
            display: none !important
        }
    }

    #gspb_svgBox-id-gsbp-a064e742-de4e {
        position: absolute;
        z-index: 22;
        top: 135px;
        left: -50px
    }

    #gspb_svgBox-id-gsbp-a064e742-de4e svg {
        width: 200px !important;
        overflow: visible;
        height: 133px !important;
        max-width: 100%
    }

    #gspb_image-id-gsbp-39406707-6d0b img,
    #gspb_image-id-gsbp-7f102a1f-e4d6 img {
        vertical-align: top;
        display: inline-block;
        box-sizing: border-box;
        max-width: 100%;
        height: 73px
    }

    @media (max-width:575.98px) {
        body #gspb_image-id-gsbp-39406707-6d0b {
            display: none !important
        }
    }

    #gspb_image-id-gsbp-39406707-6d0b {
        position: absolute;
        z-index: 2;
        top: 350px;
        right: 38px
    }

    #gspb_image-id-gsbp-39406707-6d0b {
        height: 73px
    }

    #gspb_heading-id-gsbp-24678795-b56e {
        font-size: 41px;
        line-height: 46px
    }

    @media (max-width:767.98px) {
        #gspb_heading-id-gsbp-24678795-b56e {
            font-size: 32px
        }
    }

    @media (max-width:575.98px) {
        #gspb_heading-id-gsbp-24678795-b56e {
            line-height: 38px
        }
    }

    #gspb_heading-id-gsbp-24678795-b56e {
        color: #fff;
        margin-top: 0;
        margin-bottom: 5px
    }

    @media (max-width:575.98px) {
        #gspb_heading-id-gsbp-24678795-b56e {
            margin-top: 0;
            margin-bottom: 10px
        }
    }

    #gspb_heading-id-gsbp-f277e577-489b {
        font-size: 35px;
        line-height: 40px
    }

    @media (max-width:767.98px) {
        #gspb_heading-id-gsbp-f277e577-489b {
            font-size: 28px;
            line-height: 32px
        }
    }

    #gspb_heading-id-gsbp-f277e577-489b {
        font-weight: 700 !important;
        background-image: linear-gradient(135deg, #ffa042 0, #e00 47%, #937cf5 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0
    }

    #gspb_heading-id-gsbp-4bd95d18-7d9d {
        font-size: 15px;
        color: #a0a2b4;
        margin-bottom: 30px;
        max-width: 420px;
        line-height: 24px;
    }

    #gspb_svgBox-id-gsbp-2d708d58-a895 {
        display: flex;
        margin-bottom: 6px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #gspb_svgBox-id-gsbp-2d708d58-a895 svg {
        overflow: visible
    }

    #gspb_svgBox-id-gsbp-2d708d58-a895 svg {
        height: 66px !important
    }

    @media (max-width:575.98px) {
        #gspb_svgBox-id-gsbp-2d708d58-a895 svg {
            height: 50px !important
        }
    }

    #gspb_svgBox-id-gsbp-2d708d58-a895 svg,
    #gspb_svgBox-id-gsbp-2d708d58-a895 svg path {
        fill: #ffffff7d !important
    }

    #gspb_svgBox-id-gsbp-2d708d58-a895 svg {
        max-width: 100%
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item__text {
        margin-left: 15px
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item svg path {
        fill: #635cff !important
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item img,
    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item svg {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__iconbox {
        border-radius: 50%;
        padding: 7px;
        background-color: #f1f0ff;
        display: inline-flex;
        margin: 0 !important
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__popoverWrapper {
        margin: 0 !important
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList .gspb_iconsList__item {
        font-size: 16px;
        color: #fff;
        margin-bottom: 15px
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList {
        margin-bottom: 40px
    }

    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList [data-id='0'] svg,
    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList [data-id='1'] svg,
    #gspb_iconsList-id-gsbp-68c38de4-80e9.gspb_iconsList [data-id='2'] svg {
        margin: 0 !important
    }

    #gspb_row-id-gsbp-e3474acb-2e7f {
        justify-content: space-between;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        display: flex;
        flex-wrap: wrap
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16>.gspb_row__content,
    #gspb_row-id-gsbp-e3474acb-2e7f>.gspb_row__content {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        flex-wrap: wrap
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16 div[id^=gspb_col-id],
    #gspb_row-id-gsbp-e3474acb-2e7f div[id^=gspb_col-id] {
        position: relative;
        padding: 15px min(3vw, 20px);
        box-sizing: border-box
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16>.gspb_row__content,
    #gspb_row-id-gsbp-e3474acb-2e7f>.gspb_row__content {
        max-width: var(--wp--style--global--wide-size, 1200px)
    }

    #gspb_image-id-gsbp-7f102a1f-e4d6 {
        text-align: center;
        margin-top: 0;
        height: 470px
    }

    #gspb_image-id-gsbp-7f102a1f-e4d6 img {
        object-fit: contain;
        object-position: 100% 50%;
        vertical-align: bottom;
        width: auto;
        height: 470px
    }

    @media (max-width:767.98px) {

        #gspb_image-id-gsbp-7f102a1f-e4d6,
        #gspb_image-id-gsbp-7f102a1f-e4d6 img {
            height: 259px
        }
    }

    @media (max-width:575.98px) {

        #gspb_image-id-gsbp-7f102a1f-e4d6,
        #gspb_image-id-gsbp-7f102a1f-e4d6 img {
            height: 173px
        }
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16 {
        justify-content: space-between;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        padding: 20px 50px 0
    }

    @media (max-width:575.98px) {
        #gspb_row-id-gsbp-9dbd0a17-1f16 {
            padding-right: 10px;
            padding-left: 10px
        }
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16>.gspb_backgroundOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s ease, clip-path .5s ease;
        transform: scale(0) rotate(0deg) translateX(0) translateY(0);
        will-change: transform, opacity, clip-path;
        opacity: 0
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16>.gspb_backgroundOverlay.gspb-inview-active {
        transform: scale(1) rotate(0deg) translateX(0) translateY(0);
        opacity: 1;
        background-image: url(<?php echo GREENSHIFT_DIR_URL . 'templates/admin/img/bg-kvad.webp'; ?>);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 0
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16 {
        overflow: hidden;
        z-index: 0
    }

    #gspb_row-id-gsbp-9dbd0a17-1f16 {
        position: relative;
        z-index: 1
    }

    #gspb_container-id-gsbp-89d45563-1559.gspb_container {
        position: relative;
        flex-direction: column;
        box-sizing: border-box;
        box-shadow: 0 2px 4px 0 #a7b7cc47;
        overflow: hidden;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px;
        border-bottom-left-radius: 14px;
        background-color: #1a1b20 !important;
        background-size: 30%;
        background-repeat: no-repeat;
        background-position: 97% 100%;
        background-image: url(<?php echo GREENSHIFT_DIR_URL . 'templates/admin/img/logoext.webp'; ?>)
    }

    #gspb_container-id-gsbp-710c6e65-d7c0.gspb_container>p:last-of-type,
    #gspb_container-id-gsbp-89d45563-1559.gspb_container>p:last-of-type {
        margin-bottom: 0
    }

    #gspb_container-id-gsbp-89d45563-1559.gspb_container {
        position: relative
    }

    #gspb_container-id-gsbp-89d45563-1559.gspb_container>.gspb_backgroundOverlay {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        border-bottom-right-radius: 14px;
        border-bottom-left-radius: 14px
    }

    #gspb_col-id-gsbp-ce8bb40f-6668.gspb_row__col--12 {
        width: 100%
    }

    @media (max-width:575.98px) {
        #gspb_col-id-gsbp-ce8bb40f-6668.gspb_row__col--12 {
            width: 100%
        }
    }

    .gspb_row #gspb_col-id-gsbp-ce8bb40f-6668.gspb_row__col--12 {
        padding: 0;
        margin-bottom: 25px;
    }

    #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
        width: 50%
    }

    @media (max-width:991.98px) {
        #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (max-width:767.98px) {
        #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (max-width:575.98px) {
        #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (min-width:992px) {
        #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            width: calc(56% - 0px - 0px)
        }
    }

    @media (max-width:991.98px) {
        .gspb_row #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            padding-bottom: 40px
        }
    }

    @media (max-width:767.98px) {
        .gspb_row #gspb_col-id-gsbp-87fcdd13-3cca.gspb_row__col--6 {
            padding-bottom: 0
        }
    }

    #gspb_container-id-gsbp-710c6e65-d7c0.gspb_container {
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        margin-bottom: 24px
    }

    #gspb_col-id-gsbp-ef18bb47-90f1.gspb_row__col--6 {
        width: 50%
    }

    @media (max-width:991.98px) {
        #gspb_col-id-gsbp-ef18bb47-90f1.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (max-width:767.98px) {
        #gspb_col-id-gsbp-ef18bb47-90f1.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (max-width:575.98px) {
        #gspb_col-id-gsbp-ef18bb47-90f1.gspb_row__col--6 {
            width: 100%
        }
    }

    @media (min-width:992px) {
        #gspb_col-id-gsbp-ef18bb47-90f1.gspb_row__col--6 {
            width: calc(44% - 0px - 0px)
        }
    }

    /*
Worm form
*/

    .worm-form form {
        display: block;
        position: relative;
        color: #a0a2b4;
    }

    .worm-form-title{
        font-size: 25px;
        line-height: 30px;
        font-weight: 500;
        display: block;
        margin-bottom: 30px;
        margin-top: 0px;
        color: #fff;
        position: relative;
    }

    .worm-form-title-help{
        display: inline-flex;
        margin-left: 10px;
        background: #fff;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s;
        vertical-align: middle;
    }

    .worm-form-title-help:hover{
        background: #f8f8f8;
    }

    .worm-form-title-help svg{
        width: 20px;
        height: 20px;
        fill: #111;
    }

    .worm-form-label-title{font-size:17px; font-weight: 500; display:block; margin-bottom: 5px;}

    .worm-form input {
        position: fixed;
        top: -1.5em;
        left: -1.5em;
    }

    .worm-form label {
        cursor: pointer;
        display: block;
        display: flex;
        gap: 20px;
        transition: all 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
        height: 5em;
    }


    .worm-form label span.worm-form-radio {
        box-shadow: 0 0 0 0.2em currentColor inset, 0 0.2em 0.2em rgba(0, 0, 0, 0.2), 0 0.3em 0.2em rgba(0, 0, 0, 0.2) inset;
        display: inline-block;
        vertical-align: bottom;
        min-width: 1.5em;
        width: 1.5em;
        height: 1.5em;
        transition: transform 0.2s cubic-bezier(0.5, 0, 0.5, 2), box-shadow 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95), color 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }

    .worm-form label span.worm-form-radio,
    .worm__segment:before {
        border-radius: 50%;
    }

    .worm-form input:checked+label,
    .worm-form input:checked+label span.worm-form-radio,
    .worm-form .worm__segment:before {
        color: #25f462;
    }

    .worm-form input:checked+label span.worm-form-label-desc {color: #fff;}

    .worm-form input:checked+label,
    .worm-form input:checked+label span.worm-form-radio {
        transition-delay: 0.4s;
    }

    .worm-form input:checked+label span.worm-form-radio {
        transform: scale(1.2);
    }

    .worm {
        top: 0.375em;
        left: 0.375em;
    }

    .worm,
    .worm__segment {
        position: absolute;
    }

    .worm__segment {
        top: 0;
        left: 0;
        width: 0.75em;
        height: 0.75em;
        transition: transform 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }

    .worm__segment:before {
        animation-duration: 0.4s;
        animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
        background: currentColor;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
    }

    .worm__segment:first-child:before,
    .worm__segment:last-child:before {
        box-shadow: 0 0 1em 0 currentColor;
    }

    .worm__segment:nth-child(2) {
        transition-delay: 0.004s;
    }

    .worm__segment:nth-child(2):before {
        animation-delay: 0.004s;
    }

    .worm__segment:nth-child(3) {
        transition-delay: 0.008s;
    }

    .worm__segment:nth-child(3):before {
        animation-delay: 0.008s;
    }

    .worm__segment:nth-child(4) {
        transition-delay: 0.012s;
    }

    .worm__segment:nth-child(4):before {
        animation-delay: 0.012s;
    }

    .worm__segment:nth-child(5) {
        transition-delay: 0.016s;
    }

    .worm__segment:nth-child(5):before {
        animation-delay: 0.016s;
    }

    .worm__segment:nth-child(6) {
        transition-delay: 0.02s;
    }

    .worm__segment:nth-child(6):before {
        animation-delay: 0.02s;
    }

    .worm__segment:nth-child(7) {
        transition-delay: 0.024s;
    }

    .worm__segment:nth-child(7):before {
        animation-delay: 0.024s;
    }

    .worm__segment:nth-child(8) {
        transition-delay: 0.028s;
    }

    .worm__segment:nth-child(8):before {
        animation-delay: 0.028s;
    }

    .worm__segment:nth-child(9) {
        transition-delay: 0.032s;
    }

    .worm__segment:nth-child(9):before {
        animation-delay: 0.032s;
    }

    .worm__segment:nth-child(10) {
        transition-delay: 0.036s;
    }

    .worm__segment:nth-child(10):before {
        animation-delay: 0.036s;
    }

    .worm__segment:nth-child(11) {
        transition-delay: 0.04s;
    }

    .worm__segment:nth-child(11):before {
        animation-delay: 0.04s;
    }

    .worm__segment:nth-child(12) {
        transition-delay: 0.044s;
    }

    .worm__segment:nth-child(12):before {
        animation-delay: 0.044s;
    }

    .worm__segment:nth-child(13) {
        transition-delay: 0.048s;
    }

    .worm__segment:nth-child(13):before {
        animation-delay: 0.048s;
    }

    .worm__segment:nth-child(14) {
        transition-delay: 0.052s;
    }

    .worm__segment:nth-child(14):before {
        animation-delay: 0.052s;
    }

    .worm__segment:nth-child(15) {
        transition-delay: 0.056s;
    }

    .worm__segment:nth-child(15):before {
        animation-delay: 0.056s;
    }

    .worm__segment:nth-child(16) {
        transition-delay: 0.06s;
    }

    .worm__segment:nth-child(16):before {
        animation-delay: 0.06s;
    }

    .worm__segment:nth-child(17) {
        transition-delay: 0.064s;
    }

    .worm__segment:nth-child(17):before {
        animation-delay: 0.064s;
    }

    .worm__segment:nth-child(18) {
        transition-delay: 0.068s;
    }

    .worm__segment:nth-child(18):before {
        animation-delay: 0.068s;
    }

    .worm__segment:nth-child(19) {
        transition-delay: 0.072s;
    }

    .worm__segment:nth-child(19):before {
        animation-delay: 0.072s;
    }

    .worm__segment:nth-child(20) {
        transition-delay: 0.076s;
    }

    .worm__segment:nth-child(20):before {
        animation-delay: 0.076s;
    }

    .worm__segment:nth-child(21) {
        transition-delay: 0.08s;
    }

    .worm__segment:nth-child(21):before {
        animation-delay: 0.08s;
    }

    .worm__segment:nth-child(22) {
        transition-delay: 0.084s;
    }

    .worm__segment:nth-child(22):before {
        animation-delay: 0.084s;
    }

    .worm__segment:nth-child(23) {
        transition-delay: 0.088s;
    }

    .worm__segment:nth-child(23):before {
        animation-delay: 0.088s;
    }

    .worm__segment:nth-child(24) {
        transition-delay: 0.092s;
    }

    .worm__segment:nth-child(24):before {
        animation-delay: 0.092s;
    }

    .worm__segment:nth-child(25) {
        transition-delay: 0.096s;
    }

    .worm__segment:nth-child(25):before {
        animation-delay: 0.096s;
    }

    .worm__segment:nth-child(26) {
        transition-delay: 0.1s;
    }

    .worm__segment:nth-child(26):before {
        animation-delay: 0.1s;
    }

    .worm__segment:nth-child(27) {
        transition-delay: 0.104s;
    }

    .worm__segment:nth-child(27):before {
        animation-delay: 0.104s;
    }

    .worm__segment:nth-child(28) {
        transition-delay: 0.108s;
    }

    .worm__segment:nth-child(28):before {
        animation-delay: 0.108s;
    }

    .worm__segment:nth-child(29) {
        transition-delay: 0.112s;
    }

    .worm__segment:nth-child(29):before {
        animation-delay: 0.112s;
    }

    .worm__segment:nth-child(30) {
        transition-delay: 0.116s;
    }

    .worm__segment:nth-child(30):before {
        animation-delay: 0.116s;
    }

    /* States */
    input:nth-of-type(1):checked~.worm .worm__segment:before {
        animation-name: hop1;
    }

    @keyframes hop1 {

        from,
        to {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-1.5em);
        }
    }

    input:nth-of-type(2):checked~.worm .worm__segment {
        transform: translateY(5em);
    }

    input:nth-of-type(2):checked~.worm .worm__segment:before {
        animation-name: hop2;
    }

    @keyframes hop2 {

        from,
        to {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-1.5em);
        }
    }

    input:nth-of-type(3):checked~.worm .worm__segment {
        transform: translateY(10em);
    }

    input:nth-of-type(3):checked~.worm .worm__segment:before {
        animation-name: hop3;
    }

    @keyframes hop3 {

        from,
        to {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-1.5em);
        }
    }

    .gs-typewritter {
    position: relative;
    display: inline-block;
}

.gs-typewritter {
    position: relative;
    display: inline-block;
}

.gs-typewritter span {
    position: absolute;
    left: 0;
    top: 0;
    color: #25f462;
}

.gs-typewritter span:first-child {
    position: relative;
    animation: hideword 15s infinite;
}

.gs-typewritter span:last-child {
    animation: showword 15s infinite;
}

@keyframes hideword {
    0%, 45% {
        clip-path: inset(0 0 0 0);
    }
    50%, 95% {
        clip-path: inset(0 0 0 100%);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes showword {
    0%, 45% {
        clip-path: inset(0 0 0 100%);
    }
    50%, 95% {
        clip-path: inset(0 0 0 0);
    }
    100% {
        clip-path: inset(0 0 0 100%);
    }
}

</style>

<div class="wp-block-greenshift-blocks-container alignfull gspb_container gspb_container-gsbp-ead11204-4841" id="gspb_container-id-gsbp-ead11204-4841">
    <div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-cbc3fa8c-bb26" id="gspb_container-id-gsbp-cbc3fa8c-bb26">

        <?php $activetab = 'start'; ?>
        <?php include(GREENSHIFT_DIR_PATH . 'templates/admin/navleft.php'); ?>


        <div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-89d45563-1559" id="gspb_container-id-gsbp-89d45563-1559">



            <div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-39406707-6d0b" id="gspb_image-id-gsbp-39406707-6d0b"><img decoding="async" loading="lazy" src="<?php echo GREENSHIFT_DIR_URL . 'templates/admin/img/cursor.png'; ?>" data-src="" alt="" height="73"></div>



            <div class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-9dbd0a17-1f16" id="gspb_row-id-gsbp-9dbd0a17-1f16">
                <div class="gspb_backgroundOverlay gspb-inview gspb-inview-active"></div>
                <div class="gspb_row__content">
                    <div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-ce8bb40f-6668" id="gspb_col-id-gsbp-ce8bb40f-6668">
                        <div class="wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-e3474acb-2e7f" id="gspb_row-id-gsbp-e3474acb-2e7f">
                            <div class="gspb_row__content">
                                <div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_row__col--sm-12 gspb_col-id-gsbp-87fcdd13-3cca" id="gspb_col-id-gsbp-87fcdd13-3cca">
                                    <h2 id="gspb_heading-id-gsbp-24678795-b56e" class="gspb_heading gspb_heading-id-gsbp-24678795-b56e "><?php esc_html_e("Welcome to ", 'greenshift-animation-and-page-builder-blocks'); ?>
                                    Green
                                    <span class="gs-typewritter">
                                        <span>Shift</span>
                                        <span>Light</span>
                                    </span>
                                    </h2>


                                    <div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-710c6e65-d7c0" id="gspb_container-id-gsbp-710c6e65-d7c0">
                                        <div id="gspb_heading-id-gsbp-f277e577-489b" class="gspb_heading gspb_heading-id-gsbp-f277e577-489b "><?php esc_html_e("Page Builder", 'greenshift-animation-and-page-builder-blocks'); ?></div>
                                    </div>



                                    <div id="gspb_heading-id-gsbp-4bd95d18-7d9d" class="gspb_heading gspb_heading-id-gsbp-4bd95d18-7d9d "><?php esc_html_e("Turn your regular design into a high-quality site with attractive animations, interactions, dynamic and marketing blocks in an FSE environment", 'greenshift-animation-and-page-builder-blocks'); ?></div>
                                    <a style="color:#eee; font-size:16px; text-decoration:none;" href="https://greenshiftwp.com/learning-center" target="_blank" ><?php esc_html_e("Learning Center", 'greenshift-animation-and-page-builder-blocks'); ?> →</a>
                                </div>



                                <div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_row__col--sm-12 gspb_col-id-gsbp-ef18bb47-90f1" id="gspb_col-id-gsbp-ef18bb47-90f1">
                                    <div class="wp-block-greenshift-blocks-svgshape gspb_svgBox gspb_svgBox-id-gsbp-2d708d58-a895" id="gspb_svgBox-id-gsbp-2d708d58-a895"><svg width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M64.8649 22.7743L49.1154 21.1361C48.94 21.1176 48.7627 21.1362 48.595 21.1909C48.4273 21.2455 48.273 21.3349 48.1422 21.4532L21.7089 45.3106C21.5778 45.4287 21.4732 45.5731 21.4017 45.7343C21.3302 45.8956 21.2935 46.0701 21.2939 46.2464L21.3193 62.0861C21.3194 62.3903 21.4299 62.6841 21.6302 62.9129C21.8305 63.1418 22.1071 63.2902 22.4085 63.3306L65.9624 69.202C66.1435 69.2265 66.3278 69.2111 66.5024 69.1571C66.677 69.1031 66.8377 69.0116 66.9734 68.8892C67.1091 68.7667 67.2164 68.6162 67.288 68.448C67.3596 68.2798 67.3937 68.0981 67.3879 67.9154L66.6397 44.485C66.6469 44.3124 66.6185 44.1402 66.5562 43.979C66.4939 43.8179 66.399 43.6713 66.2776 43.5484C66.1562 43.4255 66.0107 43.3289 65.8503 43.2647C65.6899 43.2005 65.518 43.17 65.3453 43.1751C65.1726 43.1803 65.0029 43.2209 64.8466 43.2946C64.6903 43.3682 64.5508 43.4732 64.4369 43.6031C64.323 43.733 64.237 43.885 64.1844 44.0495C64.1318 44.2141 64.1136 44.3877 64.1311 44.5596L64.6521 61.0732L56.5378 33.1182L63.561 26.7794L63.9273 38.3253C63.9426 38.6554 64.0872 38.9663 64.3299 39.1907C64.5725 39.4151 64.8937 39.535 65.2241 39.5245C65.5544 39.514 65.8674 39.3739 66.0952 39.1346C66.3231 38.8952 66.4477 38.5757 66.442 38.2453L65.9923 23.9844C65.9827 23.6804 65.8632 23.3902 65.6559 23.1676C65.4485 22.9451 65.1675 22.8053 64.8649 22.7743ZM61.7944 24.9843L54.778 31.3171L44.1659 28.4219L49.4056 23.6928L61.7944 24.9843ZM41.9476 30.424L52.5597 33.3192L33.0637 50.9154L31.2679 40.063L41.9476 30.424ZM23.8054 46.7983L29.0459 42.0685L30.8416 52.9209L26.8534 56.5205C26.6057 56.7441 26.4569 57.0569 26.4399 57.3901C26.4228 57.7233 26.5388 58.0497 26.7624 58.2974C26.9859 58.5451 27.2987 58.6938 27.632 58.7109C27.9652 58.7279 28.2915 58.6119 28.5392 58.3884L32.4558 54.8535L59.4355 65.7814L23.8288 60.979L23.8054 46.7983ZM63.0337 64.5241L34.5321 52.9795L54.4615 34.9922L63.0337 64.5241ZM23.4163 20.6293C23.664 20.4057 23.8127 20.0929 23.8298 19.7597C23.8468 19.4265 23.7308 19.1001 23.5073 18.8524L18.6399 13.4595C18.4163 13.2118 18.1035 13.0631 17.7703 13.046C17.4371 13.029 17.1107 13.145 16.863 13.3685C16.6153 13.5921 16.4666 13.9049 16.4495 14.2381C16.4325 14.5713 16.5485 14.8977 16.772 15.1454L21.6394 20.5383C21.863 20.786 22.1758 20.9347 22.509 20.9518C22.8422 20.9689 23.1686 20.8528 23.4163 20.6293ZM50.3823 2.17645L50.0109 9.42603C50.0025 9.59105 50.0266 9.75611 50.082 9.9118C50.1373 10.0675 50.2228 10.2108 50.3335 10.3334C50.4442 10.4561 50.578 10.5557 50.7272 10.6267C50.8764 10.6977 51.0381 10.7385 51.2032 10.747C51.3682 10.7554 51.5333 10.7313 51.6889 10.676C51.8446 10.6206 51.9879 10.5352 52.1106 10.4244C52.2332 10.3137 52.3329 10.18 52.4038 10.0307C52.4748 9.88151 52.5157 9.71977 52.5241 9.55475L52.8954 2.30517C52.9125 1.9719 52.7965 1.6455 52.5729 1.39778C52.3493 1.15005 52.0365 1.00129 51.7032 0.984218C51.3699 0.967149 51.0435 1.08317 50.7958 1.30676C50.5481 1.53034 50.3993 1.84318 50.3823 2.17645ZM83.3175 16.7722L77.9246 21.6396C77.6769 21.8632 77.5281 22.176 77.5111 22.5092C77.494 22.8424 77.61 23.1688 77.8336 23.4165C78.0571 23.6642 78.3699 23.8129 78.7032 23.83C79.0364 23.847 79.3627 23.731 79.6104 23.5075L85.0033 18.6401C85.251 18.4165 85.3998 18.1038 85.4168 17.7705C85.4339 17.4373 85.3179 17.1109 85.0943 16.8632C84.8708 16.6156 84.558 16.4668 84.2248 16.4497C83.8915 16.4327 83.5652 16.5487 83.3175 16.7722ZM89.0305 50.0101C88.6972 49.9931 88.3708 50.1091 88.1231 50.3327C87.8754 50.5562 87.7266 50.8691 87.7095 51.2024C87.6925 51.5356 87.8085 51.862 88.0321 52.1098C88.2556 52.3575 88.5685 52.5062 88.9018 52.5233L96.1513 52.8946C96.4846 52.9117 96.811 52.7957 97.0587 52.5721C97.3065 52.3485 97.4552 52.0357 97.4723 51.7024C97.4893 51.3691 97.3733 51.0427 97.1497 50.795C96.9262 50.5473 96.6133 50.3985 96.28 50.3814L89.0305 50.0101ZM75.0464 77.8338C74.7987 78.0574 74.6499 78.3702 74.6329 78.7034C74.6158 79.0366 74.7318 79.363 74.9554 79.6107L79.8228 85.0036C80.0463 85.2513 80.3591 85.4 80.6923 85.4171C81.0256 85.4341 81.3519 85.3181 81.5996 85.0946C81.8473 84.871 81.996 84.5582 82.0131 84.225C82.0302 83.8918 81.9142 83.5654 81.6906 83.3177L76.8232 77.9248C76.5997 77.6771 76.2869 77.5284 75.9537 77.5113C75.6204 77.4942 75.2941 77.6102 75.0464 77.8338ZM45.9396 88.902L45.5682 96.1516C45.5598 96.3166 45.5839 96.4816 45.6393 96.6373C45.6946 96.793 45.7801 96.9363 45.8908 97.059C46.0015 97.1816 46.1353 97.2813 46.2845 97.3522C46.4337 97.4232 46.5955 97.4641 46.7605 97.4725C46.9255 97.481 47.0906 97.4568 47.2463 97.4015C47.4019 97.3461 47.5452 97.2607 47.6679 97.15C47.7905 97.0393 47.8902 96.9055 47.9611 96.7563C48.0321 96.607 48.073 96.4453 48.0814 96.2803L48.4527 89.0307C48.4612 88.8657 48.4371 88.7006 48.3817 88.5449C48.3264 88.3892 48.2409 88.246 48.1302 88.1233C48.0195 88.0006 47.8857 87.901 47.7365 87.83C47.5873 87.7591 47.4255 87.7182 47.2605 87.7097C47.0955 87.7013 46.9304 87.7254 46.7747 87.7808C46.619 87.8361 46.4758 87.9216 46.3531 88.0323C46.2305 88.143 46.1308 88.2768 46.0598 88.426C45.9889 88.5752 45.948 88.737 45.9396 88.902ZM18.8522 74.9556L13.4593 79.823C13.2116 80.0465 13.0629 80.3593 13.0458 80.6926C13.0287 81.0258 13.1447 81.3521 13.3683 81.5998C13.5919 81.8475 13.9046 81.9963 14.2379 82.0133C14.5711 82.0304 14.8975 81.9144 15.1452 81.6908L20.5381 76.8235C20.7858 76.5999 20.9345 76.2871 20.9516 75.9539C20.9686 75.6207 20.8526 75.2943 20.6291 75.0466C20.4055 74.7989 20.0927 74.6502 19.7595 74.6331C19.4263 74.616 19.0999 74.732 18.8522 74.9556ZM9.43216 48.453C9.59718 48.4614 9.76225 48.4373 9.91794 48.3819C10.0736 48.3266 10.2169 48.2411 10.3396 48.1304C10.4622 48.0197 10.5619 47.8859 10.6328 47.7367C10.7038 47.5875 10.7447 47.4258 10.7531 47.2607C10.7616 47.0957 10.7374 46.9306 10.6821 46.775C10.6268 46.6193 10.5413 46.476 10.4306 46.3533C10.3199 46.2307 10.1861 46.131 10.0369 46.0601C9.88765 45.9891 9.7259 45.9482 9.56089 45.9398L2.31131 45.5685C1.97804 45.5514 1.65164 45.6674 1.40391 45.891C1.15619 46.1146 1.00742 46.4274 0.990355 46.7607C0.973285 47.094 1.08931 47.4204 1.31289 47.6681C1.53648 47.9158 1.84932 48.0646 2.18259 48.0817L9.43216 48.453Z" fill="white" fill-opacity="0.5"></path>
                                        </svg></div>

                                <div class="worm-form">
                                    <div class="worm-form-title">
                                        <?php esc_html_e("Choose your Content blocks", 'greenshift-animation-and-page-builder-blocks'); ?>
                                        <span class="worm-form-title-help">
                                        <a href="https://greenshiftwp.com/documentation/get-started/beginner-or-professional-workflow/" target="_blank"><svg width="800" height="800" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="M15.333 9.5A3.5 3.5 0 0 0 8.8 7.75a1 1 0 0 0 1.733 1 1.5 1.5 0 0 1 1.3-.75 1.5 1.5 0 1 1 0 3h-.003a1 1 0 0 0-.19.039 1 1 0 0 0-.198.04 1 1 0 0 0-.155.105 1 1 0 0 0-.162.11 1 1 0 0 0-.117.174 1 1 0 0 0-.097.144 1 1 0 0 0-.043.212 1 1 0 0 0-.035.176v1l.002.011v.491a1 1 0 0 0 1 .998h.003a1 1 0 0 0 .998-1.002l-.002-.662A3.49 3.49 0 0 0 15.333 9.5m-4.203 6.79a1 1 0 0 0 .7 1.71 1.04 1.04 0 0 0 .71-.29 1.015 1.015 0 0 0 0-1.42 1.034 1.034 0 0 0-1.41 0"/></svg></a>
                                        </span>
                                    </div>

                                    <?php $global_settings = get_option('gspb_global_settings'); $show_element_block = !empty($global_settings['show_element_block']) ? $global_settings['show_element_block'] : ''; ?>
                                    <form>
                                        <input id="a" type="radio" name="blocks" value="regular" <?php echo $show_element_block == 'regular' ? 'checked' : ''; ?>>
                                        <label for="a">
                                            <span class="worm-form-radio"></span>
                                                <div class="worm-form-label">
                                                    <span class="worm-form-label-title"><?php esc_html_e("Beginner Blocks", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                    <span class="worm-form-label-desc"><?php esc_html_e("GreenShift Blocks with visual helpers", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                </div>
                                        </label>
                                        <input id="b" type="radio" name="blocks" value="element" <?php echo $show_element_block == 'element' ? 'checked' : ''; ?>>
                                        <label for="b">
                                            <span class="worm-form-radio"></span>
                                            <div class="worm-form-label">
                                                    <span class="worm-form-label-title"><?php esc_html_e("Professional Blocks", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                    <span class="worm-form-label-desc"><?php esc_html_e("GreenLight Element blocks", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                </div>
                                        </label>
                                        <input id="c" type="radio" name="blocks" value="bothelement" <?php echo ($show_element_block == 'bothelement') ? 'checked' : ''; ?>>
                                        <label for="c">
                                            <span class="worm-form-radio"></span>
                                            <div class="worm-form-label">
                                                    <span class="worm-form-label-title"><?php esc_html_e("Both, Professional first", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                    <span class="worm-form-label-desc"><?php esc_html_e("GreenLight Elements first", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                </div>
                                            </label>
                                        <input id="d" type="radio" name="blocks" value="both" <?php echo ($show_element_block == 'both' || empty($show_element_block)) ? 'checked' : ''; ?>>
                                        <label for="d">
                                            <span class="worm-form-radio"></span>
                                            <div class="worm-form-label">
                                                    <span class="worm-form-label-title"><?php esc_html_e("Both, Beginner first", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                    <span class="worm-form-label-desc"><?php esc_html_e("GreenShift blocks first", 'greenshift-animation-and-page-builder-blocks'); ?></span>
                                                </div>
                                            </label>
                                        <div class="worm">
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                            <div class="worm__segment"></div>
                                        </div>
                                    </form>
                                </div>

                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-7f102a1f-e4d6" id="gspb_image-id-gsbp-7f102a1f-e4d6"><img decoding="async" loading="lazy" src="<?php echo GREENSHIFT_DIR_URL . 'templates/admin/img/image.webp'; ?>" data-src="" alt="" width="1435" height="470"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<?php wp_enqueue_script('wp-api'); ?>
<?php wp_enqueue_script('wp-editor'); ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const radioInputs = document.querySelectorAll('.worm-form input[type="radio"]');
    
    radioInputs.forEach(input => {
        input.addEventListener('change', async function() {
            if (this.checked) {
                try {
                    const response = await wp.apiFetch({
                        path: 'greenshift/v1/global_settings',
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'Accept': 'application/json'
                        },
                        data: {
                            show_element_block: this.value
                        }
                        }).then(response => {
                        const { success } = JSON.parse(response);
                        if (success) {
                            console.log('Setting updated successfully');
                        }
                    });
                } catch (error) {
                    console.error('Error updating setting:', error);
                }
            }
        });
    });
});
</script>