Download Code
<!-- wp:greenshift-blocks/element {"id":"gsbp-42e2591","dynamicGClasses":[{"value":"mss-bg-svg","type":"local","label":"mss-bg-svg","localed":false,"css":".mss-bg-svg{position: absolute;\n            z-index: 0;\n            pointer-events: none;\n            opacity: 0.6;}","attributes":{"styleAttributes":{"position":["absolute"],"zIndex":["0"],"pointerEvents":["none"],"opacity":["0.6"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-bg-svg-1","type":"local","label":"mss-bg-svg-1","localed":false,"css":".mss-bg-svg-1{top: -10%;\n            left: -10%;\n            width: 800px;\n            height: 800px;\n            animation: mss-float 15s infinite alternate ease-in-out;\n            filter: blur(80px);}@media (max-width: 968px){.mss-bg-svg-1, .mss-bg-svg-2{width: 400px;\n                height: 400px;}}","attributes":{"styleAttributes":{"top":["-10%"],"left":["-10%"],"width":["800px"],"height":["800px"],"animation":["mss-float 15s infinite alternate ease-in-out"],"filter":["blur(80px)"],"customCSS_Extra":"@media (max-width: 968px){.mss-bg-svg-1, .mss-bg-svg-2{width: 400px;\n                height: 400px;}}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-bg-svg-2","type":"local","label":"mss-bg-svg-2","localed":false,"css":".mss-bg-svg-2{bottom: -10%;\n            right: -10%;\n            width: 700px;\n            height: 700px;\n            animation: mss-float 20s infinite alternate-reverse ease-in-out;\n            filter: blur(80px);}","attributes":{"styleAttributes":{"bottom":["-10%"],"right":["-10%"],"width":["700px"],"height":["700px"],"animation":["mss-float 20s infinite alternate-reverse ease-in-out"],"filter":["blur(80px)"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-grid-overlay","type":"local","label":"mss-grid-overlay","localed":false,"css":".mss-grid-overlay{position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            opacity: 0.2;\n            z-index: 0;\n            mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n            -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 100%);}","attributes":{"styleAttributes":{"position":["absolute"],"top":["0"],"left":["0"],"width":["100%"],"height":["100%"],"backgroundImage":["linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px)"],"backgroundSize":["50px 50px"],"opacity":["0.2"],"zIndex":["0"],"maskImage":["radial-gradient(circle at center, black 40%, transparent 100%)"],"customCSS_Extra":"{CURRENT}{-webkit-mask-image:radial-gradient(circle at center, black 40%, transparent 100%)}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-content","type":"local","label":"mss-content","localed":false,"css":".mss-content{position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;}","attributes":{"styleAttributes":{"position":["relative"],"zIndex":["10"],"maxWidth":["1200px"],"width":["100%"],"display":["flex"],"flexDirection":["column"],"alignItems":["center"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-headline","type":"local","label":"mss-headline","localed":false,"css":".mss-headline{font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 500;\n            text-align: center;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.02em;\n            color: #ffffff;}@media (max-width: 968px){.mss-headline{font-size: 2.5rem;}}","attributes":{"styleAttributes":{"fontSize":["clamp(2.5rem, 5vw, 4rem)"],"fontWeight":["500"],"textAlign":["center"],"lineHeight":["1.1"],"marginBottom":["1.5rem"],"letterSpacing":["-0.02em"],"color":["#ffffff"],"customCSS_Extra":"{CURRENT}{-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 968px){.mss-headline{font-size: 2.5rem;}}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[{"value":" span.italic","attributes":{"styleAttributes":{"fontFamily":["'Playfair Display', serif"],"fontStyle":["italic"],"background":["linear-gradient(120deg, #fff, #aaa)"],"customCSS_Extra":"{CURRENT} span.italic{-webkit-background-clip:text;-webkit-text-fill-color:transparent}"}},"css":".mss-headline span.italic{font-family: 'Playfair Display', serif;\n            font-style: italic;\n            background: linear-gradient(120deg, #fff, #aaa);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;}"}]},{"value":"mss-subheadline","type":"local","label":"mss-subheadline","localed":false,"css":".mss-subheadline{font-size: 1.125rem;\n            color: #888899;\n            text-align: center;\n            max-width: 600px;\n            line-height: 1.6;\n            margin-bottom: 3rem;}","attributes":{"styleAttributes":{"fontSize":["1.125rem"],"color":["#888899"],"textAlign":["center"],"maxWidth":["600px"],"lineHeight":["1.6"],"marginBottom":["3rem"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-cta-btn","type":"local","label":"mss-cta-btn","localed":false,"css":".mss-cta-btn{display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 14px 32px;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 100px;\n            color: #fff;\n            text-decoration: none;\n            font-size: 1rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(5px);\n            margin-bottom: 5rem;\n            cursor: pointer;}.mss-cta-btn:hover{background: rgba(255, 255, 255, 0.1);\n            border-color: #fff;\n            box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);\n            transform: translateY(-2px);}","attributes":{"styleAttributes":{"display":["inline-flex"],"alignItems":["center"],"gap":["12px"],"padding":["14px 32px"],"background":["rgba(255, 255, 255, 0.05)"],"border":["1px solid rgba(255, 255, 255, 0.2)"],"borderRadius":["100px"],"color":["#fff"],"textDecoration":["none"],"fontSize":["1rem"],"fontWeight":["500"],"transition":["all 0.3s ease"],"backdropFilter":["blur(5px)"],"marginBottom":["5rem"],"cursor":["pointer"],"background_hover":["rgba(255, 255, 255, 0.1)"],"borderColor_hover":["#fff"],"boxShadow_hover":["0 0 20px rgba(255, 255, 255, 0.1)"],"transform_hover":["translateY(-2px)"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[{"value":":hover .mss-cta-icon","attributes":{"styleAttributes":{"transform":["translateX(4px)"]}},"css":".mss-cta-btn:hover .mss-cta-icon{transform: translateX(4px);}"}]},{"value":"mss-cta-icon","type":"local","label":"mss-cta-icon","localed":false,"css":".mss-cta-icon{transition: transform 0.3s ease;}","attributes":{"styleAttributes":{"transition":["transform 0.3s ease"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-steps-container","type":"local","label":"mss-steps-container","localed":false,"css":".mss-steps-container{display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            width: 100%;\n            perspective: 1000px;}@media (max-width: 968px){.mss-steps-container{grid-template-columns: 1fr;\n                gap: 3.5rem;}}","attributes":{"styleAttributes":{"display":["grid"],"gridTemplateColumns":["repeat(3, 1fr)"],"gap":["2rem"],"width":["100%"],"perspective":["1000px"],"customCSS_Extra":"@media (max-width: 968px){.mss-steps-container{grid-template-columns: 1fr;\n                gap: 3.5rem;}}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-step-card","type":"local","label":"mss-step-card","localed":false,"css":".mss-step-card{position: relative;\n            background: rgba(20, 20, 23, 0.4);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 20px;\n            padding: 2.5rem 2rem;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            backdrop-filter: blur(12px);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            min-height: 220px;}.mss-step-card:hover{border-color: rgba(255, 255, 255, 0.3);\n            background: rgba(30, 30, 35, 0.6);\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 255, 255, 0.05);}@media (max-width: 968px){.mss-step-card:hover .mss-card-connector{transform: translateX(50%) rotate(90deg) scale(1.1);}}","attributes":{"styleAttributes":{"position":["relative"],"background":["rgba(20, 20, 23, 0.4)"],"border":["1px solid rgba(255, 255, 255, 0.08)"],"borderRadius":["20px"],"padding":["2.5rem 2rem"],"transition":["all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)"],"backdropFilter":["blur(12px)"],"display":["flex"],"flexDirection":["column"],"justifyContent":["space-between"],"minHeight":["220px"],"borderColor_hover":["rgba(255, 255, 255, 0.3)"],"background_hover":["rgba(30, 30, 35, 0.6)"],"transform_hover":["translateY(-8px)"],"boxShadow_hover":["0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 255, 255, 0.05)"],"customCSS_Extra":"@media (max-width: 968px){.mss-step-card:hover .mss-card-connector{transform: translateX(50%) rotate(90deg) scale(1.1);}}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[{"value":".active","attributes":{"styleAttributes":{"borderColor":["rgba(255, 255, 255, 0.4)"],"background":["linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02))"]}},"css":".mss-step-card.active{border-color: rgba(255, 255, 255, 0.4);\n            background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));}"},{"value":":hover .mss-card-connector","attributes":{"styleAttributes":{"borderColor":["#fff"],"color":["#fff"],"transform":["translateY(-50%) scale(1.1)",null,null,"translateY(-14px) scale(1.1) translateX(18px)"],"boxShadow":["0 0 15px rgba(255, 255, 255, 0.2)"]}},"css":".mss-step-card:hover .mss-card-connector{border-color:#fff;color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 0 15px rgba(255, 255, 255, 0.2);}@media (max-width: 575.98px){.mss-step-card:hover .mss-card-connector{transform:translateY(-14px) scale(1.1) translateX(18px);}}"},{"value":":last-child .mss-card-connector","attributes":{"styleAttributes":{"display":["none"]}},"css":".mss-step-card:last-child .mss-card-connector{display: none;}"}]},{"value":"mss-card-header","type":"local","label":"mss-card-header","localed":false,"css":".mss-card-header{margin-bottom: 1rem;}","attributes":{"styleAttributes":{"marginBottom":["1rem"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-card-icon-container","type":"local","label":"mss-card-icon-container","localed":false,"css":".mss-card-icon-container{width: 40px;\n            height: 40px;\n            margin-bottom: 1.5rem;\n            border-radius: 10px;\n            background: rgba(255,255,255,0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;}","attributes":{"styleAttributes":{"width":["40px"],"height":["40px"],"marginBottom":["1.5rem"],"borderRadius":["10px"],"background":["rgba(255,255,255,0.1)"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"color":["#fff"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-step-number","type":"local","label":"mss-step-number","localed":false,"css":".mss-step-number{font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: #888899;\n            margin-bottom: 0.5rem;\n            font-weight: 600;\n            display: block;}","attributes":{"styleAttributes":{"fontSize":["0.8rem"],"textTransform":["uppercase"],"letterSpacing":["0.1em"],"color":["#888899"],"marginBottom":["0.5rem"],"fontWeight":["600"],"display":["block"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-card-title","type":"local","label":"mss-card-title","localed":false,"css":".mss-card-title{font-size: 1.5rem;\n            font-weight: 600;\n            color: #fff;\n            margin-bottom: 0.5rem;}","attributes":{"styleAttributes":{"fontSize":["1.5rem"],"fontWeight":["600"],"color":["#fff"],"marginBottom":["0.5rem"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-card-desc","type":"local","label":"mss-card-desc","localed":false,"css":".mss-card-desc{font-size: 1rem;\n            color: #888899;\n            line-height: 1.5;}","attributes":{"styleAttributes":{"fontSize":["1rem"],"color":["#888899"],"lineHeight":["1.5"]}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"mss-card-connector","type":"local","label":"mss-card-connector","localed":false,"css":".mss-card-connector{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#0a0a0a;border:1px solid #333;display:flex;align-items:center;justify-content:center;z-index:20;transition:all 0.3s ease;color:#666;}@media (max-width: 968px){.mss-card-connector{right: 50%;\n                top: auto;\n                bottom: -34px;\n                transform: translateX(50%) rotate(90deg);}}","attributes":{"styleAttributes":{"position":["absolute"],"right":["-24px"],"top":["50%"],"transform":["translateY(-50%)"],"width":["48px"],"height":["48px"],"borderRadius":["50%"],"background":["#0a0a0a"],"border":["1px solid #333"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"zIndex":["20"],"transition":["all 0.3s ease"],"color":["#666"],"customCSS_Extra":"@media (max-width: 968px){.mss-card-connector{right: 50%;\n                top: auto;\n                bottom: -34px;\n                transform: translateX(50%) rotate(90deg);}}"}},"originalID":"gsbp-42e2591","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"no","className":"mss-bg-svg mss-bg-svg-1 mss-bg-svg-2 mss-grid-overlay mss-content mss-headline mss-subheadline mss-cta-btn mss-cta-icon mss-steps-container mss-step-card mss-card-header mss-card-icon-container mss-step-number mss-card-title mss-card-desc mss-card-connector","localId":"gsbp-42e2591","isVariation":"stylemanager","customCss":"@keyframes mss-float {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(40px, -40px); }\n        }","customJs":"document.addEventListener('DOMContentLoaded', () =\u003e {\n            const cards = document.querySelectorAll('.mss-step-card');\n            \n            cards.forEach(card =\u003e {\n                card.addEventListener('mouseenter', () =\u003e {\n                    cards.forEach(c =\u003e c.classList.remove('active'));\n                    card.classList.add('active');\n                });\n            });\n\n            const container = document.querySelector('.mss-steps-container');\n            container.addEventListener('mouseleave', () =\u003e {\n                cards.forEach(c =\u003e c.classList.remove('active'));\n                cards[0].classList.add('active');\n            });\n        });","customJsEnabled":true} -->
<div class="mss-bg-svg mss-bg-svg-1 mss-bg-svg-2 mss-grid-overlay mss-content mss-headline mss-subheadline mss-cta-btn mss-cta-icon mss-steps-container mss-step-card mss-card-header mss-card-icon-container mss-step-number mss-card-title mss-card-desc mss-card-connector"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9d36c15","tag":"section","type":"inner","localId":"gsbp-9d36c15","align":"full","dynamicAttributes":[{"name":"data-type","value":"section-component"}],"styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d50, 1.5rem)"],"paddingTop":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d50, 1.5rem)"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dbottom, 0px)"],"marginTop":["0px"],"marginBottom":["0px"],"position":["relative"],"backgroundColor":["#030304"],"overflow":["clip"]},"isVariation":"contentwrapper"} -->
<section class="gsbp-9d36c15 alignfull" data-type="section-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-d091dd9","metadata":{"name":"Content Area"},"type":"inner","localId":"gsbp-d091dd9","dynamicAttributes":[{"name":"data-type","value":"content-area-component"}],"styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"]},"isVariation":"nocolumncontent"} -->
<div class="gsbp-d091dd9" data-type="content-area-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-209fd71","tag":"svg","icon":{"icon":{"svg":"\u003csvg class=\u0022mss-bg-svg mss-bg-svg-1\u0022 viewBox=\u00220 0 200 200\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n            \u003cdefs\u003e\n                \u003clinearGradient id=\u0022grad1\u0022 x1=\u00220%\u0022 y1=\u00220%\u0022 x2=\u0022100%\u0022 y2=\u0022100%\u0022\u003e\n                    \u003cstop offset=\u00220%\u0022 style=\u0022stop-color:#4444c8;stop-opacity:1\u0022\u003e\u003c/stop\u003e\n                    \u003cstop offset=\u0022100%\u0022 style=\u0022stop-color:#030304;stop-opacity:0\u0022\u003e\u003c/stop\u003e\n                \u003c/linearGradient\u003e\n            \u003c/defs\u003e\n            \u003ccircle cx=\u0022100\u0022 cy=\u0022100\u0022 r=\u0022100\u0022 fill=\u0022url(#grad1)\u0022\u003e\u003c/circle\u003e\n        \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"className":"mss-bg-svg mss-bg-svg-1","localId":"gsbp-209fd71"} -->
<svg viewBox="0 0 200 200" class="mss-bg-svg mss-bg-svg-1">
            <defs xmlns="http://www.w3.org/2000/svg">
                <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
                    <stop offset="0%" style="stop-color:#4444c8;stop-opacity:1"/>
                    <stop offset="100%" style="stop-color:#030304;stop-opacity:0"/>
                </linearGradient>
            </defs>
            <circle xmlns="http://www.w3.org/2000/svg" cx="100" cy="100" r="100" fill="url(#grad1)"/>
        </svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-82badd8","tag":"svg","icon":{"icon":{"svg":"\u003csvg class=\u0022mss-bg-svg mss-bg-svg-2\u0022 viewBox=\u00220 0 200 200\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n            \u003cdefs\u003e\n                \u003clinearGradient id=\u0022grad2\u0022 x1=\u00220%\u0022 y1=\u00220%\u0022 x2=\u0022100%\u0022 y2=\u0022100%\u0022\u003e\n                    \u003cstop offset=\u00220%\u0022 style=\u0022stop-color:#c84496;stop-opacity:1\u0022\u003e\u003c/stop\u003e\n                    \u003cstop offset=\u0022100%\u0022 style=\u0022stop-color:#030304;stop-opacity:0\u0022\u003e\u003c/stop\u003e\n                \u003c/linearGradient\u003e\n            \u003c/defs\u003e\n            \u003ccircle cx=\u0022100\u0022 cy=\u0022100\u0022 r=\u0022100\u0022 fill=\u0022url(#grad2)\u0022\u003e\u003c/circle\u003e\n        \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"className":"mss-bg-svg mss-bg-svg-2","localId":"gsbp-82badd8"} -->
<svg viewBox="0 0 200 200" class="mss-bg-svg mss-bg-svg-2">
            <defs xmlns="http://www.w3.org/2000/svg">
                <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
                    <stop offset="0%" style="stop-color:#c84496;stop-opacity:1"/>
                    <stop offset="100%" style="stop-color:#030304;stop-opacity:0"/>
                </linearGradient>
            </defs>
            <circle xmlns="http://www.w3.org/2000/svg" cx="100" cy="100" r="100" fill="url(#grad2)"/>
        </svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-fb12265","type":"empty","className":"mss-grid-overlay","localId":"gsbp-fb12265"} -->
<div class="mss-grid-overlay"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c605c31","type":"inner","className":"mss-content","localId":"gsbp-c605c31"} -->
<div class="mss-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-d0c3ffd","tag":"h2","type":"inner","className":"mss-headline","localId":"gsbp-d0c3ffd"} -->
<h2 class="mss-headline"><!-- wp:greenshift-blocks/element {"id":"gsbp-f4641a8","textContent":"Ut hendrerit ut in","tag":"span","localId":"gsbp-f4641a8"} -->
<span>Ut hendrerit ut in</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-908bb30","textContent":"\u003cbr /\u003e","tag":"span","type":"html","localId":"gsbp-908bb30"} -->
<span><br></span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b3259ea","textContent":"quam dolor.","tag":"span","className":"italic","localId":"gsbp-b3259ea"} -->
<span class="italic">quam dolor.</span>
<!-- /wp:greenshift-blocks/element --></h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2eb5c8b","textContent":"Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus, porta non sed nec. Sodales cras rhoncus lectus tempus.","tag":"p","className":"mss-subheadline","localId":"gsbp-2eb5c8b"} -->
<p class="mss-subheadline">Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus, porta non sed nec. Sodales cras rhoncus lectus tempus.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-aa22eca","tag":"a","type":"inner","className":"mss-cta-btn","localId":"gsbp-aa22eca","href":"#"} -->
<a class="mss-cta-btn" href="#"><!-- wp:greenshift-blocks/element {"id":"gsbp-8a50ae0","textContent":"Learn More","tag":"span","localId":"gsbp-8a50ae0"} -->
<span>Learn More</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-bedc37f","tag":"svg","icon":{"icon":{"svg":"\u003csvg class=\u0022mss-cta-icon\u0022 width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                    \u003cline x1=\u00225\u0022 y1=\u002212\u0022 x2=\u002219\u0022 y2=\u002212\u0022\u003e\u003c/line\u003e\n                    \u003cpolyline points=\u002212 5 19 12 12 19\u0022\u003e\u003c/polyline\u003e\n                \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"className":"mss-cta-icon","localId":"gsbp-bedc37f","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="mss-cta-icon gsbp-bedc37f">
                    <line x1="5" y1="12" x2="19" y2="12"/>
                    <polyline points="12 5 19 12 12 19"/>
                </svg>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6843118","type":"inner","className":"mss-steps-container","localId":"gsbp-6843118"} -->
<div class="mss-steps-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-e478b6d","anchor":"card-1","type":"inner","className":"mss-step-card active","localId":"gsbp-e478b6d"} -->
<div class="mss-step-card active" id="card-1"><!-- wp:greenshift-blocks/element {"id":"gsbp-eac7f17","type":"inner","className":"mss-card-header","localId":"gsbp-eac7f17"} -->
<div class="mss-card-header"><!-- wp:greenshift-blocks/element {"id":"gsbp-b1383eb","type":"inner","className":"mss-card-icon-container","localId":"gsbp-b1383eb"} -->
<div class="mss-card-icon-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-9fffee0","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                                \u003cpath d=\u0022M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\u0022\u003e\u003c/path\u003e\n                                \u003ccircle cx=\u00229\u0022 cy=\u00227\u0022 r=\u00224\u0022\u003e\u003c/circle\u003e\n                                \u003cpath d=\u0022M23 21v-2a4 4 0 0 0-3-3.87\u0022\u003e\u003c/path\u003e\n                                \u003cpath d=\u0022M16 3.13a4 4 0 0 1 0 7.75\u0022\u003e\u003c/path\u003e\n                            \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-9fffee0","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-9fffee0">
                                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                                <circle cx="9" cy="7" r="4"/>
                                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                            </svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d35baa8","textContent":"STEP 01","tag":"span","className":"mss-step-number","localId":"gsbp-d35baa8"} -->
<span class="mss-step-number">STEP 01</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6a08ae5","textContent":"Slack Community","tag":"h3","className":"mss-card-title","localId":"gsbp-6a08ae5"} -->
<h3 class="mss-card-title">Slack Community</h3>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a26b61d","textContent":"Non pretium mi, sagittis placerat. Elit risus malesuada ornare orci in.","tag":"p","className":"mss-card-desc","localId":"gsbp-a26b61d"} -->
<p class="mss-card-desc">Non pretium mi, sagittis placerat. Elit risus malesuada ornare orci in.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6cdc067","type":"inner","className":"mss-card-connector","localId":"gsbp-6cdc067"} -->
<div class="mss-card-connector"><!-- wp:greenshift-blocks/element {"id":"gsbp-40631fa","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                            \u003cline x1=\u00225\u0022 y1=\u002212\u0022 x2=\u002219\u0022 y2=\u002212\u0022\u003e\u003c/line\u003e\n                            \u003cpolyline points=\u002212 5 19 12 12 19\u0022\u003e\u003c/polyline\u003e\n                        \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-40631fa","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-40631fa">
                            <line x1="5" y1="12" x2="19" y2="12"/>
                            <polyline points="12 5 19 12 12 19"/>
                        </svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-be4cf90","anchor":"card-2","type":"inner","className":"mss-step-card","localId":"gsbp-be4cf90"} -->
<div class="mss-step-card" id="card-2"><!-- wp:greenshift-blocks/element {"id":"gsbp-8001eab","type":"inner","className":"mss-card-header","localId":"gsbp-8001eab"} -->
<div class="mss-card-header"><!-- wp:greenshift-blocks/element {"id":"gsbp-8db0c60","type":"inner","className":"mss-card-icon-container","localId":"gsbp-8db0c60"} -->
<div class="mss-card-icon-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-7ea799b","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                                \u003ccircle cx=\u002212\u0022 cy=\u002212\u0022 r=\u002210\u0022\u003e\u003c/circle\u003e\n                                \u003cpolygon points=\u002210 8 16 12 10 16 10 8\u0022\u003e\u003c/polygon\u003e\n                            \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-7ea799b","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-7ea799b">
                                <circle cx="12" cy="12" r="10"/>
                                <polygon points="10 8 16 12 10 16 10 8"/>
                            </svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c64ee8e","textContent":"STEP 02","tag":"span","className":"mss-step-number","localId":"gsbp-c64ee8e"} -->
<span class="mss-step-number">STEP 02</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a87c0ba","textContent":"Video Tutorials","tag":"h3","className":"mss-card-title","localId":"gsbp-a87c0ba"} -->
<h3 class="mss-card-title">Video Tutorials</h3>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-519c04a","textContent":"Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus.","tag":"p","className":"mss-card-desc","localId":"gsbp-519c04a"} -->
<p class="mss-card-desc">Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-98d4e79","type":"inner","className":"mss-card-connector","localId":"gsbp-98d4e79"} -->
<div class="mss-card-connector"><!-- wp:greenshift-blocks/element {"id":"gsbp-a3e500d","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                            \u003cline x1=\u00225\u0022 y1=\u002212\u0022 x2=\u002219\u0022 y2=\u002212\u0022\u003e\u003c/line\u003e\n                            \u003cpolyline points=\u002212 5 19 12 12 19\u0022\u003e\u003c/polyline\u003e\n                        \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-a3e500d","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-a3e500d">
                            <line x1="5" y1="12" x2="19" y2="12"/>
                            <polyline points="12 5 19 12 12 19"/>
                        </svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c5c7748","anchor":"card-3","type":"inner","className":"mss-step-card","localId":"gsbp-c5c7748"} -->
<div class="mss-step-card" id="card-3"><!-- wp:greenshift-blocks/element {"id":"gsbp-f90d5b7","type":"inner","className":"mss-card-header","localId":"gsbp-f90d5b7"} -->
<div class="mss-card-header"><!-- wp:greenshift-blocks/element {"id":"gsbp-81f44fc","type":"inner","className":"mss-card-icon-container","localId":"gsbp-81f44fc"} -->
<div class="mss-card-icon-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-b6f71a0","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\n                                \u003cpath d=\u0022M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\u0022\u003e\u003c/path\u003e\n                            \u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-b6f71a0","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-b6f71a0">
                                <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
                            </svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2277815","textContent":"STEP 03","tag":"span","className":"mss-step-number","localId":"gsbp-2277815"} -->
<span class="mss-step-number">STEP 03</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-98d5a34","textContent":"Live Support","tag":"h3","className":"mss-card-title","localId":"gsbp-98d5a34"} -->
<h3 class="mss-card-title">Live Support</h3>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f3e14bc","textContent":"Sodales cras rhoncus lectus tempus. Non pretium mi, sagittis placerat.","tag":"p","className":"mss-card-desc","localId":"gsbp-f3e14bc"} -->
<p class="mss-card-desc">Sodales cras rhoncus lectus tempus. Non pretium mi, sagittis placerat.</p>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d94cd73","type":"empty","className":"mss-card-connector","localId":"gsbp-d94cd73"} -->
<div class="mss-card-connector"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:paragraph -->
<p>/styl</p>
<!-- /wp:paragraph --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

Step cards

Ut hendrerit ut in
quam dolor.

Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus, porta non sed nec. Sodales cras rhoncus lectus tempus.

Learn More
STEP 01

Slack Community

Non pretium mi, sagittis placerat. Elit risus malesuada ornare orci in.

STEP 02

Video Tutorials

Amet suspendisse sit condimentum et. Adipiscing blandit posuere lacus.

STEP 03

Live Support

Sodales cras rhoncus lectus tempus. Non pretium mi, sagittis placerat.

/styl