body.mobile .progress-bar-mobile-wrap{height:68px}body.mobile .progress-bar-mobile-wrap .option-box .option-box-wrap .icon{position:relative;top:3px}body.desktop .progress-bar-mobile-wrap .option-box.active{border-top-right-radius:0!important;border-bottom-right-radius:0!important}body.desktop .wider-progressbar{max-width:1200px!important;margin:0 auto 24px!important;display:flex;justify-content:center}body.desktop .option-step-desktop .desktop-option-content-wrapper{position:absolute}body.desktop .option-step-desktop img{height:80px;width:200px;z-index:3}body.desktop .progress-bar-mobile-wrap{height:80px;margin:0 auto;padding:0!important;cursor:pointer}@media only screen and (min-width:970px)and (max-width:1245px){body.desktop .progress-bar-mobile-wrap{padding-left:16px!important;padding-right:16px!important}}body.desktop .progress-bar-mobile-wrap .active-bg{background:#fff}body.desktop .progress-bar-mobile-wrap .inactive-bg{background:#fafafa}body.desktop .progress-bar-mobile-wrap .right-arrow,body.desktop .progress-bar-mobile-wrap .right-arrow-2{border-radius:12px!important}body.desktop .progress-bar-mobile-wrap .right-arrow{width:11px!important;height:41.5px!important;top:0!important;right:-7px!important;transform:rotate(342deg)!important;border-radius:2px!important;padding-left:8px!important}body.desktop .progress-bar-mobile-wrap .right-arrow-2{width:11px!important;height:41.5px!important;bottom:0!important;right:-7px!important;transform:rotate(-342deg)!important;border-radius:2px!important;padding-left:8px!important}body.desktop .progress-bar-mobile-wrap .option-box-wrap .not-active{padding:2px 4px 4px 38px!important}body.desktop .progress-bar-mobile-wrap .option-box-wrap .option .choose{font-size:14px;line-height:20px;letter-spacing:-.1px}body.desktop .progress-bar-mobile-wrap .option-box-wrap .option .option-item{font-size:16px;line-height:20px}body.desktop .progress-bar-mobile-wrap.option-3.not-active,body.desktop .progress-bar-mobile-wrap.option-2.not-active{padding:2px 4px 4px 22px!important;border-radius:0!important}body.desktop .progress-bar-mobile-wrap .svg-wrapper{border:1px dashed #E1E6F0;border-radius:12px;width:56px;height:56px;position:relative;top:1px;display:flex;justify-content:center;align-items:center;background:#fff}body.desktop .progress-bar-mobile-wrap .svg-wrapper .q-img{border-radius:12px;width:55px!important;height:55px!important}body.desktop .progress-bar-mobile-wrap .svg-wrapper .paired-diamond-icons{display:flex}body.desktop .progress-bar-mobile-wrap .svg-wrapper .paired-diamond-icons .paired-diamond-icon{margin:0 2px;height:auto;width:16px}body.desktop .progress-bar-mobile-wrap .svg-wrapper .icon{width:40px;height:40px}body.desktop .progress-bar-mobile-wrap .svg-wrapper .shape-svg{width:35px;max-height:45px;position:relative;top:2px;-o-object-fit:contain;object-fit:contain}body.desktop .progress-bar-mobile-wrap .svg-wrapper .setting-svg{width:45px;height:45px;cursor:pointer;position:relative;bottom:2px}body.desktop .progress-bar-mobile-wrap .svg-wrapper .earrings-svg{width:47px;height:47px;position:relative;top:3px}.progress-bar-mobile-wrap{width:100%;padding:12px 16px 12px 12px;display:flex;justify-content:space-between;background:#fff}.progress-bar-mobile-wrap .option-box{padding:2px 4px 4px 16px!important;background:#fafafa;width:33.33%;position:relative;border-top:1px solid #E1E6F0;border-bottom:1px solid #E1E6F0;border-radius:0;right:3px}.progress-bar-mobile-wrap .option-box:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.progress-bar-mobile-wrap .option-box .right-arrow{position:absolute;width:10px;z-index:9;height:28px;transform:rotate(326deg);top:-1px;right:-5px;border-right:1px solid #E1E6F0;border-radius:4px;padding-left:10px}.progress-bar-mobile-wrap .option-box .right-arrow-2{position:absolute;width:10px;z-index:9;height:28px;transform:rotate(-326deg);bottom:-1px;right:-5px;border-right:1px solid #E1E6F0;border-radius:4px;padding-left:10px}.progress-bar-mobile-wrap .option-box .right-arrow-2:last-child{right:-4.5px}.progress-bar-mobile-wrap .option-box.option-1{padding:2px 4px 4px 8px!important}.progress-bar-mobile-wrap .option-box.option-1.not-active{border-left:1px solid #E1E6F0;border-top-left-radius:8px;border-bottom-left-radius:8px;right:0}.progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow{border-right:1px solid #1B2F42;border-radius:0!important;right:-8.5px;height:26.5px;top:-.5px}.progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow-2{border-right:1px solid #1B2F42;border-radius:0!important;right:-8.5px;height:26.5px;bottom:-.5px}.progress-bar-mobile-wrap .option-box.option-3.not-active,.progress-bar-mobile-wrap .option-box.option-2.not-active{padding:2px 4px 4px 22px!important}.progress-bar-mobile-wrap .option-box.active{padding:2px 4px 4px 16px;border-radius:8px 6px 6px 8px;border-left:1px solid #1B2F42;border-top:1px solid #1B2F42;border-bottom:1px solid #1B2F42;background:#fff;right:0}.progress-bar-mobile-wrap .option-box.active.option-2{border-left:0px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding:2px 4px 4px 22px!important}.progress-bar-mobile-wrap .option-box.active .right-arrow{position:absolute;background:#fff;width:10px;z-index:9;height:28px;transform:rotate(326deg);top:-1px;right:-5.5px;border-right:1px solid #1B2F42;border-radius:4px;padding-left:10px}.progress-bar-mobile-wrap .option-box.active .right-arrow-2{position:absolute;background:#fff;width:10px;z-index:9;height:28px;transform:rotate(-326deg);bottom:-1px;right:-5px;border-right:1px solid #1B2F42;border-radius:4px;padding-left:10px}.progress-bar-mobile-wrap .option-box .option-box-wrap{display:flex;justify-content:space-between;align-items:center}.progress-bar-mobile-wrap .option-box .option-box-wrap .option .choose{font-size:12px;line-height:20px;position:relative;top:2px}.progress-bar-mobile-wrap .option-box .option-box-wrap .option .option-item{color:#1b2f42;font-size:14px;font-style:normal;line-height:16px;position:relative;bottom:1px}.progress-bar-mobile-wrap .option-box .option-box-wrap .option .option-item.done{position:relative;top:3px}.progress-bar-mobile-wrap .option-box .option-box-wrap .icon{width:24px;height:24px}.desktop.body--dark .progress-bar-mobile-wrap .svg-wrapper{background:transparent!important;border:1px dashed #607075!important}.desktop.body--dark .progress-bar-mobile-wrap .right-arrow-desktop-active-dm{border-right:1px solid #ffffff!important;background:#2c2c2e!important}.desktop.body--dark .progress-bar-mobile-wrap .right-arrow-desktop-not-active-dm{border-right:1px solid rgba(225,230,240,.16);background:#3c3c3e!important}.desktop.body--dark .progress-bar-mobile-wrap .active{background:#2c2c2e!important;border:1px solid #ffffff}.desktop.body--dark .progress-bar-mobile-wrap .not-active{border-top:1px solid rgba(225,230,240,.16);border-bottom:1px solid rgba(225,230,240,.16);border-left:0;border-right:0}.mobile.body--dark .progress-bar-mobile-wrap{width:100%;padding:12px 16px 12px 12px;display:flex;justify-content:space-between;background:#18181b}.mobile.body--dark .progress-bar-mobile-wrap .option-box{padding:2px 4px 4px 16px!important;background:#4c4c4e;width:33.33%;position:relative;border-top:1px solid rgba(225,230,240,.16);border-bottom:1px solid rgba(225,230,240,.16);border-radius:0;right:3px}.mobile.body--dark .progress-bar-mobile-wrap .option-box:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .right-arrow{transform:rotate(326deg);right:-5px;top:-.5px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .right-arrow,.mobile.body--dark .progress-bar-mobile-wrap .option-box .right-arrow-2{position:absolute;background:#3c3c3e;width:10px;z-index:9;height:28px;border-right:1px solid rgba(225,230,240,.16);border-radius:4px;padding-left:12px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .right-arrow-2{transform:rotate(-326deg);bottom:-.5px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .right-arrow-2:last-child{right:-4.5px}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1{padding:2px 4px 4px 8px!important}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1.not-active{border-left:1px solid rgba(225,230,240,.16);border-top-left-radius:8px;border-bottom-left-radius:8px;right:0}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow,.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow-2{border-right:1px solid #ffffff;border-radius:0!important;right:-8.5px}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow{border-right:1px solid #ffffff;border-radius:0!important;right:-8.5px;height:26.5px;top:0}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-1.not-active .right-arrow-2{border-right:1px solid #ffffff;border-radius:0!important;right:-8.5px;height:26.5px;bottom:0}.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-3.not-active,.mobile.body--dark .progress-bar-mobile-wrap .option-box.option-2.not-active{padding:2px 4px 4px 22px!important}.mobile.body--dark .progress-bar-mobile-wrap .option-box.active{padding:2px 4px 4px 16px;border-radius:8px 6px 6px 8px;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;background:#4c4c4e;right:0}.mobile.body--dark .progress-bar-mobile-wrap .option-box.active.option-2{border-left:0px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding:2px 4px 4px 22px!important}.mobile.body--dark .progress-bar-mobile-wrap .option-box.active .right-arrow{position:absolute;background:#3c3c3e;width:10px;z-index:9;height:28px;transform:rotate(326deg);top:-.5px;right:-5.5px;border-right:1px solid #ffffff;border-radius:4px;padding-left:12px}.mobile.body--dark .progress-bar-mobile-wrap .option-box.active .right-arrow-2{position:absolute;background:#3c3c3e;width:12px;z-index:9;height:28px;transform:rotate(-326deg);bottom:-.5px;right:-5px;border-right:1px solid #ffffff;border-radius:4px;padding-left:10px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap{display:flex;justify-content:space-between;align-items:center}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .option .choose{font-size:12px;line-height:20px;position:relative;top:2px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .option .option-item{color:#fff;font-size:14px;font-style:normal;line-height:16px;position:relative;bottom:1px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .option .option-item.done{position:relative;top:3px}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .option .view{color:#fff;font-size:12px;line-height:20px;text-decoration:underline}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .icon{width:24px;height:24px}.progress-bar-mobile-wrap .option-box .option-box-wrap .fill-icon{fill:#717b86}.progress-bar-mobile-wrap .option-box .option-box-wrap .stroke-icon{stroke:#717b86}.progress-bar-mobile-wrap .option-box .option-box-wrap .active-bg{background:#fff}.progress-bar-mobile-wrap .option-box .option-box-wrap .inactive-bg{background:#fafafa}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .fill-icon{fill:#fff}.mobile.body--dark .progress-bar-mobile-wrap .option-box .option-box-wrap .stroke-icon{stroke:#fff}