*{margin:0;padding:0;box-sizing:border-box}body{font-family:Ubuntu,sans-serif;font-size:16px;font-weight:400}@media (min-width: 64rem){body{display:flex;justify-content:center;align-items:center;background-color:#e0f4ff}}.flex{display:flex}.flex-col{flex-direction:column}.flex-js-cnt{justify-content:center}.flex-al-cnt{align-items:center}.flex-js-spbtw{justify-content:space-between}.flex-js-al-cnt{justify-content:center;align-items:center}.flex-js-flxend-al-cnt{justify-content:flex-end;align-items:center}.flex-js-spbtw-al-cnt{justify-content:space-between;align-items:center}.grid{display:grid}label{display:block;font-size:.825rem;color:#02295a;font-weight:400}@media (min-width: 40rem){label{font-size:1.125rem}}@media (min-width: 64rem){label{font-size:1.25rem}}.circle{border:1px solid hsl(0,0%,100%);height:2.375rem;width:2.375rem;border-radius:100%;color:#fff;padding:1.375rem;cursor:pointer}.circle.active{background:#bfe2fd;border:hsl(206,94%,87%);color:#02295a}.step{gap:1rem}.step-desc{color:#9699ab;font-size:.725rem;margin-left:1rem;cursor:pointer}.step-desc span{display:block;font-size:.875rem;font-weight:700;color:#d6d9e6;margin-top:.5rem}.nav-status{gap:1rem}@media (min-width: 40rem){.nav-status{flex-direction:column;align-items:flex-start;gap:2.25rem;width:12rem}}.form-nav{grid-area:navbar;background-image:url(../bg-sidebar-mobile.svg);background-repeat:no-repeat;background-size:cover;height:10rem}@media (min-width: 40rem){.form-nav{background-image:url(../bg-sidebar-desktop.svg);height:46.5rem;width:18.25rem;border-radius:.675rem;padding:3.125rem 3rem;justify-content:start;align-items:flex-start}}.btn-display{justify-content:flex-end;align-items:flex-end;width:100%;min-width:18rem;height:9.5rem}.main-grid{background:#fff;grid-template-columns:1fr;grid-template-rows:2fr auto auto;grid-template-areas:"navbar" "body" "btn"}@media (min-width: 40rem){.main-grid{grid-template-columns:1fr 3fr;grid-template-rows:1fr auto;grid-template-areas:"navbar body" "navbar btn"}}@media (min-width: 64rem){.main-grid{margin:2rem;padding:2rem;box-shadow:0 0 41px -12px #9699ab;border-radius:1rem}}.step-body{background:#f0f6ff;padding:0 2rem 2rem;grid-area:body}@media (min-width: 40rem){.step-body{padding:0}}.footer-btn{grid-area:btn;position:relative;width:100%;min-width:20.75rem;background-color:#fafbff;height:4.5rem;padding:0 1.5rem}@media (min-width: 40rem){.footer-btn{padding:0 6.25rem;max-width:40rem}}.next-btn{position:absolute;right:1.5rem;width:6.25rem;height:2.5rem;border-radius:.265rem;border:none;color:#fff;background:#02295a;cursor:pointer;transition:all .1s ease-in-out}.next-btn:active{transform:translate(1px,1px)}.next-btn:hover{background:#473dff}@media (min-width: 40rem){.next-btn{width:7.75rem;height:3.25rem;font-size:1rem;font-weight:500}}.back-btn{color:#9699ab;border:none;cursor:pointer;transition:all .1s ease-in-out;background:none}.back-btn:active,.back-btn:hover{color:#02295a}@media (min-width: 40rem){.back-btn{font-size:1rem;font-weight:500}}.form-container{background:#fff;height:100%;box-shadow:0 0 41px -12px #9699ab;border-radius:1rem;padding:4.5rem 2.5rem}@media (min-width: 40rem){.form-container{width:100%;border-radius:0;box-shadow:none}}.text-input{height:2.125rem;width:100%;min-width:13.75rem;border:1.5px solid hsl(229,24%,87%);border-radius:.275rem;color:#02295a;font-size:1rem;font-weight:300;padding:1rem;outline:none}.text-input:active,.text-input:focus,.text-input:focus-visible{border:1.5px solid hsl(243,100%,62%)}@media (min-width: 40rem){.text-input{font-size:1.125rem;border:1.75px solid hsl(229,24%,87%);height:2.5rem;max-width:31.125rem}}@media (min-width: 64rem){.text-input{font-size:1.25rem;height:3.25rem;max-width:40rem}}.form-align{gap:1.75rem}@media (min-width: 64rem){.form-align{gap:2rem}}.stp-one-input-container{gap:.5rem;position:relative}.stp-one-input-container .input-error{position:absolute;top:1px;right:3px;color:#ed3548;font-weight:500;font-size:.825rem;gap:.5rem}@media (min-width: 64rem){.stp-one-input-container .input-error{top:5px;font-size:1.1rem}}.stp-one-input-container .error-border,.stp-one-input-container .error-border:focus-visible{border:1.5px solid hsl(354,84%,57%)}@media (min-width: 64rem){.stp-one-input-container .error-border,.stp-one-input-container .error-border:focus-visible{border:1.75px solid hsl(354,84%,57%)}}@media (min-width: 40rem){.stp-one-input-container{gap:.725rem}}.icon-input-error{height:1.1rem;width:1.1rem}.stp-two-input-container{gap:1rem}@media (min-width: 64rem){.stp-two-input-container{flex-direction:row;gap:1.5rem;margin-top:1rem}}.success-container{background:#fff;gap:1.5rem;height:100%;box-shadow:0 0 41px -12px #9699ab;border-radius:1rem;padding:5.5rem 2.5rem;text-align:center}@media (min-width: 40rem){.success-container{width:100%;border-radius:0;box-shadow:none}}@media (min-width: 64rem){.success-container{gap:2.125rem}}.success-img{height:3.75rem;width:3.75rem}@media (min-width: 40rem){.success-img{height:5.125rem;width:5.125rem}}.success-head{color:#02295a;font-size:2rem;font-weight:700}@media (min-width: 40rem){.success-head{font-size:2.25rem}}.success-para{max-width:21.75rem;width:100%;margin-top:-.625rem;color:#9699ab}@media (min-width: 40rem){.success-para{margin-top:-.875rem;max-width:38rem;font-size:1.25rem;font-weight:400}}.form-head{color:#02295a;font-size:1.75rem;font-weight:700}@media (min-width: 40rem){.form-head{font-size:1.75rem}}@media (min-width: 64rem){.form-head{font-size:2.25rem}}.form-para{color:#9699ab;margin-top:-1rem}@media (min-width: 40rem){.form-para{font-size:1.125rem}}@media (min-width: 64rem){.form-para{font-size:1.25rem}}.radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.radio-label.checked{border:1.625px solid hsl(243,100%,62%);background:#f0f6ff}.radio-label{width:100%;max-width:22rem;height:100%;min-height:4.875rem;border:1.625px solid hsl(229,24%,87%);border-radius:.5rem;padding:1rem;gap:1rem;cursor:pointer}@media (min-width: 40rem){.radio-label{max-width:35rem}}@media (min-width: 64rem){.radio-label{flex-direction:column;align-items:flex-start;max-height:11.5rem;max-width:8.75rem;gap:1.975rem}}.radio-img img{height:2.5rem;width:2.5rem}.radio-text{gap:.25rem}@media (min-width: 64rem){.radio-text{gap:.5rem}}.radio-text h3{font-size:1rem;color:#02295a;font-weight:700}@media (min-width: 64rem){.radio-text h3{font-size:1.2rem}}.radio-text .label-price{font-size:.925rem;color:#9699ab;font-weight:400}@media (min-width: 64rem){.radio-text .label-price{font-size:1rem}}.radio-text .label-offer{font-size:.675rem;color:#02295a;font-weight:500}@media (min-width: 64rem){.radio-text .label-offer{font-size:.75rem}}.toggle-container{padding:1rem;background:#f0f6ff}.toggle-switch{padding:.2rem;margin:0 1rem;width:2.5rem;border-radius:1rem;background:#02295a;cursor:pointer}.switch{display:block;border-radius:50%;background:#fafbff;border:1px solid black;height:1rem;width:1rem;transition:transform .4s ease}.switch.active{background:#fafbff;transform:translate(1.125rem)}.stp-three-input-container{gap:1rem}@media (min-width: 64rem){.stp-three-input-container{gap:1.5rem}}.step-three-label-text{height:100%;width:100%;min-width:15rem;padding:1rem;border-radius:.5rem;border:1px solid hsl(231,11%,63%);gap:1rem;cursor:pointer}@media (min-width: 64rem){.step-three-label-text{max-width:28.5rem;padding:1.375rem}}.step-three-label-text.active{background:#f0f6ff;border:2px solid hsl(243,100%,62%)}.step-three-label-text input[type=checkbox]{height:1.375rem;width:1.375rem;cursor:pointer}.step-three-label-text span{font-size:.875rem;font-weight:500;color:#473dff}@media (min-width: 64rem){.step-three-label-text span{font-size:1.125rem}}.label-head h3{font-size:1.125rem;font-weight:500}@media (min-width: 64rem){.label-head h3{font-size:1.375rem}}.label-head p{margin:.25rem 0 0;font-size:.875rem;color:#9699ab;font-weight:400}@media (min-width: 64rem){.label-head p{font-size:1.125rem}}.stp-four-summary-container{gap:2rem}.summary-items-container{gap:1.25rem;background:#fafbff;padding:1.5rem;border-radius:.5rem}@media (min-width: 64rem){.summary-items-container{padding:2rem;gap:2rem}}.summary-items-container-addons h3{font-weight:500;font-size:1rem;color:#9699ab}@media (min-width: 64rem){.summary-items-container-addons h3{font-size:1.125rem}}.summary-items-container-addons span{font-weight:500;font-size:1rem;color:#02295a}@media (min-width: 64rem){.summary-items-container-addons span{font-size:1.125rem}}.summary-items-container-head{gap:1rem}.summary-items-container-head h3{font-size:1.125rem;color:#02295a;font-weight:700}@media (min-width: 64rem){.summary-items-container-head h3{font-size:1.25rem}}.summary-items-container-head h3 span{display:block;font-weight:400;font-size:1.125rem;color:#9699ab;text-decoration:underline;cursor:pointer}.summary-items-container-head h3 span:hover{color:#473dff}@media (min-width: 64rem){.summary-items-container-head h3 span{font-size:1.25rem}}.summary-items-container-head span{font-weight:700;font-size:1.125rem;color:#02295a}.summary-total-container h3{font-size:1.125rem;color:#9699ab;font-weight:400}@media (min-width: 64rem){.summary-total-container h3{font-size:1.25rem}}.summary-total-container span{color:#473dff;font-weight:700;font-size:1.125rem}@media (min-width: 64rem){.summary-total-container span{font-size:1.25rem}}