.subscription-builder .container{margin:0 auto} .subscription-builder__container{border-radius:24px;display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:80px}@media screen and (min-width:990px){.subscription-builder__container{padding-bottom:120px}}@media screen and (max-width:989px){.subscription-builder__container{border-radius:0;gap:8px 0;grid-template-columns:1fr;position:relative}}@media screen and (min-width:990px){.subscription-builder__info{max-width:600px;position:relative;margin: 0 auto;width: 100%;}}.subscription-builder__info-wrapper{display:flex;flex-direction:column;height:100%;margin:0 auto;padding:90px 56px 0;width:100%}@media screen and (max-width:989px){.subscription-builder__info-wrapper{margin:0;max-width:none;padding:0 8px}.subscription-builder .mobile-hide-content{display:none}}@media screen and (min-width:990px){.subscription-builder .mobile-show-content{display:none}}.subscription-builder__content{margin-top:52px}@media screen and (max-width:989px){.subscription-builder__content{margin-top:20px}}.subscription-builder__images{border-radius:10px;position:relative;display:flex;align-items:center;}@media screen and (max-width:989px){.subscription-builder__images{border-radius:25.103px;height:100%;margin:0 auto;overflow:hidden;width:100%}}@media screen and (max-width:420px){.subscription-builder__images{max-height:364px;max-width:364px}}@media screen and (min-width:990px){.subscription-builder__images{height:830px;margin-right:8px;}}.subscription-builder__images img{border-radius:10px;display:block;object-fit:cover;width:100%}.subscription-builder .subscription-title{color:var(--Grey-grey-900,#323232);font-family:"Inter Tight";font-size:30px;font-style:normal;font-weight:500;line-height:120%;margin-bottom:10px;text-align:center;display:flex;justify-content:center;gap:8px;}@media screen and (max-width:989px){.subscription-builder .subscription-title{margin:0 auto 15px;max-width:96%;font-size: 31px;}}.subscription-builder .subscription-title.step-2nd{display:none}.subscription-builder .subscription-subtitle{color:var(--Grey-grey-900,#323232);font-family:"Inter Tight";font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:8px;text-align:center}.subscription-builder .progress-bar{align-items:center;display:flex;flex-direction:column;gap:8px 0}.subscription-builder .progress-bar__line{border-radius:8px;display:flex;height:24px;margin:0 auto;max-width:516px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:989px){.subscription-builder .progress-bar__line{max-width:294px;width:calc(100% - 16px)}}.subscription-builder .progress-bar__line:after{background:#e8eaef;content:"";display:block;height:100%;position:absolute;right:0;top:0;transition:all .4s;width:50%}.subscription-builder .progress-bar__line:before{background:linear-gradient(90deg,#EC7AA6 0%, #DCEB6B 100%);content:"";display:block;height:100%;left:0;position:absolute;transition:all .4s;width:50%;z-index:-1}.subscription-builder .progress-bar__line svg{height:100%;width:100%}.subscription-builder .progress-bar__text{color:var(--Grey-grey-900,#323232);font-family:"Inter";font-size:14px;font-style:normal;font-weight:800;line-height:150%;text-align:center}.subscription-builder .second-step{display:none}.subscription-builder__buttons{margin-top:32px}.subscription-builder__button{align-items:center;background:var(--110,#191b1e);border-radius:12px;color:var(--Base-white,#fff);cursor:pointer;display:flex;font-family:"Inter Tight";font-size:16px;font-style:normal;font-weight:500;gap:6px;height:60px;justify-content:center;line-height:150%;padding:0 10px;transition:all .4s;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.subscription-builder__button.checkout{display:none}.subscription-builder__button.checkout svg{height:20px;width:20px}.subscription-builder__button svg path{transition:all .4s}.subscription-builder__button:hover{background:var(--30,#e8eaef);color:#191b1e}.subscription-builder__button:hover svg path{fill:#191b1e}.subscription-builder__back{align-items:center;background:var(--20,#f4f5f6);border-radius:16px;cursor:pointer;display:none;height:62px;justify-content:center;left:24px;position:absolute;top:43px;width:62px;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .4s}.subscription-builder__back svg path{transition:inherit}.subscription-builder__back:hover{background:#191b1e}.subscription-builder__back:hover svg path{fill:var(--20,#f4f5f6)}@media screen and (max-width:989px){.subscription-builder__back{left:16px;top:96px}}body.show-next-step-quiz .subscription-builder__back{display:flex}body.show-next-step-quiz .subscription-title{display:none}body.show-next-step-quiz .subscription-title.step-2nd{display:block}body.show-next-step-quiz .first-step{display:none}body.show-next-step-quiz .second-step{display:flex}body.show-next-step-quiz .subscription-builder .progress-bar__line:after{transform:translateX(100%)}body.show-next-step-quiz .subscription-builder .progress-bar__line:before{width:100%}body.show-next-step-quiz .subscription-builder__button.next-step{display:none}body.show-next-step-quiz .subscription-builder__button.checkout{display:flex}.second-step--item:not(.show){display:none}body.suffix-subscription-builder-2 #shopify-section-header,body.suffix-subscription-builder-2 footer.footer{display:none!important}.second-step--item.show{display:flex;flex-direction:column;gap:16px 0}