.card-container{border:1px solid transparent;border-radius:8px;transition:box-shadow .1s ease-in-out}#ddd{display:flex}.card-container.glowing{box-shadow:0 0 5px 5px rgba(0,0,255,.4)}.loan-type-link{display:none}.loan-type-link.visible{color:rgba(0,109,163,.6)!important;display:inline;text-decoration:underline}#loan-description{display:none;padding:5px 10px 5px 20px}#loan-description.visible{display:block;opacity:1}.vl{border-left:3px solid #a3af9e;height:515px}#hs8{flex-direction:column;justify-content:space-between;position:relative;width:100%}#hs8>div:first-child{align-items:center;display:flex;gap:5px;justify-content:flex-end;position:absolute;right:30px;top:0}#form-toggle{margin-left:auto}.button-container{margin-top:auto}.sub2{background-color:green!important;border:1px solid green!important;border-radius:10px;color:#fff!important;font-weight:900;text-align:left}.sub2:hover{border:1px solid green!important}#openModalBtn,.sub2:hover{background-color:#fff!important;color:green!important}#openModalBtn{border:1px solid green!important;border-radius:10px;padding:10px 18px;text-align:left}.c24{margin-bottom:0!important}#openModalBtn:hover{background-color:green!important;border:1px solid green!important;color:#fff!important}#hs8,#hs9{flex:1}.card-container{display:flex;flex-direction:column}#hs7{align-items:flex-start;display:flex;gap:20px;height:100%;width:100%}#hs7,#hs8,#hs9{box-sizing:border-box}#hs8,#hs9{flex:1 1 50%}#hs8,#hs9{background-color:#fff}.switch1{display:inline-block;height:34px;position:relative;width:60px}.switch1 input{height:0;opacity:0;width:0}.slider1{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider1,.slider1:before{position:absolute;transition:.4s}.slider1:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider1{background-color:#2196f3}input:checked+.slider1:before{transform:translateX(26px)}.button-container{display:inline-block;position:relative}.close{top:5px!important}#submitButton1{background-color:#fff!important;border:1px solid green;color:green;padding:12px 20px!important}#submitButton1:hover{background-color:green!important;border:1px solid #fff;color:#fff!important}#form-label{color:grey}.spinner{animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#2196f3;border-radius:50%;height:20px;left:120px;position:absolute;top:50%;transform:translateY(-30%);width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal{background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modalbutcon{display:flex;padding:20px 5px 5px 19px}#hs8{display:flex;gap:20px}.modalbutcon{text-align:center}#loan-description{color:#595a58;;font-size:14px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:10% auto;max-width:600px;padding:40px;position:relative}.close{color:#333;cursor:pointer;font-size:28px;position:absolute;right:15px;top:-5px}.close:hover{color:red}.hubspot-form label{color:#333;display:block;font-size:14px;margin-bottom:5px}.hubspot-form input,.hubspot-form select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.hubspot-form .row{display:flex;gap:15px}.hubspot-form .col{flex:1}.btn-primary1{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.btn-primary1:hover{background-color:#0056b3}.rates-update-box{background-color:#a3af9e;border:1px solid #3f4a3c;border-radius:5px;color:#fff;font-size:10px;font-weight:700;left:15px;padding:5px 10px;position:absolute;top:60px;width:65px;z-index:999}.rates-update-box:before{border:6px solid transparent;border-top-color:#3f4a3c;bottom:-6px;content:"";height:calc(100% + 12px);left:-6px;position:absolute;width:calc(100% + 12px)}#credit-score{font-size:14px!important}.form-row{background-color:#fff}input[type=checkbox],input[type=radio]{-webkit-appearance:checkbox!important}.form-row button{-webkit-appearance:checkbox;cursor:pointer}.percent-sign{color:grey;font-size:smaller;right:5px;top:50%}.form-row{position:relative}.percent-sign{position:absolute;right:10px;top:57%;transform:translateY(-50%)}#down-payment-percent{padding-left:20px}#aa1 [type=checkbox]{border:none}.form-row button:hover{color:orange}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' viewBox='0 0 5 5'%3E%3Cpath d='m1 1.5 1.5 2 1.5-2'/%3E%3C/svg%3E");background-position:right .5em top 50%;background-repeat:no-repeat;background-size:12px;padding:.5em 1.5em .5em .5em}#aa1 input[type=checkbox]{appearance:none;height:20px!important;margin:0 5px 0 0;padding-left:5px!important;width:20px!important}#input[type=checkbox]:before{background-color:#fff;border:1px solid #ccc;content:"";display:block;height:20px!important;width:20px!important}#aa1 [type=checkbox]{margin-left:5px!important;margin-top:10px!important}input[type=checkbox]:checked:after{display:none}.tooltip-trigger:hover+.tooltip-content{display:block}.label-container{display:flex;flex-direction:row;position:relative;z-index:50}.tooltip-trigger{cursor:pointer;font-size:.8em;line-height:.9;margin-left:5px}.tooltip-content{background-color:#fff;border:1px solid grey;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;left:50%;min-width:200px;padding:8px;position:absolute;top:120%;transform:translateX(-50%);width:auto;z-index:1}.tooltip-trigger.clicked+.tooltip-content{display:block}.horizontal-form{display:flex;flex-direction:column;flex-wrap:wrap}#rate-placeholder{color:#006da3}.form-row{display:flex;flex-direction:column;margin-right:20px}#hs7 .form-row{padding-bottom:10px}.form-row label{margin-bottom:5px}.form-row:first-child{flex:2%}.form-row:nth-child(2){flex:12%}.form-row:nth-child(3){flex:4%}.form-row:nth-child(4),.form-row:nth-child(5){flex:9%}.form-row:nth-child(6){flex:5%}.form-row:nth-child(7){flex:2%}.form-row input,.form-row select{margin-bottom:10px;width:100%}.form-group{width:100%}#down-payment-percent{width:50px}.percentage-sign{margin-left:5px}.result p{color:#3f4a3c;margin:2px}.result span{color:#000;font-size:20px;font-weight:700}.box2.card{background-color:#fff;display:flex;flex-direction:column;position:relative}#err{margin:0;min-height:5px;visibility:hidden}#err,#err.visible{padding:10px 10px 10px 20px}#err.visible{display:none;visibility:visible}#error-message,#error-message2{max-width:450px}.card-content{display:flex;flex-direction:column;justify-content:space-between}.card-container{border-radius:10px;max-width:450px}.card-header{background-color:#3f4a3c;border-radius:5px 5px 0 0;color:#fff;font-size:24px;margin-top:0;padding:10px;text-align:center;width:100%}.card-content{width:100%}.result-section{align-items:left;display:flex;flex-direction:column}.card-container{position:relative}.ribbon{color:#fff;font-size:28px;font-weight:700;--d:.7em;background-color:#006da3;border-bottom:var(--d) solid #0008;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));position:absolute;text-align:center;top:10px;inset-inline:calc(var(--d)*-1);line-height:1.8;z-index:2}.card{padding-top:60px}.result{display:flex;flex-direction:column;height:52px;margin-bottom:10px;padding:20px;width:100%}.result label{margin-top:5px}.loader{animation:l9-0 1.5s steps(2) infinite;margin-left:40px;width:15px}.loader:after,.loader:before{background:#000;border-radius:50%}.loader:before{animation:l9-1 .75s linear infinite alternate;box-shadow:26px 0;transform:translateX(-26px)}.loader:after{animation:l9-2 .75s linear infinite alternate;transform:translateX(13px) rotate(0deg) translateX(13px)}@keyframes l9-0{0%,49.9%{transform:scale(1)}50%,to{transform:scale(-1)}}@keyframes l9-1{to{box-shadow:52px 0}}@keyframes l9-2{to{transform:translateX(13px) rotate(-180deg) translateX(13px)}}@keyframes flow{0%{border-color:#556b2f}25%{border-color:navy}50%{border-color:#daa520}75%{border-color:navy}to{border-color:#556b2f}}.flow-color{animation:flow 3s infinite}.button-container{align-items:center;display:flex}.button-container button{margin-right:10px}#property-type{font-size:16px}#aa1 button{margin-top:5px}.mortgage-calculator{font-family:Arial,sans-serif;font-size:12px;margin:0 auto;padding:5px 10px 15px;width:auto}#aa1 input,#aa1 select{border:1px solid #576653;border-radius:5px!important;padding:.7rem .95rem!important}.dropdown{position:relative}.dropdown-icon{color:grey;font-size:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.loader{animation:l2 1.5s linear infinite;aspect-ratio:1;background:#000;border-radius:50%;box-shadow:0 0 0 0 #0004;margin-bottom:10px;position:relative;width:8px}.loader:after,.loader:before{animation:inherit;animation-delay:-.5s;border-radius:inherit;box-shadow:0 0 0 0 #0004;content:"";inset:0;position:absolute}.loader:after{animation-delay:-1s}@keyframes l2{to{box-shadow:0 0 0 20px #0000}}.maincontainer{align-content:center;background-color:#f9f9f9;border:2px solid grey;border-radius:4px;justify-content:center;width:auto}.clear-button{margin-left:auto}#clear-btn{background-color:#ccc;border:none;border-radius:5px;cursor:pointer;margin:10px 10px 0;padding:5px 10px}#clear-btn:hover{background-color:#ddd}#calculate{border:none;color:#fff;cursor:pointer;padding:8px 15px;width:100%}.sub2:hover{color:rgba(0,128,0,.5)}.sub2{-webkit-font-smoothing:antialiased;background:#fff;border:none!important;color:green;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:24px;font-size:16px;font-weight:400;font-weight:700;height:auto;line-height:1.5em;padding:10px 18px;text-align:center;text-decoration:none;text-shadow:none;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;width:auto}#calculator-form{padding:15px}#credit-score,#state{-webkit-appearance:none;background-color:#fffffe;border:1px solid #576653;border-radius:7px;box-sizing:border-box;color:#000;display:inline-block;font-size:1rem;font-weight:400;height:auto!important;line-height:1.2rem;padding:1rem 1.25rem;width:100%!important}input{background-color:#fff!important}.input-group{margin-bottom:15px;position:relative}.credit-score-container{margin-right:8px}input[type=text]{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}.double-input input{width:100%}#mortgage-payment-calculator{padding:20px}.input-with-addon{position:relative;width:100%}#email,#firstname,#lastname,#phone,#planning_buy,#propertytype{border:1px solid grey;margin:0;padding:16px 20px}#submitButton1{border-radius:10px;margin-top:15px!important}#aa1 .input-group{align-items:center;margin-bottom:0}.input-group .separate-input label{display:block;margin-bottom:5px}.input-container{position:relative}.percentage-sign{pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-group .separate-input .input-with-addon input[type=text]{box-sizing:border-box;width:100%}.input-group .separate-input .input-addon{color:#555;line-height:25px;pointer-events:none;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.result-item{margin-bottom:10px}label{display:block;font-weight:700;margin-bottom:5px}.maincontainer p{margin:0}.h32{padding:0 20px 20px;text-align:center}.result-item label{font-size:12px;text-decoration:underline}.bold-text{color:#333;font-weight:700}#monthly-payment-value{color:green;font-size:16px}#paymentPieChart{height:190px;width:190px}#down-payment-percent::selection,#down-payment::selection,#insurance::selection,#interest-rate::selection,#property-taxes::selection,#purchase-price::selection{background-color:rgba(0,136,204,.3);color:#000}.placeholder{height:20px;width:100px}#paymentPieChart svg text{font-size:14px}#loadingImage{height:175px;width:175px}@media only screen and (max-width:500px){.maincontainer{border-radius:5px;padding:15px 5px 5px;width:100%}.bot5{margin-bottom:0;padding-bottom:0}#err{min-height:0;padding:0 10px!important}#error-message,#error-message2{padding:0 5px 10px}#hs7 .form-row{padding-bottom:0}.card-container{border:2px solid #a3af9e;padding-top:20px}form label{font-size:13px}#hs7{flex-direction:column;gap:0}.vl{display:none}.ribbon{--d:.5em;background-color:#006da3;border-bottom:var(--d) solid #0008;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));position:absolute;text-align:center;top:10px;inset-inline:calc(var(--d)*-1);line-height:1.8;z-index:2}.form-row{flex:none;margin-bottom:10px;margin-right:0;width:100%}.horizontal-form{display:flex;flex-wrap:wrap}.horizontal-form .form-row{flex:1 1 auto}#aa1{border:1px solid grey;border-radius:4px;padding:20px}.card-content{display:flex;flex-direction:column;justify-content:space-between}.modalbutcon{padding:20px 5px 20px 19px}}@media only screen and (max-width:850px){.maincontainer{border-radius:5px;padding:15px 5px 5px;width:100%}.vl{display:none}#hs7{flex-direction:column;gap:0}}