body{background:#fff}:root{--element-width: 450px;--min-element-width: 450px}@media (max-width: 480px){:root{--min-element-width: 350px}}.multistep-form-container{display:flex;align-items:stretch;min-height:100vh;margin:0 auto}.form-image{background-size:cover;background-position:center;flex:1;position:relative;max-width:50%;display:flex;justify-content:center;align-items:center}.form-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.multistep-form{flex:1.5;max-width:50%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;margin:auto}.multistep-form h3{max-width:400px;margin:0 auto 15px;text-align:center;font-weight:700;font-size:26px}.multistep-form h4{max-width:450px;margin:0 auto 20px;text-align:center;font-size:25px;font-weight:500}@media (max-width: 1000px){.form-image{display:none}.multistep-form{justify-content:start;margin:25px auto}.text-image-inline span{display:none}.multistep-form{max-width:100%;flex:1}}.progress-bar-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0 auto}.progress-container-main{width:70%;max-width:300px;margin:0 auto}.progress-container{width:100%;background-color:#d4cfc5;height:5px;border-radius:5px;margin-top:27px;margin-bottom:50px;position:relative}.progress{width:0%;height:100%;background-color:#ff6400;transition:width .3s ease-in-out;position:absolute;border-radius:5px;top:0;left:0}.step{display:none}.step.active{display:block}.options label{display:block;border:1px solid #d4cfc5;background-color:#fff;width:100%;min-width:var(--min-element-width);max-width:var(--element-width);padding:15px;font-size:18px;color:#474545;font-weight:600;border-radius:10px;margin:8px auto;cursor:pointer;transition:background-color .3s,border-color .3s}.extra-info label{font-size:18px;background-color:transparent!important;width:100%;min-width:var(--min-element-width);max-width:var(--element-width);padding:0;border:none!important;cursor:auto!important;text-align:left}.extra-info label:hover{font-size:18px;background-color:transparent;width:100%;min-width:var(--min-element-width);max-width:var(--element-width);padding:0;border:none;text-align:left}.extra-info textarea{width:100%;max-width:100%;height:auto;padding:15px;font-size:14px;color:#333;border:2px solid #ddd;border-radius:10px;background-color:#f9f9f9;box-shadow:none;outline:none;resize:none}.extra-info textarea::placeholder{color:#aaa;opacity:1;font-style:bold}.options label:has(input:checked){border:2px solid #FF6400;background-color:#f6f5f1;color:#0f0f0f;font-weight:700}.options label input[type=radio]:checked{border-color:#ff6400;background-color:#ff6400}.options label input[type=checkbox]:checked{border-color:#ff6400;background-color:#ff6400}.options label input:is([type=radio],[type=checkbox]){margin:0 20px 0 0;transform:translateY(4px)}.option label input[type=checkbox]{margin:0 20px 0 0;transform:translateY(4px)}.initial-options label:hover,.options label:hover,.options label input:checked+label{border:2px solid #FF6400;background-color:#f6f5f1}.numeric-options{gap:8px}.numeric-option{margin:8px auto}.numeric-main-label{font-size:22px;font-weight:600}.numeric-input-box{background-color:#fff;padding:15px;border:1px solid #d4cfc5;border-radius:10px;display:flex;flex-direction:column;gap:5px}.numeric-input-box .sub-label{font-size:20 px;font-weight:600}.numeric-input-box input{background-color:none;border:none;outline:none;padding:5px 0;font-size:20px}.numeric-input-box:focus-within{border:2px solid #FF6400}.condition-list{width:100%;min-width:var(--min-element-width);max-width:var(--element-width);font-size:16px;list-style-type:none;margin-bottom:20px;line-height:1.1}.condition-list li{position:relative;padding-left:10px}.condition-list li:before{content:"\2022";color:#000;font-size:1.2em;margin-right:10px;top:0}.error-message{color:red;margin-top:5px;font-size:.9em}.text-image-inline{display:flex;max-width:400px;align-items:flex-end;gap:0px}.text-image-inline img{width:auto;max-width:100px;height:auto;margin-bottom:7px}.text-image-inline span{font-size:26px;font-weight:600;line-height:1}.form-logo-image{width:auto;max-width:50px;margin-bottom:30px}.button-container{margin-top:20px;text-align:center}.next-btn,.initial-next-btn,.add-to-cart-btn{background-color:#ff6400;color:#fff;border:none;width:100%;height:auto;font-weight:700;padding:5px;border-radius:100px;cursor:pointer}.prev-btn svg{width:30px;height:30px}.prev-btn{height:30px;background-color:#f6f5f100;border:none;padding:0}button:hover{opacity:.9}.product-selection{flex:1.5;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;margin:auto}.product-title{display:block;font-size:20px;font-weight:700;margin-bottom:5px;min-width:var(--min-element-width);max-width:var(--element-width)}.product-selected{text-align:left;align-items:start;justify-content:start}.subscription-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px;width:100%;position:relative}.subscription-label .plan-name{flex:1;text-align:left;font-size:20px;font-weight:600;margin-left:15px}.price-container{display:flex;flex-direction:row;gap:2px;justify-content:center;align-items:center;line-height:1.1}.subscription-amount.compare_at{text-decoration:line-through;font-size:14px;color:#474545}.subscription-label .subscription-price{text-align:right}.subscription-amount{font-weight:700;font-size:22px}.subscription-price .subscription-frequency{font-size:14px;font-weight:600;vertical-align:baseline}.subscription-price .subscription-currency-symbol{font-size:14px;font-weight:600;vertical-align:super}.subscription-options{display:flex;flex-direction:column;width:100%;max-width:var(--element-width);min-width:var(--min-element-width);gap:10px;overflow:visible}.pill-tag{position:absolute;top:-10px;right:0;background-color:#bcebd4;color:#00bf63;padding:0 8px;font-size:12px;font-weight:700;border-radius:12px;text-align:center;display:inline-flex;align-items:center;gap:5px}.pill-tag svg{width:10px;height:auto;margin-bottom:2px}.subscription-option{border:2px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;cursor:pointer;position:relative;transition:border-color .3s;overflow:visible}.subscription-option:has(input[type=radio]:checked){border-color:#ff6400}.subscription-option input[type=radio]{margin:0 20px 0 0}.subscription-option input[type=radio]:checked{accent-color:#FF6400;border-color:#ff6400;background-color:#ff6400}.subscription-option:hover{border-color:#ff6400;background-color:#fff6f5}.subscription-option.recommended{display:flex;flex-direction:column;border-color:#ff6400;border-top:none}.recommendation-label{display:block;text-align:center;font-weight:700;width:100%;color:#fff;background-color:#ff6400;padding:5px;border-radius:5px 5px 0 0}.red-background-colour{background-color:#d63a2f}.recommendation-info{display:flex;align-items:flex-start;gap:15px;padding:16px;max-width:600px}.recommendation-photo{flex-shrink:0}.recommendation-photo img{width:44px;height:44px}.recommendation-text{font-size:15px;color:#333;display:block;margin-bottom:5px}.recommendation-content{flex:1}.recommendation-doctor-details{font-size:13px;color:#666;font-weight:700}.recommendation-divider{width:90%;margin:0 auto;border:none;border-top:3px solid #ddd}.product-cards{display:flex;flex-direction:column;gap:10px}.product-card{display:flex;flex-direction:column;border:2px solid #cccccc;width:100%;min-width:var(--min-element-width);max-width:var(--element-width);border-radius:10px;background-color:#fff;padding:10px;margin:0 auto}.step-section-header{font-size:18px;text-align:center;font-weight:500;width:80%;margin:0 auto 15px}.product-content{display:grid;grid-template-columns:1fr 2fr;padding-top:20px;padding-right:10px;gap:15px;margin-bottom:10px}.product-image img{width:100%;height:auto;border-radius:5px;object-fit:cover}.product-info h4{font-weight:700;text-align:left;margin-bottom:5px}.add-to-plan-btn{width:100%;background-color:#f60;color:#fff;padding:10px;border:none;margin-top:10px;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;text-align:center;position:relative;transition:background-color .3s ease}.add-to-plan-btn.loading{background-color:#ccc;cursor:wait}.add-to-plan-btn.success{background-color:#4caf50;cursor:default}.add-to-plan-btn.success:before{content:"\2714";position:absolute;left:10px;font-size:18px}.discounted_price{font-weight:700;font-size:18px}.hidden{display:none}.selection-summary{display:flex;flex-direction:column;text-align:center;margin-top:10px}.selection-summary .total-price{font-size:20px;color:#666}.selection-summary .compare-price{font-size:20px;font-weight:700}#loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-content{text-align:center;margin:0 auto}#loading-screen .text-image{max-width:130px;margin-bottom:20px}.text-svg-container{display:flex;align-items:flex-start;width:100%;position:relative}#loading-text{font-size:20px;font-weight:600;line-height:1.2;margin-left:10px;text-align:center}.cls-1{fill:#ff6400}#Layer_1{width:33px;flex-shrink:0;animation:spin 7s linear infinite;margin-top:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{width:300px;margin:30px auto 0;background-color:#d4cfc5;height:5px;border-radius:5px;position:relative}.loading-bar{width:0%;height:5px;border-radius:5px;background-color:#ff6400;transition:width 5s linear;position:absolute}#loading-screen .carousel{position:relative;margin:auto auto 150px;display:flex;justify-content:center;align-items:center}.carousel-image{position:absolute;transition:all .5s ease;border-radius:100px;border:5px solid #f6f5f1;width:150px;opacity:.8}.carousel-image1{transform:translate(-105px) scale(.8);z-index:1}.carousel-image2{transform:translate(0) scale(1);z-index:2;opacity:1}.carousel-image3{transform:translate(105px) scale(.8);z-index:1}.initial-options label{display:grid;align-items:center;border:1px solid #d4cfc5;background-color:#fff;width:100%;min-width:var(--min-element-width);max-width:var(--element-width);padding:15px;color:#474545;border-radius:10px;margin:8px auto;cursor:pointer;transition:background-color .3s,border-color .3s}.initial-options label input[type=radio]{display:none}.initial-options .label-content{display:flex;align-items:center;width:100%}.initial-options .label-image{width:100px;height:100px;border-radius:5px;overflow:hidden}.initial-options .label-image img{width:100%;height:100%;object-fit:cover}.initial-options .label-text{display:flex;flex-direction:column;padding-left:15px}.initial-options .label-text .top-row{font-size:22px;font-weight:700}.initial-options .label-text .middle-row{font-size:16px;font-weight:700}.initial-options .label-text .bottom-row{font-size:12px}.initial-options .text-row{color:#474545}.initial-options .middle-row{display:inline-flex;align-items:center;gap:4px}.initial-options .arrow-svg{margin-left:3px;margin-bottom:1px;display:inline-flex;align-items:center;color:inherit}.initial-options label:has(input:checked){border:2px solid #FF6400;background-color:#f6f5f1}.initial-options label:has(input:checked) .label-text .text-row{color:#0f0f0f}
/*# sourceMappingURL=/cdn/shop/t/3/assets/multistep-form.css.map */