.marketing-steps-wrapper{width:100%;padding:240px 0 80px;background:#fcded5;background:linear-gradient(180deg,#fff 50%,#fcded5)}.marketing-steps-container{max-width:1288px!important}.marketing-steps-header{text-align:center;margin-bottom:3rem}.marketing-steps-header h2{font-size:48px;font-family:var(--font-medium-family);font-weight:400;color:#2d2d2d;margin:0 0 70px;line-height:1.2}.marketing-steps-horizontal{width:100%;margin:0 auto}.step-columns{display:flex;width:100%;height:420px;border-radius:40px;overflow:hidden;background:#0000000d;gap:12px;padding:12px}.step-column{position:relative;display:flex;flex-direction:row;background-color:#fff;overflow:hidden;cursor:pointer;max-width:25%;padding:12px;transition:flex .4s ease,max-width .4s ease,min-width .4s ease;will-change:flex,max-width;border-radius:24px}.step-column.active{z-index:2;flex:0 0 50%;max-width:50%;min-width:50%;cursor:default;transition:flex .4s ease,max-width .4s ease,min-width .4s ease}.step-header{position:relative;height:100%;padding:24px 0 24px 24px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-shrink:0}.step-column:not(.active) .step-header{width:100%}.step-column.active .step-header{width:50%!important}.step-column:not(.active):hover{background-color:#f8f9fa;cursor:pointer}.step-column.active:hover{cursor:default}.step-number{font-size:24px;font-weight:500;color:#a1a8c1}.step-info{width:100%;max-width:200px}.step-title{font-size:24px;font-family:var(--font-medium-family);font-weight:400;color:#383a47;margin:0 0 18px;line-height:normal;transition:opacity .3s ease}.step-description{font-size:16px;color:#383a47;line-height:1.5;display:block;margin:0}.step-toggle{width:24px;height:24px;position:absolute;top:2rem;right:2rem;opacity:1;transition:opacity .3s ease;display:none}.step-column:not(.active):hover .step-toggle{opacity:1}.step-column.active .step-toggle{display:none}.step-toggle-icon{position:absolute;width:14px;height:2px;background-color:#2d2d2d;top:50%;left:50%;transform:translate(-50%,-50%)}.step-toggle-icon:after{content:"";position:absolute;width:2px;height:14px;background-color:#2d2d2d;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.step-content{position:relative;width:50%;height:100%;opacity:0;visibility:hidden;z-index:1;display:flex;border-radius:21px;flex-direction:column;flex-shrink:0;transition:opacity .4s ease,visibility 0ms linear .4s;background:#e9efff;background:linear-gradient(266deg,#cee4e7 -67.59%,#fff0e2 -58.77%,#cbd7f1 -24.4%,#eff7ff 100.63%)}.step-column:nth-of-type(2) .step-content{background:linear-gradient(211deg,#d1dae8 -2.88%,#e8d7d7 41.81%,#ffe9d6 106.49%)}.step-column:nth-of-type(3) .step-content{background:linear-gradient(148deg,#fff0e2 -1.07%,#cbd7f1 49.99%,#7e9699 105.88%)}.step-column.active .step-content{opacity:1;visibility:visible;transition:opacity .5s ease .1s,visibility 0ms linear}.step-reveal{display:flex;height:100%;justify-content:center;position:relative;opacity:1;transition:opacity .35s ease}.step-reveal>.step-media{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.step-column:not(.active) .step-reveal{opacity:0;pointer-events:none;transition:opacity .4s ease}.step-column.active .step-reveal>.step-media{opacity:1;transition-delay:80ms}.step-column:not(.active) .step-reveal>.step-media{opacity:0;transition-delay:0ms}.step-content-title{font-size:1.5rem;font-weight:600;color:#2d2d2d;margin-bottom:1rem;line-height:1.2}.step-content-description{font-size:1rem;line-height:1.5;color:#666;margin-bottom:1.5rem}.step-example{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.step-example input{width:100%;padding:.75rem 1rem;border:1px solid #DEDEDE;border-radius:6px;font-size:1rem;margin-top:.5rem}.step-text-container{position:relative}.step-content img{border-radius:8px;height:auto;width:250px;object-fit:contain;margin-top:1rem}@media (max-width: 991px){.marketing-steps-wrapper{padding:60px 0}.marketing-steps-header h2{font-size:36px}.step-columns{flex-direction:column;gap:1rem;height:auto}.step-column{width:100%;height:auto!important;flex:1 1 auto!important;max-width:100%;min-width:auto;overflow:hidden;flex-direction:column}.step-column.active{max-width:100%;min-width:100%}.step-header{position:relative;height:auto;width:100%!important;padding:1.5rem}.step-content{position:relative;width:100%!important;height:auto;transform:none!important;padding:0 1.5rem 1.5rem;display:none;max-width:none}.step-column.active .step-content{display:block;opacity:1;visibility:visible;background-color:#e9efff}.step-reveal{width:100%!important;gap:1.25rem}.step-column:not(.active) .step-reveal{width:0!important}.step-text-container{width:100%!important}.step-column:not(.active){min-height:120px}.step-image{margin-top:1rem;height:auto;transform:none!important;opacity:1!important}.step-image img{max-width:100%;height:auto!important;max-height:none!important;transform:none!important}.step-column.active .step-header{border-radius:20px 20px 0 0;width:100%!important}.step-info{width:100%;max-width:unset}.step-toggle{top:1.5rem;right:1.5rem;display:block}}
/*# sourceMappingURL=/cdn/shop/t/278/assets/launch-marketing-steps.css.map */