.steps-section,.sticky-wrapper{position:relative}.steps-section{background-color:#faf9f7}.sticky-container{position:sticky;top:0;background-image:url(/cdn/shop/files/bg-nnewform.png?v=1767108350);background-repeat:no-repeat;background-size:cover;background-position:top center;background-color:#fbf9f7}.sticky-wrapper{height:360vh}.steps-section .container{max-width:1350px;margin:0 auto;width:100%}.salonidformWrapper{padding-bottom:100px;padding-top:50px;background:linear-gradient(180deg,#22c1c300,#fbf9f7 10%)}.steps-flex{display:flex;gap:40px;align-items:center;min-height:90vh;padding:0 32px}.steps-image-wrapper{flex:1.3}.steps-content{flex:1}.steps-image-container{position:relative;height:560px;max-height:560px;border-radius:32px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;max-width:660px}.steps-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.steps-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.progress-bars{position:absolute;bottom:32px;left:32px;right:32px;display:flex;gap:8px}.progress{flex:1;height:4px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;width:0;border-radius:2px}.progress-fill.full{width:100%}.steps-buttons{display:flex;flex-direction:column;gap:8px}.step-btn{width:100%;border:1px solid transparent;background-color:unset;cursor:pointer;text-align:left;padding:18px 22px;border-radius:16px;transition:.3s}button.step-btn:hover{background-color:#ffffff80;transition:.3s}.step-btn .step-kicker{display:block;font-weight:700;font-size:14px;color:#9ca3af;letter-spacing:0}.step-btn.active .step-kicker{color:#7d55e1}.salonidScrolledTitles h2,.step-btn .step-heading{text-transform:unset;letter-spacing:normal}.step-btn .step-heading{font-size:18px;margin:4px 0;color:#4b5563}.step-btn.active .step-heading{color:#111827}.step-btn p{margin:0;color:#6b7280;font-size:14px;max-height:0;overflow:hidden;transition:.3s}.step-btn.active p{color:#6b7280;max-height:100%;margin-top:6px}.step-btn.active{background:#fff;padding:12px 21px;color:#111827;border:1px solid #f3f4f6;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:.5s ease-in-out}.scrolledSteps{color:#4b5563;display:flex;gap:20px;position:relative;transition:.3s ease-in-out}.scrolledSteps:before{content:"";display:block;height:100%;width:2px;background:linear-gradient(180deg,#e5e7eb 0% 100%);position:absolute;top:15px;left:22px;z-index:-1;transition:.5s ease-in-out}.scrolledSteps.active:before{transition:.5s ease-in-out;background:linear-gradient(180deg,#7d55e1,#d4a57400)}.scrolledSteps:last-child:before{content:unset}.scrolledSteps:has(~.scrolledSteps.active):before{background:linear-gradient(180deg,#7d55e1,#d4a57400)}.scrolledSteps:has(~.scrolledSteps.active) img{background:#7d55e1;filter:unset}.step-icon-wrap{flex-shrink:0}.scrolledSteps img{filter:contrast(.5);border-radius:16px;height:48px;width:48px;padding:15px;transition:.5s ease-in-out;background-color:#f3f4f617}.scrolledSteps.active img{filter:unset;transition:.5s ease-in-out;background:#7d55e1}.salonidScrolledTitles{margin-bottom:50px}.salonidScrolledTitlesSub{color:#b67400;font-weight:700;text-transform:uppercase;margin-bottom:10px;display:block}.salonidScrolledTitles h2{font-size:48px;color:#111827;margin-bottom:18px}.salonidScrolledTitles h2 span{color:#b67400}.salonidScrolledTitles p{color:#4b5563;font-size:20px;letter-spacing:normal}.salonidScrolledMobWrapper{display:none}@media(max-width:768px){.salonidScrolledMobWrapper{display:block!important;background-image:url(/cdn/shop/files/bg-nnewform.png?v=1767108350);background-repeat:no-repeat;background-size:cover;background-position:left;background-color:#fbf9f7;padding-top:52px;overflow:hidden}.steps-flex{display:none}.sticky-container{position:unset}.sticky-wrapper{height:auto}.salonidformWrapper{padding-top:40px;padding-bottom:40px}.salonidScrolledTitles{text-align:center}.salonidScrolledTitlesSub{font-size:14px}.salonidScrolledTitles h2{font-size:35px}.scrolledStepsmob{color:#4b5563;display:flex;gap:20px;position:relative;transition:.5s ease-in-out}.scrolledStepsmob:before{content:"";display:block;height:100%;width:2px;background:linear-gradient(180deg,#7d55e1,#966cc1);position:absolute;top:15px;left:22px;z-index:1}.scrolledStepsmob:last-child:before{content:unset}.scrolledStepsmob img{z-index:1;background:#7d55e1;transition:.5s ease-in-out;filter:unset;height:43.65px;width:43.65px;padding:12px;border-radius:16px}.scrolledStepContentBox{z-index:9999999;padding:unset!important}.scrolledStepContentBox span{font-size:12px;color:#9ca3af;font-weight:700}.scrolledStepContentBox h3{font-size:16px;letter-spacing:normal;text-transform:unset;margin:4px 0}.scrolledStepContentBox p{display:block}.scrolledStepContentBoxImg{width:285px!important;height:198px!important;display:block;margin-top:27px;margin-bottom:50px;position:relative}.scrolledStepContentBoxImg:before{content:"";display:block;background:radial-gradient(85.52% 86.28% at 50% 70%,#d4a574,#d4a57400 50%);opacity:.6;filter:blur(32px);border-radius:50px;padding:239px;position:absolute;top:-251px;left:-81px;z-index:-1;right:0}.scrolledStepContentBoxImg img.cardimgScroll{padding:unset;box-shadow:0 25px 50px -12px #00000040}.scrolledStepContentBoxImg img{height:100%;width:100%;object-fit:cover}}@media(max-width:480px){.salonidScrolledWrapper{background-image:url(/cdn/shop/files/scrolledSectionBgMob.png?v=1766039224);background-repeat:no-repeat;background-size:contain;background-position:top center}}@media(max-width:430px){.salonidScrolledTitles p{font-size:16px}}@media(max-width:390px){.salonidScrolledTitles p,.scrolledStepContentBox{font-size:14px}.scrolledStepContentBoxImg{max-width:240px!important;margin-top:20px;margin-bottom:40px}.swiper-slide-thumb-active .scrolledStepContentBox{max-width:240px!important;padding:7px 10px!important;margin-bottom:20px}}@media(max-width:360px){.scrolledStepContentBox span{font-size:11px}.scrolledStepContentBox{font-size:12px;line-height:normal}}@media(max-width:340px){.scrolledStepContentBoxImg{max-width:224px!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-salonid-scroll-cards-2.css.map */