*{box-sizing:border-box}
.savings-calculator{margin-top:100px}
.main-container-calculator{background-color:#eff2f9;height:auto;overflow:visible;display:flex;flex-direction:column;padding-bottom:50px;position:relative;justify-content:center;align-items:center}
.main-header{display:flex;flex-direction:column;width:100%;height:auto;.bg-image{position:absolute;overflow:hidden;flex-shrink:0;object-fit:cover;width:100%;img{display:block;width:100%;object-fit:cover}
}
.main-header-wrapper{position:relative;height:auto;background-color:rgba(255,255,255,0.4);padding:20px;word-break:break-word;z-index:2;margin:18px auto;max-width:1000px;span{color:#001e41;font-family:ArcherSemibold;font-size:clamp(30px,5vw,58px);line-height:34px}
}
}
.main-calculator{flex-grow:1;min-height:inherit;background:rgba(255,255,255,0.90);padding:20px;width:80%;margin:0 auto;z-index:1;max-width:1000px;h1{font-family:archerSemibold;font-size:clamp(24px,4vw,36px)}
}
.calculator-content{display:flex;flex-direction:column}
.savings-calculator-form{.form-content{display:flex;flex-wrap:wrap}
label{font-size:22px;font-family:ArcherSemibold;padding-right:10px;line-height:52px}
.form-group{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;.form-group-validation{display:flex}
.field-error{position:absolute;font-size:11px;color:red;margin:35px 0 0 0;padding:0 5px 0 5px}
input[type=text]:focus-visible.error,input[type=email]:focus-visible.error,input[type=number]:focus-visible.error{outline:#f00 auto 1px}
}
.form-group:first-child{flex:1 1 calc(100% - 10px)}
.bit{flex-wrap:wrap}
.form-group.third{flex:1 1 calc(100% - 10px)}
.form-group.bit-rate,.form-group:nth-child(11){flex:1 1 calc(100% - 10px)}
.icon-wrapper{position:relative}
.info-icon{cursor:pointer;margin-right:5px;flex-shrink:0;width:15px}
.info-bubble{position:absolute;font-size:15px;bottom:14px;left:100%;margin-left:3px;transform:translateY(50%);border:1px solid #A9A9A9;background-color:#FFFFFF;padding:12px 10px 10px 8px;width:343px;min-width:auto;z-index:1;p{color:#001e41;padding:5px;word-wrap:break-word}
}
.info-bubble.left-align{left:unset;right:125%}
.close-tooltip{position:absolute;left:93%;top:8%;cursor:pointer}
.close-tooltip::before,.close-tooltip::after{content:'';position:absolute;background-color:#001e41}
.close-tooltip::before{width:1px;height:16px;transform:rotate(45deg)}
.close-tooltip::after{width:1px;height:16px;transform:rotate(-45deg)}
.info-bubble.inverse{bottom:auto;top:14px}
.info-bubble.inverse:after{bottom:auto;top:-4px}
}
.info-bubble.long-rate{width:343px}
.info-bubble.short-rate{width:auto;max-width:none}
.hidden{display:none !important}
input[type=text],input[type=email],input[type=number],select{width:100%;padding:10px 10px 0 10px;margin-bottom:21px;margin-right:10px;border-bottom:1px dashed;font-family:ArcherSemibold}
select:focus-visible{border-bottom:1px dashed;outline:0}
select{white-space:nowrap;transition:width .3s;width:unset}
.min-width-input-x-small{width:54px !important}
.min-width-input-small-rate{width:72px !important}
.min-width-input-medium,.min-width-input-medium-display{width:124px !important}
.min-width-input-medium-name{width:200px !important}
.min-width-input-large{width:310px !important}
.close-btn{position:absolute;top:10px;right:10px;width:9px;height:9px;cursor:pointer}
.close-btn::before,.close-btn::after{content:"";position:absolute;top:50%;left:50%;width:17.63px;height:1px;background:#001e41;transform-origin:center}
.close-btn::before{transform:translate(-50%,-50%) rotate(45deg)}
.close-btn::after{transform:translate(-50%,-50%) rotate(-45deg)}
.close-btn:hover::before,.close-btn:hover::after{background:#bbb}
.button-container{display:flex;justify-content:center;margin:20px;flex:1 1 calc(100% - 10px);button{font-family:archerSemibold;font-size:20px;background-color:#007dbd;color:white;padding:10px 20px;border:0;cursor:pointer;height:60px;width:200px;text-transform:none}
}
.disclaimer-text{width:100%;font-family:sansSemiBold;font-style:italic;margin:20px 0;a{color:#007dbd}
}
.accordion-wrapper{width:100%;display:contents;justify-content:space-between}
.accordion-container{display:flex;justify-content:space-between}
.accordion{flex:1;margin:5px;border:0;button:hover{background-color:#afdcf6 !important}
}
.accordion-button{background-color:#fff;color:#007dbd;padding:10px;width:100%;text-align:left;border:0;outline:0;cursor:pointer;font-size:21px;line-height:21px;box-shadow:none !important}
.accordion-content{font-family:sansSemiBold;font-size:13px;padding:20px 25px;overflow:hidden;transition:max-height .2s ease-out;line-height:1.5;p,ul,ol{margin-bottom:15px}
ul li{list-style-type:disc}
ol li{list-style-type:auto}
li{margin-left:30px;margin-bottom:7px}
}
.hidden-accordion{max-height:0;padding:0 10px}
.plus-icon{width:14px;height:14px;position:relative;float:left;padding-right:10px;margin-right:5px}
.plus-icon.plus::before,.plus-icon.plus::after{content:'';position:absolute;background-color:#007dbd}
.plus-icon.plus::before{width:1.5px;height:14px;top:-27%;left:50%;transform:translate(-50%,50%)}
.plus-icon.plus::after{width:14px;height:1px;top:67%;left:50%;transform:translate(-50%,50%)}
.plus-icon.minus::before{content:'';position:absolute;background-color:#007dbd;width:14px;height:1.5px;top:67%;left:50%;transform:translate(-50%,50%)}
.plus-icon.minus::after{content:none}
.main-content.results{border:20px solid;border-color:#8dcef2;margin-top:100px;width:auto;position:relative;overflow:hidden}
.results-column{width:50%;padding:10px}
.results-column.chart{display:flex}
#investmentChart{flex:1}
.results-row{display:flex}
.results-header-wrapper{width:100%;top:0;left:0;font-family:ArcherSemibold;font-size:55px;margin:40px 0 40px 20px;.span{color:#001e41;align-self:center}
}
.result-form{background-color:#eff2f9;margin:0 10px 20px 0;display:flex;flex-direction:column;height:max-content;width:50%}
.header-result{display:flex;flex-direction:row;margin:20px}
.saved-interest-col{flex:50%;padding:10px;height:70px;font-weight:375;span{font-family:ArcherSemibold;font-size:28px}
}
.results-saved,.results-saved-goal,.results-interest{font-family:ArcherSemibold;font-size:48px !important}
.form-group-results{display:flex;flex-direction:column;margin:20px;.inflation{font-size:16px !important;font-family:sansBold !important;font-weight:600 !important}
label{font-size:22px;line-height:52px;font-family:'archerSemiBold';font-weight:375;margin-right:5px}
.icon-wrapper{position:relative}
.info-icon{cursor:pointer;margin-right:5px;flex-shrink:0;width:15px}
.icon-wrapper{display:flex;align-items:center;.info-bubble{position:absolute;font-size:15px;bottom:14px;left:100%;margin-left:3px;transform:translateY(50%);border:1px solid #A9A9A9;background-color:#FFFFFF;padding:12px 10px 10px 8px;width:343px;min-width:auto;z-index:1;p{color:#001e41;padding:5px;word-wrap:break-word}
}
.info-bubble.left-align{left:unset;right:125%}
.info-bubble-results{position:absolute;margin-left:5px;transform:translateY(50%);border:.5px solid #A9A9A9;background-color:#FFFFFF;box-shadow:0 4px 8px rgba(0,0,0,0.1);width:270px;padding:10px 20px 10px 10px;p{font-size:15px;font-family:sansSemiBold;line-height:25px;color:#001e41;padding:20px;word-wrap:break-word}
span p{font-family:sansBold}
}
.info-bubble-results::after{content:"";position:absolute;top:28px;left:-20px;border-width:20px 20px 20px 0;border-style:solid;border-color:transparent #fff transparent transparent}
.info-bubble-results::before{content:"";position:absolute;top:28px;left:-21px;border-width:20px 20px 20px 0;border-style:solid;border-color:transparent #a9a9a9 transparent transparent}
.close-btn{position:absolute;top:10px;right:10px;width:9px;height:9px;cursor:pointer}
.close-btn::before,.close-btn::after{content:"";position:absolute;top:50%;left:50%;width:17.63px;height:1px;background:#001e41;transform-origin:center}
.close-btn::before{transform:translate(-50%,-50%) rotate(45deg)}
.close-btn::after{transform:translate(-50%,-50%) rotate(-45deg)}
.close-btn:hover::before,.close-btn:hover::after{background:#bbb}
}
.form-group{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;.form-group-validation{display:flex}
.field-error{position:absolute;font-size:11px;color:red;margin:35px 0 0 0;padding:0 5px 0 5px}
input[type=text]:focus-visible.error,input[type=email]:focus-visible.error,input[type=number]:focus-visible.error{outline:#f00 auto 1px}
}
}
.tryItOutBit{flex-direction:row;margin-left:3px;.info-bubble-results{top:-111px;p{padding:0 !important}
}
}
.tryItOutGoal{flex-direction:row;margin-left:3px;.info-bubble-results{top:-99px;p{padding:0 !important}
}
}
.saved-interest-col-goal{font-size:22px;line-height:52px;font-family:'archerSemiBold';font-weight:375;margin-right:5px}
.hr-results-header{background-color:#CCC;height:.5px;border:0;margin:0 20px;width:95%}
.button-email{display:grid;justify-content:flex-start;align-items:center;.email-submit{font-family:sansBold;font-size:16px;padding:10px 20px;border-radius:8px;border:1.5px solid #007dbd;cursor:pointer;height:50px;width:201px;text-transform:none;justify-self:end}
}
.switch{position:relative;display:inline-block;width:45px;height:20px;margin-right:7px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:17px;width:17px;left:1px;bottom:1.5px;background-color:white;-webkit-transition:.4s;transition:.4s}
input:checked + .slider{background-color:#2196f3}
input:focus + .slider{box-shadow:0 0 1px #2196f3}
input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
input:-internal-autofill-selected{background-color:none}
.loader-overlay{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6}
.loading-spinner{display:none;margin:0 auto;font-size:0;width:15px;height:15px;border-radius:15px;padding:0;border:3px solid #fff;border-bottom:3px solid rgba(255,255,255,0);border-left:3px solid rgba(255,255,255,0);background-color:transparent !important;-webkit-animation-name:rotateAnimation;animation-name:rotateAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.loading-spinner.blue{display:none;margin:0 auto;font-size:0;width:15px;height:15px;border-radius:15px;padding:0;border:3px solid #007dbd;border-bottom:3px solid rgba(255,255,255,0);border-left:3px solid rgba(255,255,255,0);background-color:transparent !important;-webkit-animation-name:rotateAnimation;animation-name:rotateAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@keyframes rotateAnimation{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media(max-width:4000px) and (min-width:2560px){.bg-image{height:100vh !important}
.result-form{padding-left:40px}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:2559px) and (min-width:1881px){.bg-image{height:100vh !important}
.result-form{padding-left:40px}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:1800px) and (min-width:1439px){.bg-image{height:50vh !important}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:1440px) and (min-width:1344px){.bg-image{height:150vh !important}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:1264px) and (min-width:1161px){.form-group-results{.info-bubble-results{width:230px !important}
}
.tryItOutBit{.info-bubble-results{top:-123px}
}
.tryItOutGoal{.info-bubble-results{top:-112px}
}
}
@media(max-width:1160px) and (min-width:1060px){.form-group-results{.info-bubble-results{width:170px !important}
}
.tryItOutBit{.info-bubble-results{top:-135px}
}
.tryItOutGoal{.info-bubble-results{top:-126px}
}
}
@media(max-width:1060px) and (min-width:1025px){.form-group-results{.info-bubble-results{width:160px !important}
}
.tryItOutBit{.info-bubble-results{top:-136px}
}
.tryItOutGoal{.info-bubble-results{top:-124px}
}
}
@media(max-width:1024px) and (min-width:825px){.savings-calculator-form{label{font-size:calc(22px - 0.20% * 22)}
}
.info-bubble-results{width:117px !important}
.info-bubble-results::after{top:55px !important}
.info-bubble-results::before{top:55px !important}
.hr-results-header{margin:10px 20px 0 20px}
.button-email{margin-left:0}
.tryItOutBit{position:absolute;.info-bubble-results{top:-188px !important}
}
.tryItOutGoal{.info-bubble-results{top:-152px;width:169px !important}
}
.form-group-results{& .icon-wrapper{.info-bubble{width:280px;z-index:1;transform:translateX(-55%) !important}
}
}
}
@media(max-width:820px) and (min-width:769px){.savings-calculator-form{label{font-size:calc(22px - 0.20% * 22)}
}
.accordion-container{flex-wrap:wrap}
.accordion-button{font-size:21px}
.main-content.results{border:0;padding:20px}
.results-header-wrapper{width:50%;margin:0 20px 20px;line-height:72px}
.hr-results-header{margin:20px 20px 0 20px}
.results-row{flex-direction:column !important}
.result-form{margin:0;width:100% !important}
.results-column{width:100% !important}
.header-result{margin-bottom:30px}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:768px) and (min-width:441px){.savings-calculator-form{label{font-size:calc(22px - 0.40% * 22)}
}
.accordion-container{flex-wrap:wrap}
.accordion-button{font-size:21px}
.main-content.results{border:0;padding:20px}
.results-header-wrapper{width:50%;margin:0 20px 20px;line-height:72px}
.results-row{flex-direction:column}
.result-form{margin:0;width:100%}
.results-column{width:100%}
.header-result{margin-bottom:30px}
.tryItOutBit{.info-bubble-results{top:-110px !important}
}
.tryItOutGoal{.info-bubble-results{top:-99px}
}
}
@media(max-width:440px){.bg-image{height:120vh}
.savings-calculator-form{.form-group{flex-wrap:wrap}
label{font-size:17px;line-height:49px}
}
input[type=text],input[type=email],input[type=number],input{margin-bottom:17px;font-size:18px;border-radius:0;text-align:center}
#savingForInputDisplay{padding:10px 5px 0;width:44px !important}
select{font-size:18px;margin-bottom:18px;background-color:rgba(255,255,255,0.1);border-radius:0}
#dropdownHeaderGoalDuration{padding:10px 5px 0 5px;margin-right:5px}
input::placeholder{font-size:18px}
.min-width-input-x-small{width:50px !important}
.min-width-input-small-rate{width:67 px !important}
.min-width-input-medium-name{width:150px !important}
.min-width-input-medium{width:104px !important}
.min-width-input-medium-display{width:110px !important}
.min-width-input-large{width:220px !important}
.accordion-container{flex-wrap:wrap;.accordion-button{font-size:18px}
}
.accordion{width:100%;flex:none}
.main-content.results{border:0;padding:20px}
.results-header-wrapper{width:50%;margin:20px;line-height:50px;font-size:48px}
.hr-results-header{margin:10px 20px 0;width:90%}
.form-group-results{padding:10px 20px;margin:0;label{font-size:18px;line-height:normal}
.form-group.inflation-group{margin-top:25px !important}
.inflation{font-size:14px !important}
.icon-wrapper{.info-bubble-results::after,.info-bubble-results::before{display:none}
}
}
.header-result{margin:10px auto}
.header-result.goal{margin:20px 20px 12px}
.results-row{flex-direction:column}
.result-form{margin:0;width:100%}
.results-column{width:100%;padding:0}
.results-saved,.results-interest{font-size:24px !important;span{font-size:20px}
}
.results-saved,.results-saved-goal,.results-interest{font-size:28px !important}
.saved-interest-col{padding:15px;flex:unset;span{font-size:18px}
}
.tryItOutBit,.tryItOutGoal{display:none}
.button-email{margin-left:0;margin:20px 0 10px 0;.email-submit{font-size:16px}
}
.button-start-over{margin-bottom:20px}
.button-container *{text-align:center !important}
.additional-email-fields{flex-direction:column;input{width:95% !important}
.button-email{justify-content:start !important}
}
.info-bubble,.info-bubble-results{display:none}
.show{display:flex !important}
.info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:1000}
.info-modal-content{background:white !important;padding:22px 20px 20px 20px !important;border-radius:8px !important;text-align:center !important;width:83% !important;font-size:15px !important;font-style:sansSemiBold !important}
.modal-close-btn{margin-top:-16px;margin-right:-3px;font-size:24px;cursor:pointer;float:right}
.close-btn{display:none}
.no-scroll{overflow:hidden !important;position:relative !important}
.results-disclaimer-container{padding:0 !important}
.email-button-container{flex-direction:column !important;gap:5px !important}
#investmentChart{height:300px}
}
.additional-fields{margin-top:7px}
.additional-email-fields{display:flex;input{width:120%}
.form-group-validation{position:relative}
.field-error{position:absolute;font-size:11px;color:red;margin:0;padding:0 5px 0 5px;top:40px}
.button-email{display:grid;justify-content:end;align-items:center;margin-left:0}
}
button#email-btn-new{margin:0 0 15px}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ajax-error-message{display:none;font-size:11px;color:red;margin:10px 0 0 0;padding:0 5px 0 5px}
.ajax-error-message.results{margin-top:-13px}
.results-disclaimer-container{padding:0 50px 20px}
.grecaptcha-badge{visibility:hidden;display:none !important}
.custom-rate-bit,.custom-rate-goal{display:inline-flex !important}
.custom-rate-bit.hidden,.custom-rate-goal.hidden{display:none !important}
.element{position:relative;width:fit-content}
.popup{position:absolute;background-color:#afdcf6;padding:1rem;border-radius:.5rem;max-width:280px;width:max-content;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);z-index:1;transition:opacity .3s,visibility .3s;top:calc(100% - 5px);left:50%;transform:translateX(-50%)}
.popup.hidden{opacity:0;display:none}
.popup-arrow{position:absolute;width:0;height:0;border-style:solid;top:-10px;left:50%;transform:translateX(-50%);border-width:0 10px 10px 10px;border-color:transparent transparent #afdcf6 transparent}
.popup-content{margin-top:.5rem}
.popup-close{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:bold;line-height:1;transition:color .2s}
.email-button-container{display:flex;flex-direction:row;gap:17px;margin-top 7px;width:66%}
button.start-over{width:201px;height:50px;border-radius:8px;text-transform:unset}
.start-over-text{font-size:16px;font-weight:bold}