.jt-popup-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e140a94;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:auto}.jt-popup-wrap.hidden{display:none}.jt-popup{background:#fafaf5;border-radius:20px;padding:60px 30px;max-width:450px;width:90%;text-align:center}.jt-hw-btns{display:grid;gap:10px;justify-content:center;grid-template-columns:1fr 1fr}.jt-btn-skip{border:1.5px solid #c8b89a}.jt-hw-btns .custom-btn{min-width:auto}.jt-popup-wrap{display:none}.jt-popup-wrap.active{display:flex}.step-main-section .popup-icon,.step-main-section .svg-wrapper{max-width:100px;width:100%;margin:0 auto}.step-main-section .popup-icon img{width:100%;height:100%;object-fit:cover}.step-main-section .jt-popup-content{padding:40px 0 0}.step-main-section .jt-popup-content .popup-content h5{margin:20px 0}.step-main-section .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--para)}.step-main-section .swiper-pagination{position:static;padding:30px 0;line-height:0}.step-main-section .step-navbar{max-width:700px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 15px 50px}.step-main-section .step-navbar .step-nav-item{text-align:center;position:relative}.step-main-section .step-navbar span.dot{display:block;margin:0 auto;width:28px;height:28px;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--para);border-radius:50%;background-color:#f0ede7;background-repeat:no-repeat;background-position:center;position:relative;z-index:1}.step-main-section .step-navbar .step-nav-item.active span.dot:after,.step-main-section .step-navbar .step-nav-item.completed span.dot:after{width:18px;height:18px;background:var(--para);border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.step-main-section .step-navbar span.step-nav-title{display:block;max-width:100px;margin:10px auto 0;color:#000;opacity:.4}.step-main-section .step-navbar .step-nav-item:after,.step-main-section .step-navbar .step-nav-item:before{content:"";display:block;border-bottom:2px solid var(--para);height:1px;position:absolute;top:12px;width:50%}.step-main-section .step-navbar .step-nav-item:after{right:0}.step-main-section .step-navbar .step-nav-item:before{left:0}.jt-cat img,.step-main-section .category-icon svg{width:100%;height:100%;object-fit:cover}.step-main-section .jt-wrapper .jt-heading{max-width:700px;margin:60px auto;width:100%;text-align:center;padding:0 15px}.step-main-section .jt-wrapper{text-align:center}.step-main-section .jt-wrapper .custom-btn.main-next-btn{margin:0 auto}.step-main-section .jt-category-wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;column-gap:30px;row-gap:40px;max-width:900px;width:100%;margin:0 auto;padding:0 15px}.step-main-section .jt-category-wrap>*:not(:last-child){flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px);width:100%;display:flex;border:1px solid #c6c6c6;border-radius:10px;background:#fff;padding:15px;gap:20px;align-items:center;color:#000;opacity:.6}.step-main-section .category-icon{flex:0 0 60px;max-width:60px;width:100%;flex-shrink:0;line-height:0}.step-main-section span.category-title{font-size:18px;font-family:var(--body-jost-bold)}.step-main-section .category-icon svg path{fill:var(--para)}.step-main-section .jt-cat.active{border-color:var(--para);opacity:1}.jt-main-container{max-width:1200px;width:100%;padding:0 15px;margin:0 auto;position:relative}.jt-main-container .jt-back{position:absolute;left:30px;top:5px;cursor:pointer;background:transparent;border:none;line-height:0;width:25px;height:25px}.jt-steps{text-align:center;max-width:700px;margin:auto;padding:0 15px}.jt-steps{display:none}.jt-steps.active{display:block}@media screen and (max-width:991px){.jt-main-container .jt-back{left:15px;top:2px}}@media screen and (max-width:767px){.step-main-section .jt-category-wrap>*:not(:last-child){flex-direction:column;flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.step-main-section .category-icon{flex:auto;max-width:100%;width:auto}.step-main-section .step-navbar{max-width:600px;padding:0 10px 25px}.step-main-section .jt-wrapper .jt-heading{margin:30px auto 38px}.step-main-section span.category-title{font-size:16px}.step-main-section .jt-category-wrap{column-gap:20px;row-gap:30px}.jt-main-container .jt-back{left:10px;width:22px}.step-main-section .step-navbar span.step-nav-title{font-size:14px}.step-main-section .step-navbar .step-nav-item:first-child:before,.step-main-section .step-navbar .step-nav-item:last-child:after{display:none}}@media screen and (max-width:600px){.step-main-section .step-navbar span.dot{width:24px;height:24px}.step-main-section .step-navbar .step-nav-item.active span.dot:after,.step-main-section .step-navbar .step-nav-item.completed span.dot:after{width:15px;height:15px}.step-main-section .step-navbar .step-nav-item:after,.step-main-section .step-navbar .step-nav-item:before{top:10px}}@media screen and (max-width:475px){.step-main-section .jt-category-wrap{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/main-steps.css.map */