@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);#root,body,html{height:100%;margin:0;padding:0;width:100%}*{box-sizing:border-box;font-family:Ubuntu,sans-serif}.App{background-color:#f0f5ff;height:100vh;width:100%}.App,.MainLayout{align-items:center;display:flex;flex-direction:row;justify-content:center}.MainLayout{background-color:#fff;border-radius:10px;gap:0;height:80%;padding:20px 0;width:60%}@media screen and (min-width:320px) and (max-width:480px){.MainLayout{flex-direction:column;height:100%;padding:0;width:100%}}.NavigationBar{align-items:center;background-image:url(/static/media/bg-sidebar-desktop.6918153f38678372ceb1.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;margin:0;padding:0;width:40%}.renderList{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:50px;width:100%}.listContainer{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding-top:40px;width:80%}.button{background-color:initial;border:2px solid #fff;border-radius:50%;color:#fff;grid-row:span 2/span 2;height:40px;margin:0;padding:0;width:40px}.button:hover{background-color:#adbeff;border:#adbeff;color:#000}.step{color:#adbeff;font-weight:400}.paragraph,.step{font-size:16px;grid-column:span 3/span 3;margin:0;padding:0}.paragraph{color:#fff;font-weight:700;grid-column-start:2;grid-row-start:2}@media screen and (min-width:320px) and (max-width:480px){.NavigationBar{postion:relative;background-image:url(/static/media/bg-sidebar-mobile.ad41661b40ca0b967f3a.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:30vh;margin:0;padding:0;width:100%}.listContainer{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;left:50%;position:absolute;top:30px;transform:translate(-50%,-50%)}.paragraph,.step{display:none}.renderList{display:block;width:40px}}.ContentBar{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex:2 1;flex-direction:column;gap:10px;height:100%;margin:0;padding:0;position:relative;width:60%}@media screen and (min-width:320px) and (max-width:480px){.ContentBar{border-radius:10px;height:60%;transform:translateY(-90px);width:90%}}.Header{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-top:30px;width:70%}.Header h1{color:#02295a;font-family:ubuntu;font-size:24px;font-weight:700;margin:10px 0;padding:0}.Header p{color:#9699ab;font-size:14px;font-weight:500;margin:0;padding:0}@media (min-width:320px) and (max-width:480px){.Header{width:80%}.Header h1{font-size:20px}.Header p{font-size:13px}}@media (min-width:481px) and (max-width:1024px){.Header{margin-top:25px;width:75%}.Header h1{font-size:22px}.Header p{font-size:14px}}@media (min-width:1025px){.Header{width:70%}}.InputBar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:70px;margin-top:10px;width:100%}.label{color:#02295a;font-family:ubuntu}.error,.label{font-size:16px;margin:0;padding:0}.error{color:#ed3548;grid-column:span 2/span 2;text-align:right}.Input,.error{font-weight:500}.Input{border:1px solid #9699ab;border-radius:5px;box-sizing:border-box;color:#02295a;font-family:ubuntu;grid-column:span 3;grid-row-start:2;height:40px;outline:none;padding:5px 10px}.Input:focus{border:2px solid #02295a}@media (min-width:320px) and (max-width:480px){.InputBar{width:80%}}.Container{height:60%;width:70%}@media screen and (min-width:320px) and (max-width:480px){.Container{align-items:center;display:flex;flex-direction:column;height:80%;width:100%}}.footer{align-items:center;display:flex;height:60px;justify-content:space-between;margin-top:50px;width:100%}.prevBtn{background-color:#fff;border:1px solid #9699ab;border-radius:5px;color:#02295a;font-family:ubuntu;font-weight:500}.nextBtn,.prevBtn{cursor:pointer;padding:10px 20px}.nextBtn{background-color:#02295a;border:none;border-radius:5px;color:#fff}@media (min-width:320px) and (max-width:480px){.footer{margin:0}.nextBtn,.prevBtn{font-size:12px;font-weight:400;padding:5px 10px;width:20vw}}.PlanComponent{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(3,1fr);height:100%;width:100%}.Card1,.Card2,.Card3{border:1px solid #adbeff;border-radius:10px;display:flex;flex-direction:column;gap:40px;height:180px;justify-content:space-around;margin-top:10px;padding:10px}.Card1 img,.Card2 img,.Card3 img{height:35px;margin-left:5px;object-fit:contain;width:35px}.cardActive{border:2px solid #02295a}.Textplan{display:flex;flex-direction:column;gap:2px;margin-left:5px}.planName{color:#02295a;font-size:20px;font-weight:700}.planName,.planType{font-family:ubuntu;margin:0}.planType{color:#9699ab;font-size:16px;font-weight:500}.duration{color:#02295a;font-family:ubuntu;font-size:12px;font-weight:400;margin:0}.Card4{gap:20px}.switchtoMonth,.switchtoYear{font-weight:500}.Card4{align-items:center;background-color:#fafbff;border-radius:10px;display:flex;gap:12px;grid-column:span 3;justify-content:center;margin-top:10px;padding:12px 20px}.switchtoMonth,.switchtoYear{color:#02295a;font-family:ubuntu;font-size:14px;font-weight:600;margin:0}.form-check{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.form-check-input{cursor:pointer;margin:0 0 0 2px!important;padding-left:0}.form-check-input:focus{box-shadow:none}.form-check-input:checked{background-color:#02295a;border-color:#02295a}@media screen and (min-width:320px) and (max-width:480px){.PlanComponent{flex-direction:column;width:100%}.Card1,.Card2,.Card3,.PlanComponent{align-items:center;display:flex;gap:10px}.Card1,.Card2,.Card3{flex-direction:row;height:auto;justify-content:flex-start;padding:5px;width:80%}.Textplan{gap:1px}.planName{font-size:16px}.planType{font-size:13px}.duration{font-size:11px}}.addons{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.parentCard{grid-gap:12px;align-items:center;border:1px solid #adbeff;border-radius:10px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px;width:100%}.addons__checkbox{cursor:pointer;height:18px;width:18px}.addons__title{color:#02295a;font-size:16px;font-weight:600;margin:0}.addons__desc{color:#9699ab;font-size:13px;margin:4px 0 0}.addons__price{color:#02295a;font-weight:600;white-space:nowrap}@media (min-width:320px) and (max-width:480px){.parentCard{width:80%}.addons{align-items:center}}.summary{height:100%;width:100%}.summaryCard{background-color:#f0f5ff;border-radius:5px;box-sizing:initial;display:flex;flex-direction:column;gap:8px;height:70%;margin-top:10px;max-width:400px;padding:10px;width:100%}.summaryCard__plan{align-items:center;display:flex;justify-content:space-between}.summaryCard__planName{color:#02295a;font-size:16px;font-weight:600}.summaryCard__changeBtn{background:none;border:none;color:#9699ab;cursor:pointer;text-decoration:underline}.summaryCard__planPrice{color:#02295a;font-weight:600}.summaryCard__divider{border:none;border-top:1px solid #d6d9e6}.summaryCard__addon{color:#9699ab;font-size:14px}.summaryCard__addon,.summaryCard__total{display:flex;justify-content:space-between}.summaryCard__total{color:#02295a;font-weight:700;margin-top:20px}@media (min-width:320px) and (max-width:480px){.summary{width:80%}}.ThankYou{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:100px;padding:30px;text-align:center;width:100%}.ThankYou img{height:70px;margin-bottom:20px;width:70px}.ThankYou h1{color:#02295a;font-size:28px;font-weight:700;margin-bottom:10px}.ThankYou p{color:#9699ab;font-size:14px;line-height:1.6;max-width:400px}.mobile-footer{align-items:center;display:flex;height:60px;justify-content:space-between;margin-top:50px;padding:0 12px;width:100%}.mobile-footer__next-btn,.mobile-footer__prev-btn{border-radius:5px;cursor:pointer;font-size:14px;padding:10px 18px}.mobile-footer__prev-btn{background-color:#fff;border:1px solid #9699ab;color:#02295a;font-family:ubuntu;font-weight:500}.mobile-footer__next-btn{background-color:#02295a;border:none;color:#fff}@media (max-width:420px){.mobile-footer{margin:0;padding:0 8px}.mobile-footer__next-btn,.mobile-footer__prev-btn{font-size:12px;padding:8px 14px}}@media (min-width:768px){.mobile-footer{padding:0 20px}.mobile-footer__next-btn,.mobile-footer__prev-btn{font-size:15px;padding:12px 24px}}
/*# sourceMappingURL=main.47b9906f.css.map*/