@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500;700&display=swap);*{box-sizing:border-box;padding:0;margin:0}html{font-family:"Ubuntu",sans-serif;background-color:#f0f6ff}ul li{list-style:none}#root{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}@media screen and (max-width:500px){#root{height:95vh}}.card{border-radius:10px;padding:1rem}.input{width:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative}.input input{width:100%;border:1px solid #9699ab;padding:.8rem;border-radius:5px;font-size:14px;outline:none;color:#02295a;font-family:"Ubuntu",sans-serif}.input input::-webkit-input-placeholder{color:#9699ab}.input input::placeholder{color:#9699ab}.input input:focus{border:1px solid #473dff}.input label{margin-bottom:5px;color:#02295a}.input.error small{color:red;position:absolute;top:0;right:0}.input.error input{border-color:red}.button{padding:.5rem 1rem;border-radius:5px;border:none;font-family:"Ubuntu",sans-serif;font-size:16px;cursor:pointer}.main{width:60%;height:75%;box-shadow:0 2px 8px #d3d3d3;display:flex;grid-gap:1rem;gap:1rem;background-color:#fff}@media screen and (max-width:500px){.main{flex-direction:column;width:100%;padding:0;height:100%;background-color:transparent;align-items:center}}.card.navbar{flex:1.3 1;background-image:url(../../static/media/bg-sidebar-desktop.6918153f.svg);background-size:cover;padding:2rem;letter-spacing:1px}.card.navbar ul.links{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.card.navbar ul.links li.nav_item_card{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.card.navbar ul.links li.nav_item_card .nav_item_circle{border:1px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.card.navbar ul.links li.nav_item_card.active .nav_item_circle{background-color:#bfe2fd;color:#000}.card.navbar ul.links li.nav_item_card .nav_item small{color:#d6d9e6}.card.navbar ul.links li.nav_item_card .nav_item p{color:#fff;margin-top:5px}@media screen and (max-width:500px){.card.navbar{border-radius:0;width:100%;background-image:url(../../static/media/bg-sidebar-mobile.ad41661b.svg)}.card.navbar ul.links{width:100%;justify-content:center;flex-direction:row}.card.navbar ul.links li.nav_item_card .nav_item_circle{width:40px;height:40px;font-size:20px;font-weight:500}.card.navbar ul.links .nav_item{display:none}}.main_content{flex:3 1;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;position:relative;align-items:center}@media screen and (max-width:500px){.main_content{flex:4 1;width:90%;border-radius:10px;background-color:#fff;position:relative;top:-12%}}.main_content .title{align-self:flex-start}.main_content .title h1{color:#02295a}.main_content .title p{color:#9699ab}.content{margin-top:2rem;display:flex;width:100%;flex-direction:column;grid-gap:1rem;gap:1rem}@media screen and (max-width:500px){.content{position:relative}}.actions{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:1rem;position:absolute;bottom:1rem;width:100%;padding:0 4rem}.actions .button.primary{background-color:#02295a;color:#fff;font-weight:500}.actions .button.primary:hover{background-color:rgba(2,41,90,.86)}.actions .button.back-btn{background-color:transparent;color:#9699ab;font-weight:500;padding-left:0}.actions .button.back-btn:hover{color:#02295a}.actions .button.confirm{background-color:#473dff;color:#fff}@media screen and (max-width:500px){.actions{position:absolute;bottom:-4rem;padding:0 2rem}}.actions .button.disabled{cursor:not-allowed;background-color:#d6d9e6}.content .plans{display:flex;justify-content:space-around;grid-gap:1rem;gap:1rem}@media screen and (max-width:500px){.content .plans{flex-direction:column}}.content .plans .card.plan{flex:1 1;display:flex;flex-direction:column;border:2px solid #d6d9e6;transition:all .3s ease;cursor:pointer}.content .plans .card.plan.active{border-color:#473dff}.content .plans .card.plan img{width:40px}.content .plans .card.plan .price{margin-top:2rem;color:#02295a;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;letter-spacing:normal}.content .plans .card.plan .price h4{font-size:16px}.content .plans .card.plan .price span{color:#d6d9e6;font-size:14px}.content .plans .card.plan:hover{border-color:#473dff;background-color:#f0f6ff}@media screen and (max-width:500px){.content .plans .card.plan{flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem}.content .plans .card.plan .price{margin-top:0}}.content .price_action{background-color:#f0f6ff;padding:.5rem;width:100%;display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-top:1rem}.content .price_action svg{font-size:40px;cursor:pointer}.content .card.addon{display:flex;border:1px solid #473dff;grid-gap:1rem;gap:1rem;justify-content:space-between;align-items:center}.content .card.addon div{display:flex;grid-gap:1.5rem;gap:1.5rem;cursor:pointer}.content .card.addon div label{cursor:pointer}.content .card.addon div label p{font-weight:500;color:#02295a;margin-bottom:5px}.content .card.addon div label span{color:#9699ab;letter-spacing:normal}.content .card.addon.active,.content .card.addon:hover{background-color:#f0f6ff}.content .card.addon span.price{color:#473dff;font-weight:500}.card.summaryCard{background-color:#fafbff;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:2rem}.card.summaryCard .item_amount{display:flex;justify-content:space-between;align-items:center}.card.summaryCard .item_amount .item{color:#9699ab}.card.summaryCard .item_amount .item a{color:#9699ab;cursor:pointer}.card.summaryCard .item_amount .amount{color:#02295a;font-weight:400}.card.summaryCard .item_amount:first-of-type{border-bottom:1px solid #d6d9e6;padding-bottom:1rem}.card.summaryCard .item_amount:first-of-type h3{color:#02295a}.card.summaryCard .item_amount:first-of-type .amount{color:#02295a;font-weight:700}.total{margin-top:-1rem;display:flex;align-items:center;justify-content:space-between;color:#9699ab}.total h3{color:#473dff}.card.finished{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;grid-gap:1rem;gap:1rem;text-align:center;color:#9699ab}.card.finished img{width:100px}.card.finished h1{color:#02295a}.main_content{padding:2rem 4rem}@media screen and (max-width:500px){.main_content{padding:2rem}}
/*# sourceMappingURL=main.ec6b2e9b.chunk.css.map */