@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family)}body{background-color:var(--light-blue);color:var(--marine-blue)}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media screen and (max-height: calc(568px + 1rem)){.container{min-height:calc(568px + 1rem)}}.form--container{background-color:#fff;display:flex;justify-content:flex-start;width:calc(959px + 1rem);height:calc(568px + 1rem);padding:1rem;position:relative;border-radius:10px}.form--container--image{flex:1;content:url(/assets/bg-sidebar-desktop-e6d2744a.svg);object-fit:contain}.form--container--content{flex:2.5;padding:2.5rem 6rem 2rem;display:flex;flex-direction:column;justify-content:space-between}.form--container--image__list{position:absolute;z-index:1;width:auto;height:100%;top:15%;left:5%;list-style:none;display:flex;flex-direction:column;text-transform:uppercase;gap:1rem;cursor:default}.form--container--image__list li{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.form--container__number{display:flex;justify-content:center;align-items:center;width:45px;aspect-ratio:1;border:solid 1px var(--white);color:var(--white);border-radius:50%;transition:all .2s ease 0s}.form--container__desc{display:flex;flex-direction:column;gap:.2rem;font-weight:400;color:var(--white)}.form--container__desc h4{color:var(--light-gray);font-weight:100;font-size:.9rem}.form--container__desc p{font-weight:700;font-size:.9rem}#navBtn{position:fixed;bottom:0}@media screen and (max-width: 800px){.container{align-items:flex-start}.form--container{flex-direction:column;height:fit-content;width:100%;padding:0;background-color:transparent;max-width:100vw}.form--container--image{content:url(/assets/bg-sidebar-mobile-f8e29a05.svg);object-fit:cover}.form--container--image__list{flex-direction:row;justify-content:center;top:15%;left:0;height:auto;width:100%}.form--container__desc{display:none}.form--container--content{margin:0 5%;position:absolute;top:70%;z-index:1;background-color:#fff;width:90%;border-radius:10px;gap:2rem;padding:2rem}}.formNav{flex:0;display:flex;justify-content:space-between}.formNav--next{color:var(--white);background-color:var(--marine-blue);padding:1rem 2rem;border:none;border-radius:5px;font-weight:500;cursor:pointer;transition:background .2s ease 0s}.formNav--next:hover{background-color:var(--purplish-blue)}.formNav--back{color:var(--cool-gray);font-weight:500;background-color:transparent;border:none;padding:1rem 2rem;border-radius:5px;cursor:pointer;transition:color .2s ease 0s}.formNav--back:hover{color:var(--marine-blue)}@media screen and (max-width: 800px){.formNav{width:100%;padding:0 5%;position:fixed;bottom:0;left:0;background-color:var(--white)}}.personalPlan{flex:2;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem}.personalPlan--title{display:flex;flex-direction:column;gap:.5rem}.personalPlan--form{display:flex;flex-direction:column}.personalPlan--form label{line-height:2rem;display:flex;justify-content:space-between}.personalPlan--form input{height:2.5rem;width:100%;border-radius:5px;border:none;outline:solid .5px rgba(0,0,0,.2);padding:0rem .5rem;font-size:1.1rem}.personalPlan--form input:focus{outline:solid 1px var(--purplish-blue)}@media screen and (max-width: 800px){.personalPlan--form{font-size:.9rem}.personalPlan--form input{font-size:1rem}.personalPlan--form label{line-height:1.5rem}}.selectPlan{display:flex;flex-direction:column;gap:2rem}.selectPlan--title{display:flex;flex-direction:column;gap:.5rem}.selectPlan--form{display:flex;flex-direction:row;width:100%;justify-content:space-around;gap:1rem}.selectPlan--form__item{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem;border:solid 1px var(--pastel-blue);border-radius:10px;cursor:pointer}.selectPlan--form__item img{width:40px;aspect-ratio:1;margin-bottom:3rem}.selectPlan--form__item p{color:var(--cool-gray)}.selectPlan--form__item__info{font-size:.75rem;color:red}.selectPlan--selection{display:flex;flex-direction:row;justify-content:center;align-items:center}.selectPlan--selection>div{display:flex;gap:1rem}#selection{background-color:var(--marine-blue);width:40px;height:20px;border-radius:20px;position:relative;cursor:pointer}#selection__circle{width:14px;aspect-ratio:1;position:absolute;background-color:#fff;top:3px;z-index:1;border-radius:50%;transition:transform .2s ease 0s}.left{transform:translate(3px)}.right{transform:translate(23px)}@media screen and (max-width: 800px){.selectPlan--form{flex-direction:column;gap:.5rem}.selectPlan--form__item{display:grid;grid-template-columns:repeat(2,fit-content);column-gap:1rem;justify-items:start;align-items:center}.selectPlan--form__item img{margin:0}.selectPlan--form__item h4{align-self:start;grid-column:2/ 3;grid-row:1}.selectPlan--form__item p{padding-top:1rem;grid-column:2/ 3;grid-row:1}}@media screen and (max-height: 650px){.selectPlan--selection>div{padding-bottom:1rem}}.addOns{display:flex;flex-direction:column}.addOns--title{display:flex;flex-direction:column;gap:.5rem}.addOns--content{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.addOns--item{padding:1.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;outline:solid 1px var(--pastel-blue);border-radius:10px;cursor:pointer;user-select:none}.addOns--item__img{width:fit-content;aspect-ratio:1;padding:5px;display:flex;justify-self:center;align-items:center;border-radius:5px;outline:solid 1px var(--pastel-blue);transition:all .1s ease 0s}.addOns--item__desc{padding-left:1rem;flex:8}.addOns--item__desc p{font-size:.9rem;color:var(--cool-gray)}.addOns--item div:last-child{flex:1;color:var(--purplish-blue)}@media screen and (max-width: 800px){.addOns--item{padding:1rem}.addOns--item__desc{font-size:.9rem}}.finishingUp{display:flex;flex-direction:column;gap:2rem}.finishingUp--title{display:flex;flex-direction:column;gap:.5rem}.finishingUp--content{display:flex;flex-direction:column;width:100%;padding:1.5rem 2rem;background-color:var(--light-blue);border-radius:10px}#line{width:100%;height:2px;display:flex;justify-content:center;align-items:center;padding:1rem 0}#line>span{display:block;width:80%;border-top:solid 1px var(--cool-gray)}.finishingUp--content__plan{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.finishingUp--content__plan__change{text-decoration:underline;font-size:.9rem;cursor:pointer;line-height:1rem;color:var(--cool-gray)}.finishingUp--content__plan>div:first-child{display:flex;flex-direction:column;gap:.5rem}.finishingUp--content__addons{display:flex;flex-direction:column;gap:1rem}.finishingUp--content__addons--item{display:flex;flex-direction:row;justify-content:space-between}.finishingUp--total{display:flex;flex-direction:row;justify-content:space-between;padding:0 2rem}.finishingUp--total h3{font-weight:700;color:var(--purplish-blue)}.thanksPage{display:flex;flex-direction:column;text-align:center;gap:2rem;justify-content:center;align-items:center;height:100%}.thanksPage p{line-height:1.5rem;color:var(--cool-gray)}.thanksPage img{transition:scale .4s ease 0s}.thanksPage img:hover{scale:1.1}@media screen and (max-width: 800px){.thanksPage{gap:1.5rem;padding:1.5rem 0}}:root{--marine-blue: hsl(213, 96%, 18%);--purplish-blue: hsl(243, 100%, 62%);--pastel-blue: hsl(228, 100%, 84%);--light-blue: hsl(206, 94%, 87%);--strawberry-red: hsl(354, 84%, 57%);--cool-gray: hsl(231, 11%, 63%);--light-gray: hsl(229, 24%, 87%);--magnolia: hsl(217, 100%, 97%);--alabaster: hsl(231, 100%, 99%);--white: #fff;--font-family: "Ubuntu"}