@media(max-width:767px){.steps-grid-block.is-hidden-on-mobile{display:none!important}}@media(min-width:768px){.steps-grid-block.is-hidden-on-desktop{display:none!important}}.steps-grid-block{background:#2d1237;color:#fff;left:50%;margin-left:-50vw;margin-right:-50vw;padding:80px 0;position:relative;right:50%;width:100vw}.steps-grid-block:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2784%27 height=%2781%27 fill=%27none%27%3E%3Cpath fill=%27%23552766%27 d=%27M83.836 32.226V.12H38.48v32.105zM38.48.12v-.183H.017V.12zm0 80.129V32.226H.017V80.25zM.017 32.226V.12h-.819v32.105z%27/%3E%3C/svg%3E");height:81px;left:0;width:84px}.steps-grid-block:after,.steps-grid-block:before{background-repeat:no-repeat;background-size:contain;content:"";pointer-events:none;position:absolute;top:0}.steps-grid-block:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2794%27 height=%2783%27 fill=%27none%27%3E%3Cpath fill=%27%23552766%27 d=%27M94.022 82.14V34.115H51.836V82.14zM51.836 34.115V0H0v34.115z%27/%3E%3C/svg%3E");height:83px;right:0;width:94px}.steps-grid-block .steps-grid-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2786%27 height=%2769%27 fill=%27none%27%3E%3Cpath fill=%27%23552766%27 d=%27M85.836 68.644v-30.91H40.48V68.51H-.07v.134zM-.07 37.734h40.55V0H-.07z%27/%3E%3C/svg%3E");left:0;width:86px}.steps-grid-block .steps-grid-container:after,.steps-grid-block .steps-grid-container:before{background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:69px;pointer-events:none;position:absolute}.steps-grid-block .steps-grid-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2792%27 height=%2769%27 fill=%27none%27%3E%3Cpath fill=%27%23552766%27 d=%27M91.926 37.734V0h-40.09v37.734zm-40.09 31.158V37.734H0v31.158z%27/%3E%3C/svg%3E");right:0;width:92px}.steps-grid-block.figure-color-pink:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2784%27 height=%2781%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC9EE%27 d=%27M83.836 32.226V.12H38.48v32.105zM38.48.12v-.183H.017V.12zm0 80.129V32.226H.017V80.25zM.017 32.226V.12h-.819v32.105z%27/%3E%3C/svg%3E")}.steps-grid-block.figure-color-pink:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2794%27 height=%2783%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC9EE%27 d=%27M94.022 82.14V34.115H51.836V82.14zM51.836 34.115V0H0v34.115z%27/%3E%3C/svg%3E")}.steps-grid-block.figure-color-pink .steps-grid-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2786%27 height=%2769%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC9EE%27 d=%27M85.836 68.644v-30.91H40.48V68.51H-.07v.134zM-.07 37.734h40.55V0H-.07z%27/%3E%3C/svg%3E")}.steps-grid-block.figure-color-pink .steps-grid-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2792%27 height=%2769%27 fill=%27none%27%3E%3Cpath fill=%27%23FFC9EE%27 d=%27M91.926 37.734V0h-40.09v37.734zm-40.09 31.158V37.734H0v31.158z%27/%3E%3C/svg%3E")}.steps-grid-block .steps-grid-header{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.steps-grid-block .steps-grid-header .steps-grid-label{background-color:#552766;color:#fff;font-family:Rethink Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;margin:auto auto 20px;max-width:-moz-max-content;max-width:max-content;padding:6px 10px;text-transform:uppercase}.steps-grid-block .steps-grid-header .steps-grid-title{color:#fff;font-family:Funnel Display,sans-serif;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 20px}.steps-grid-block .steps-grid-header .steps-grid-description{color:#d3c4d8;font-family:Rethink Sans,sans-serif;font-size:18px;line-height:1.6;margin:0}.steps-grid-block .steps-grid-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1280px;padding:0}.steps-grid-block .steps-grid-container .step-item{background:#552766;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.steps-grid-block .steps-grid-container .step-item:hover{box-shadow:0 10px 30px rgba(207,40,118,.3);transform:translateY(-5px)}.steps-grid-block .steps-grid-container .step-item .step-item-header{margin-bottom:20px;position:relative;z-index:2}.steps-grid-block .steps-grid-container .step-item .step-item-header .step-number{color:#864a9c;display:block;font-size:32px;font-weight:700;text-align:left;transition:color .5s ease}.steps-grid-block .steps-grid-container .step-item .step-item-header .step-number:before{background-color:#ffc9ee;border-radius:10px;content:"";display:block;height:4px;transition:width .5s ease;width:18px}.steps-grid-block .steps-grid-container .step-item .step-item-icon{align-items:center;background:rgba(133,76,148,.2);border-radius:12px;display:flex;justify-content:center;margin-bottom:8px}.steps-grid-block .steps-grid-container .step-item .step-item-icon img{height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.steps-grid-block .steps-grid-container .step-item .step-item-icon .step-icon-placeholder{color:hsla(0,0%,100%,.3);font-size:14px;text-align:center}.steps-grid-block .steps-grid-container .step-item .step-item-content .step-duration{color:#d3c4d8;font-family:Rethink Sans,sans-serif;font-size:18px;margin-bottom:10px}.steps-grid-block .steps-grid-container .step-item .step-item-content .step-title{color:#fff;font-family:Funnel Display,sans-serif;font-size:28px;font-weight:700;margin:0 0 15px}.steps-grid-block .steps-grid-container .step-item .step-item-content .step-description{color:#d3c4d8;font-family:Rethink Sans,sans-serif;font-size:14px;line-height:1.6;margin:0}.steps-grid-block .steps-grid-container .step-item .step-item-hover{-ms-overflow-style:none;background:#552766;border-radius:0 0 12px 12px;bottom:0;height:calc(100% - 40px);left:0;overflow-y:auto;padding:20px;position:absolute;right:0;scrollbar-width:none;transform:translateY(100%);transition:transform .4s ease;z-index:1}.steps-grid-block .steps-grid-container .step-item .step-item-hover::-webkit-scrollbar{display:none}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header{margin-bottom:30px 0;position:relative}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-progress-bar{background:#ffc9ee;border-radius:10px;height:4px;overflow:hidden;position:relative}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-progress-bar .progress-bar-fill{background:#cf2876;height:100%;transition:width 1.5s ease;width:0}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-step-number{color:#fff;font-family:Funnel Display,sans-serif;font-size:28px;font-weight:700;line-height:1.3;position:relative;text-align:right;transition:right 1.5s ease}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-duration{color:#d3c4d8;font-family:Funnel Display,sans-serif;font-size:20px;font-weight:400;letter-spacing:-2%;line-height:25px;margin:20px 0 10px}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-title{color:#fff;font-family:Funnel Display,sans-serif;font-size:32px;font-weight:700;line-height:40px;line-height:1.2;margin:0 0 15px}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-header .hover-description{color:#d3c4d8;font-family:Rethink Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 20px}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-list{list-style:none;margin:0 0 20px;padding:0}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-list li{color:#fbf4ff;font-family:Rethink Sans,sans-serif;font-size:14px;line-height:1.6;margin-bottom:6px;padding-left:25px;position:relative}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-list li:before{background-image:var(--icon-svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:15px;left:0;position:absolute;top:6px;width:15px}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-list li:last-child{margin-bottom:0}.steps-grid-block .steps-grid-container .step-item .step-item-hover .hover-bottom-text{color:#fbf4ff;font-family:Rethink Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.6;margin:0}.steps-grid-block .steps-grid-container .step-item:hover .step-item-header .step-number{color:#fff;text-align:right}.steps-grid-block .steps-grid-container .step-item:hover .step-item-header .step-number:before{width:100%}.steps-grid-block .steps-grid-container .step-item:hover .step-item-hover{transform:translateY(0)}.steps-grid-block .steps-grid-container .step-item:hover .step-item-hover .hover-header .progress-bar-fill{width:100%}.steps-grid-block .steps-grid-container .step-item:hover .step-item-hover .hover-header .hover-step-number{right:0}@media(max-width:1024px){.steps-grid-block{left:unset;margin:auto;padding:60px 20px;right:unset;width:unset}.steps-grid-block .steps-grid-header{margin-bottom:40px}.steps-grid-block .steps-grid-header .steps-grid-title{font-size:36px}.steps-grid-block .steps-grid-header .steps-grid-description{font-size:16px}.steps-grid-block .steps-grid-container{gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps-grid-block .steps-grid-container .step-item{margin:25px 0;padding:20px 10px}}.steps-grid-block .steps-grid-progress-bar{display:none;gap:6px;height:9px;overflow:hidden;width:188px}.steps-grid-block .steps-grid-progress-fill{background:#fbf4ff}.steps-grid-block .steps-grid-progress-remaining{background:hsla(0,0%,100%,.2)}.steps-grid-block.progress-bar-design-2 .steps-grid-progress-fill{background:#552766}.steps-grid-block.progress-bar-design-2 .steps-grid-progress-remaining{background:#e3d8e9}@media(max-width:768px){.steps-grid-block{padding:40px 20px}.steps-grid-block .steps-grid-header{margin-bottom:30px}.steps-grid-block .steps-grid-header .steps-grid-title{font-size:32px;margin:auto auto 16px;max-width:400px}.steps-grid-block .steps-grid-header .steps-grid-description{font-size:15px}.steps-grid-block .steps-grid-progress-bar{display:flex;margin:14px auto}.steps-grid-block .steps-grid-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.steps-grid-block .steps-grid-container::-webkit-scrollbar{display:none}.steps-grid-block .steps-grid-container .step-item{flex:0 0 85%;scroll-snap-align:start}.steps-grid-block .steps-grid-container .step-item .step-item-icon{min-height:120px}.steps-grid-block .steps-grid-container .step-item .step-item-content .step-title{font-size:24px}}
