@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media (max-width: 56.24em){html{font-size:56.25%}}@media (max-width: 37.5em){html{font-size:50%}}@media (max-width: 25em){html{font-size:43.75%}}body{position:relative;background-color:#f0f6ff;min-height:100vh;padding:2.4rem;display:grid;grid-template-columns:1fr;place-items:center}@media (max-width: 50em){body{padding:12rem 2.4rem;place-items:none;align-items:start;justify-items:center}}@media (max-width: 50em){#root{width:100%}}button{cursor:pointer}body{font-family:Ubuntu,sans-serif;color:#9699ab;font-size:1.6rem}h2,h3{color:#02295a}.header{margin-bottom:3.6rem}.header__title{font-size:4.2rem;margin-bottom:.6rem}@media (max-width: 37.5em){.header__title{font-size:3.6rem}}.header__description{font-size:1.8rem}.step-form{max-width:97rem;background-color:#fafbff;padding:1.2rem;border-radius:1.5rem;box-shadow:0 1rem 2rem .5rem #00000013;display:grid;grid-template-columns:[sidebar-start] max-content [sidebar-end form-start] 1fr [form-end]}.step-form__box{padding:3.6rem 8.6rem;min-height:60rem;position:relative;display:grid;grid-template-columns:1fr}@media (max-width: 50em){.step-form__box{position:static;min-height:auto}}@media (max-width: 37.5em){.step-form__box{padding:2.4rem 4.8rem}}@media (max-width: 50em){.step-form{grid-template-columns:1fr}}.step-form__sidebar{background-image:url(../assets/images/bg-sidebar-desktop.svg?raw);background-size:cover;background-position-y:bottom;height:100%;padding:3.6rem;border-radius:1rem;display:flex;flex-direction:column;gap:3.6rem}@media (max-width: 50em){.step-form__sidebar{flex-direction:row;justify-content:center;position:absolute;top:0;left:0;width:100%;height:25rem;align-items:flex-start;z-index:-10;border-radius:0;background-image:url(../assets/images/bg-sidebar-mobile.svg?raw)}}.step{display:flex;align-items:center;gap:2.4rem}.step__number{display:flex;width:4.8rem;height:4.8rem;border-radius:50%;box-shadow:inset 0 0 0 2px #bfe2fd;align-items:center;justify-content:center;color:#fafbff;font-size:2.4rem;font-weight:600;transition:all .2s}.step.active .step__number{background-color:#bfe2fd;box-shadow:inset 0 0 0 2.4rem #bfe2fd;color:#02295a}@media (max-width: 50em){.step__text{display:none}}.step__descriptor{text-transform:uppercase;color:#d6d9e6;margin-bottom:.5rem}.step__title{text-transform:uppercase;color:#fafbff;font-weight:600;font-size:2rem}.form{display:flex;flex-direction:column;justify-content:space-between}.form__group{display:flex;flex-direction:column;gap:1rem}.form__label{font-family:inherit;font-size:inherit;color:#02295a}.form__submission{height:100%;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;justify-items:center;align-content:center}.form__submission img{margin-bottom:3.2rem}.form__submission h2{font-size:3.2rem;margin-bottom:1.8rem}.form__submission p{font-size:1.8rem;text-align:center}.btn{border:none;background-color:transparent;font-family:inherit;font-size:1.8rem;font-weight:600;color:inherit;padding:1.6rem 3rem;border-radius:1rem;transition:all .2s}@media (max-width: 50em){.btn{padding:2rem 3.6rem}}@media (max-width: 25em){.btn{padding:2.4rem 4.8rem}}.btn--cta{margin-left:auto;color:#fff;background-color:#02295a}.btn--cta:hover{background-color:#02295af2}.btn--confirm{margin-left:auto;color:#fff;background-color:#473dff}.btn--confirm:hover{background-color:#473dffe6}.btn--secondary:hover{color:#02295a}.btn--underline{padding:0;font-size:1.4rem;font-weight:400;color:#9699ab;border-bottom:1px solid hsl(231,11%,63%);border-radius:0}.btn--underline:hover{color:#02295a;border-bottom:1px solid hsl(213,96%,18%)}.btn-container{display:flex;align-items:center}@media (max-width: 50em){.btn-container{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;padding:2.4rem}}.input--text{font-family:inherit;font-size:inherit;padding:1.8rem 1.2rem;border:none;border-radius:1rem;box-shadow:inset 0 0 0 1px #9699ab;background:none;font-weight:600;color:#02295a;transition:all .2s}.input--text::placeholder{color:#9699ab}.input--text:focus{outline:none;box-shadow:inset 0 0 0 2px #02295a}.input--checkbox{display:flex;align-items:center;justify-content:space-between;border:1px solid hsl(229,24%,87%);padding:2.4rem 3.2rem;border-radius:1rem;transition:all .2s}.input--checkbox input{display:none}.input--checkbox__text{position:relative;margin-left:5rem}.input--checkbox__text:hover{cursor:pointer}@media (max-width: 25em){.input--checkbox__text{margin-left:0}}.input--checkbox__check{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid hsl(229,24%,87%);position:absolute;top:50%;left:-5rem;translate:0 -50%}@media (max-width: 25em){.input--checkbox__check{display:none;visibility:hidden}}.input--checkbox__check img{opacity:0;width:70%;height:70%}.input--checkbox__title{font-size:1.8rem;font-weight:600;color:#02295a;margin-bottom:.5rem}.input--checkbox__price{margin-left:auto;color:#473dff}.input--checkbox:hover{cursor:pointer;border:1px solid hsl(243,100%,62%)}.input--checkbox.checked .input--checkbox__check{background-color:#473dff}.input--checkbox.checked .input--checkbox__check img{opacity:1}.input--checkbox.checked{border:1px solid hsl(243,100%,62%);background-color:#f0f6ff}.form-required-error label{position:relative}.form-required-error label:after{content:"This field is required.";display:block;font-weight:600;color:#ed3548;position:absolute;top:0;right:0}.form-required-error input{box-shadow:inset 0 0 0 1px #ed3548}.overview__selected-services{background-color:#f0f6ff;padding:2.4rem;border-radius:1rem;display:flex;flex-direction:column;gap:2.4rem}.overview__plan{display:flex;justify-content:space-between;align-items:center;padding-bottom:2.4rem;border-bottom:1px solid hsl(229,24%,87%);font-size:1.8rem;font-weight:600;color:#02295a}.overview__addon{display:flex;justify-content:space-between;align-items:center}.overview__addon-price{color:#02295a}.overview__total{padding:2.4rem;display:flex;justify-content:space-between}.overview__total-price{font-size:2.4rem;font-weight:600;color:#473dff}.select{display:flex;gap:1.8rem}@media (max-width: 37.5em){.select{flex-direction:column}}.select-card{border:1px solid hsl(229,24%,87%);border-radius:1rem;background-color:transparent;width:100%;padding:1.8rem;display:flex;flex-direction:column;gap:4.8rem;transition:all .2s}@media (min-width: 63em){.select-card{min-width:15rem}}.select-card__info-box{display:flex;flex-direction:column;gap:.6rem}.select-card__img{width:5rem}.select-card__plan{color:#02295a;font-weight:600;font-size:1.8rem}.select-card__savings{color:#02295a}.select-card:hover{cursor:pointer;border:1px solid hsl(243,100%,62%)}.select-card.active{background-color:#f0f6ff;border:1px solid hsl(243,100%,62%)}@media (max-width: 37.5em){.select-card{flex-direction:row;gap:2.4rem}}.selector{display:flex;gap:1.8rem;align-items:center;background-color:#f0f6ff;padding:1.4rem 0;border-radius:1rem;justify-content:center}.selector span{color:#9699ab;font-size:1.8rem;font-weight:600;transition:all .2s}.selector span.active{color:#02295a}.switch{display:inline-block;background-color:#02295a;width:5rem;height:2.5rem;border-radius:999rem;position:relative}.switch__ball{display:block;width:2rem;height:2rem;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;translate:-110% -50%;transition:all .2s}.switch.active .switch__ball{translate:10% -50%}.switch:hover{cursor:pointer}