*{box-sizing:border-box;font-family:Plus Jakarta Sans,serif!important;margin:0;padding:0}body,html{height:100%;width:100%}a{text-decoration:none}li,ol{list-style-type:none}button{background-color:initial;border:none}textarea{field-sizing:content;resize:none}input{outline:none}body{align-items:center;background-color:#e3f3fd;display:flex;justify-content:center}.container{background-color:#fff;border-radius:24px;box-shadow:0 10px 30px 0 rgba(0,0,0,.102);display:flex;max-width:1008px}.container .left,.container .right{flex-basis:50%;max-width:50%}.container .left{background-color:initial;padding:40px}.container .left .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:44px}.container .left .header h1{color:#122f3f;font-size:24px;font-weight:700}.container .left .header .reset-btn{-webkit-text-decoration-skip:ink;color:#4e6e7e;cursor:pointer;font-size:16px;font-weight:500;text-decoration-line:underline;text-decoration-skip-ink:auto;text-decoration-style:solid;text-decoration-thickness:7.5%;text-underline-offset:auto;text-underline-position:from-font}.container .left .form-groups .form-group,.container .left .form-groups .form-group>div{position:relative}.container .left .form-groups .form-group>div>label{color:#4e6e7e;display:inline-block;font-size:16px;font-weight:500;margin-bottom:12px;width:100%}.container .left .form-groups .form-group input:not([type=radio]){background-color:#fff;border:1px solid #4e6e7e;border-radius:6px;color:#122f3f;font-size:18px;font-weight:700;height:50px;transition:border-color .3s ease;width:100%}.container .left .form-groups .form-group input:not([type=radio]):hover{border-color:#122f3f}.container .left .form-groups .form-group input:not([type=radio]):focus{border-color:#d7da2f}.container .left .form-groups .form-group input:not([type=radio]):focus+.input-add-on{background-color:#d7da2f;color:#122f3f}.container .left .form-groups .form-group .input-add-on{align-items:center;background-color:#e3f3fd;bottom:.5px;color:#4e6e7e;display:flex;font-size:18px;font-weight:700;height:48.5px;justify-content:center;position:absolute;transition:background-color .3s ease,color .3s ease}.container .left .form-groups .form-group#amount input{padding:0 16px 0 60px}.container .left .form-groups .form-group#amount .input-add-on{border-radius:6px 0 0 6px;left:1px;width:44px}.container .left .form-groups .form-group#term input{padding:0 96px 0 16px}.container .left .form-groups .form-group#term .input-add-on{border-radius:0 6px 6px 0;right:1px;width:80px}.container .left .form-groups .form-group#interest-rate input{padding:0 67px 0 16px}.container .left .form-groups .form-group#interest-rate .input-add-on{border-radius:0 6px 6px 0;right:.5px;width:51px}.container .left .form-groups .form-group.options{margin-bottom:40px}.container .left .form-groups .form-group.options .option{display:flex;height:50px;width:100%}.container .left .form-groups .form-group.options .option input{height:0;opacity:0;width:0}.container .left .form-groups .form-group.options .option input:checked+label{background-color:#d7da2f40;border-color:#d7da2f}.container .left .form-groups .form-group.options .option input:checked+label .circle{border-color:#d7da2f}.container .left .form-groups .form-group.options .option input:checked+label .circle:after{opacity:1}.container .left .form-groups .form-group.options .option label:not(:first-child){align-items:center;background-color:#fff;border:1px solid #4e6e7e;border-radius:6px;cursor:pointer;display:flex;height:100%;padding:0 18px;transition:border-color .3s ease;width:100%}.container .left .form-groups .form-group.options .option label:not(:first-child) .circle{align-items:center;border:1px solid #4e6e7e;border-radius:100%;display:flex;height:20px;justify-content:center;margin-right:18px;width:20px}.container .left .form-groups .form-group.options .option label:not(:first-child) .circle:after{background-color:#d7da2f;border-radius:100%;content:"";display:inline-block;height:10px;opacity:0;width:10px}.container .left .form-groups .form-group.options .option label:not(:first-child) .option-name{color:#122f3f;font-size:18px;font-weight:700}.container .left .form-groups .form-group.options .option label:not(:first-child):hover{border-color:#d7da2f}.container .left .form-groups .form-group.options .option:first-of-type{margin-bottom:10px}.container .left .form-groups .form-group .error-msg{color:#d73328;display:inline-block;font-size:14px;font-weight:500;margin-top:12px}.container .left .form-groups .form-group.error input{border-color:#d73328!important}.container .left .form-groups .form-group.error .input-add-on{background-color:#d73328!important;color:#fff!important}.container .left .form-groups .row{display:flex;margin:26px 0 24px}.container .left .form-groups .row .half{display:inline-block;flex-basis:50%}.container .left .form-groups .row .half:first-child{margin-right:22px}.container .left .cta-btn{align-items:center;background-color:#d7da2f;border-radius:31px;cursor:pointer;display:flex;height:56px;justify-content:center;transition:background-color .3s ease;width:316px}.container .left .cta-btn span{color:#122f3f;font-size:18px;font-weight:700;margin-left:12px}.container .left .cta-btn:hover{background-color:#eaee94}.container .right{align-items:center;background-color:#122f3f;border-radius:0 24px 24px 80px;display:flex;flex-direction:column;justify-content:center;padding:40px}.container .right .result-pic{margin-bottom:16px}.container .right .result-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}.container .right .result-desc{color:#9abed5;font-size:16px;font-weight:500;line-height:24px;text-align:center}.container .right.completed{align-items:flex-start;justify-content:flex-start}.container .right.completed .result-desc{text-align:left}.container .right.completed .result-card{background-color:#0e2431;border-radius:8px;border-top:4px solid #d7da2f;margin-top:40px;padding:32px;width:100%}.container .right.completed .result-card .card-title{color:#9abed5;font-size:16px;font-weight:500;margin-bottom:8px}.container .right.completed .result-card .card-monthly-price{border-bottom:1px solid #4e6e7e;color:#d7da2f;font-size:56px;font-weight:700;margin-bottom:32px;padding-bottom:32px}.container .right.completed .result-card .card-total-price{color:#fff;font-size:24px;font-weight:500}@media (max-width:1008px){body{display:block}.container{background-color:#e3f3fd;flex-direction:column;margin:64px auto;max-width:700px;overflow:hidden}.container .left,.container .right{flex-basis:100%;max-width:100%}.container .right{border-radius:0 0 24px 24px;margin-bottom:64px;padding:80px 40px}.container .left{background-color:#fff;border-radius:0}}@media (max-width:530px){.container{border-radius:0;margin:0 auto}.container .left{padding:32px 24px}.container .left .header{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-bottom:28px}.container .left .header h1{margin-bottom:10px}.container .left .form-groups .options{margin-bottom:24px}.container .left .form-groups .row{flex-direction:column;margin-bottom:26px}.container .left .form-groups .row .half{flex-basis:100%}.container .left .form-groups .row .half:first-child{margin:0 0 26px}.container .left .cta-btn{width:100%}.container .right{border-radius:0;margin-bottom:0;padding:32px}.container .right.completed{padding:32px 24px}.container .right.completed .result-card{margin-top:24px;padding:22px 16px 24px}.container .right.completed .card-title{margin-bottom:12px}.container .right.completed .card-montly-price{font-size:40px;margin-bottom:16px;padding-bottom:16px}}
/*# sourceMappingURL=main.bbae1dc3.css.map*/