.cost-calculator-container{position:relative}
.cost-calculator-container:before{content:"";position:absolute;top:0;left:0;width:60%;height:100%;clip-path:polygon(0 0,100% 0,70% 100%,0 100%);background:linear-gradient(45deg,#89163e,#4b0532)}
@media(max-width:1024px){.cost-calculator-container:before{width:100%;height:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
}
.cost-calculator-container:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;clip-path:polygon(0 0,100% 0,70% 100%,0 100%);background-size:auto;background-position:top;opacity:.05}
@media(max-width:1024px){.cost-calculator-container:after{width:100%;height:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
}
.cost-calculator-container .calculator-inner-container{position:relative;z-index:1}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container{display:flex;max-width:1250px;margin:0 auto;width:80%;padding:4% 0;column-gap:32px}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container{flex-direction:column;width:90%}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .section-columns{min-width:0;overflow-wrap:break-word;word-break:break-word}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .section-columns{flex-basis:100%}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .left-section{flex-basis:33.33%;align-self:flex-start;margin-top:100px}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .left-section{flex-basis:100%;margin-top:40px}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .left-section p{line-height:28px;font-weight:300}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .left-section p h1{font-weight:300}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .left-section *{color:#fff}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section{flex-basis:66.66%;align-self:flex-start}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section{flex-basis:100%;width:100%}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator,.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .chart-results{padding:30px;border-radius:30px;box-shadow:15px 15px 12px rgba(0,0,0,0.05);background-color:#fff}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator{margin:0 auto 2em;position:relative}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container{margin-bottom:1em}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container h2{font-family:"FFDINWeb",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;margin:0;display:inline;font-size:24px;font-weight:300;letter-spacing:-0.05em}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container .yield-heading{display:none}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container .info-icon{display:none;font-size:14px;place-content:center;width:20px;height:20px;border-radius:50%;border:solid 1px;line-height:1;color:#1e1e1e;cursor:pointer;vertical-align:text-top}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container .info-icon.show-icon{display:inline-grid}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container .info-icon:hover+div.tool-tip{display:block;z-index:9999}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .text-container .tool-tip{position:absolute;display:none;background-color:#fff;padding:2em;text-align:center;box-shadow:15px 15px 12px rgba(0,0,0,0.05);width:80%;max-width:300px;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;line-height:1.5}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button{align-self:end;justify-self:end;grid-column:1/-1}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button.disabled{opacity:.5}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button.disabled span{cursor:not-allowed}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button span{position:relative}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button .mfs-btn{display:inline-block;padding-right:3rem;cursor:pointer;line-height:18px}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button .mfs-btn{line-height:16px}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button .mfs-btn:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:1em;width:16px;height:16px;background-image:url("top/svg/btn-arrow.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button .mfs-btn.back-btn{padding-right:1.5rem;padding-left:3rem;margin-top:9px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .calculator .nav-button .mfs-btn.back-btn:after{right:auto;left:1em;transform:rotate(180deg) translateY(50%) !important}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages{display:flex;gap:1em;overflow:hidden;transition:500ms;max-height:var(--maxHeight,1000px)}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form{width:100%;flex:0 0 100%;transition:1s;transform:translateX(0);padding:0 1em;padding-left:0;padding-right:1.3em}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:1em}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs{grid-template-columns:1fr}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs input,.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs select,.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs textarea{border-radius:none}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs :is(.cash-input,.return-input,.time-frame-input,.inflation-input){display:flex;flex-direction:column}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs label{font-weight:300;font-size:16px;line-height:25px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs select{background:url("top/svg/dropdown-default-grey.svg") no-repeat 95% 13px;background-size:14px;background-position:88%;background-color:#e1e6f0}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs select{background-position:96%}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs select:disabled{cursor:not-allowed}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs .cash-input{grid-column:span 2;position:relative}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs .cash-input{grid-column:1/-1}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs .cash-input:before{content:"$";position:absolute;bottom:8px;left:15px;color:#89163e;font-size:16px;line-height:16px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs .cash-input input{flex:1;padding-left:1.7em;padding-top:11px;padding-bottom:7px;border-radius:0;border:0;background-color:#e1e6f0;outline:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages form .form-inputs .cash-input input#cash{display:none}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .right-section .form-pages.active>form{transform:translateX(-100%)}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider{display:flex;flex-direction:column;justify-content:space-between}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider p{margin:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider p.subheading{display:flex;flex-wrap:wrap;gap:.5em;align-items:center}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container{position:relative;transition:800ms;padding-top:54px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container .range-slider{text-align:center}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container input#yield{cursor:grab;width:98%}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container input#yield:active{cursor:grabbing}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container input#yield{background:#e1e6f0;appearance:none;-webkit-appearance:none;border-radius:12px;height:8px;padding:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container input#yield::-webkit-slider-thumb{-webkit-appearance:none;background:#bd173d;border-radius:8px;border:0;width:16px;height:16px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container #selected-value{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:24px;line-height:1;color:#404652;font-weight:500;padding:.5em;box-shadow:15px 15px 12px rgba(0,0,0,0.05);border-radius:5px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider .range-slider-container #selected-value span{font-size:16px;color:#8c94a3;font-weight:200;margin-left:2px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values{display:flex;justify-content:space-between;margin:8px -0.4em 0 -0.4em;padding:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values :is(option,li){width:44px;text-align:center;position:relative}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values :is(option,li):before{content:"";width:1px;height:9px;background-color:#f0efef;position:absolute;top:-0.9em;left:50%;transform:translateX(-50%);z-index:-1}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values li{list-style:none;width:50px;font-size:17px}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values li{font-size:12px}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .yield-slider #range-values li:before{top:-0.6em}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results{margin:0 auto}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results ul.year-selection{display:grid;display:none;grid-auto-flow:column;list-style:none;padding:0;border:solid 1px #d8d8d8;border-radius:8px;width:fit-content;margin-left:auto;overflow:hidden}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results ul.year-selection li input{position:absolute;transform:scale(0);z-index:-1;opacity:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results ul.year-selection li label{font-size:14px;line-height:1;padding:.5rem 1rem;cursor:pointer;font-weight:300;color:#505050}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .bond-tooltip{font-size:11px;display:inline-grid;place-content:center;width:16px;height:16px;border-radius:50%;border:solid 1px;line-height:1;color:#1e1e1e;cursor:pointer;vertical-align:text-bottom;padding-top:2px;border-width:1px;margin-left:5px;z-index:99}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .bond-tooltip:hover div{display:block}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .bond-tooltip div{display:none;font-size:14px;line-height:1.5;position:absolute;width:250px;text-align:center;top:calc(100% + 1em);left:50%;transform:translateX(-50%);background-color:#fff;box-shadow:15px 15px 12px rgba(0,0,0,0.05);color:#1e1e1e;padding:8px 4px;border-radius:10px}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container{position:relative}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container{position:absolute;top:5%;right:5%;background-color:#fff}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container{position:relative;right:0}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container p{display:flex;margin:0;line-height:1}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container ul{list-style:none;padding:18px;margin:0;display:grid;gap:10px}
@media(max-width:1024px){.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container ul{display:flex;gap:10px;flex-wrap:wrap}
}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container ul li{padding-left:24px;position:relative}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .legend-container ul li span{width:14px;height:14px;background-color:red;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes{display:flex;gap:18px;flex-wrap:wrap}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes div{background-color:#fff;padding:18px;border-radius:10px;border:solid 2px #ced4e0;display:inline-block;flex:1 1 max-content}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes div p{margin:0}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes div p:first-child{font-size:14px;margin-bottom:1rem}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes div p.result-el{display:flex;align-items:center;justify-content:space-between}
.cost-calculator-container .calculator-inner-container .calculator-innerblocks-container .chart-results .results-container .results-boxes div p.result-el :is(span.result,span.bonds){font-size:32px}
.cost-cal-disclosure-container{background-color:#292929;padding:4% 0}
.cost-cal-disclosure-container .disclosure-area{display:flex;max-width:1250px;margin:0 auto;width:80%}
@media(max-width:1024px){.cost-cal-disclosure-container .disclosure-area{flex-direction:column;width:90%}
}
.cost-cal-disclosure-container .disclosure-area .left-section{flex-basis:20%}
.cost-cal-disclosure-container .disclosure-area .left-section p{font-weight:500;font-size:24px;color:#fff;line-height:38.4px}
.cost-cal-disclosure-container .disclosure-area .disclosure-container{flex-basis:80%}
.cost-cal-disclosure-container .disclosure-area .disclosure-container p{font-size:18px;color:#FFF;font-weight:300;line-height:28.8px}
.popupBanner{z-index:11111}
.popupBanner .modal-dialog{width:700px;margin:75px auto}
@media(max-width:1024px){.popupBanner .modal-dialog{width:auto;margin:0}
}
.popupBanner .modal-content{background:#f7f7f7;border-radius:0}
.popupBanner .modal-footer{padding:0 60px;text-align:right;display:flex;border:0;margin:25px 0;justify-content:center}
.popupBanner .modal-footer .popupButton{min-width:120px;padding:20px 25px 16px}
.popupBanner .modal-footer .popupButton:first-child{background:#63666a;color:#fff;margin-right:15px}
@media(max-width:1024px){.popupBanner .modal-footer .popupButton:first-child{margin-right:auto}
}
@media(max-width:1024px){.popupBanner .modal-footer .popupButton{display:flex;align-items:center;justify-content:center;height:80px;font-size:14px;line-height:20px;margin:15px auto 0;width:100%;max-width:320px}
}
@media(max-width:1024px){.popupBanner .modal-footer{flex-direction:column;padding:0 20px 20px;margin:0}
}
.popupBanner .modal-body{text-align:inherit;padding:0 60px}
@media(max-width:1024px){.popupBanner .modal-body{padding:0 20px}
}
.popupBanner__title{margin:24px 0 10px;font-family:"FFDINWebMedium",Helvetica,Arial,sans-serif;font-size:16px;line-height:1}
@media(max-width:1024px){.popupBanner__title{font-size:.875rem;margin-top:15px}
}
.popupBanner__description{background-color:#fff;max-height:220px;overflow-y:auto;text-align:justify;padding:0 10px;font-size:12px;border:1px solid #99999a}
.popupBanner__description p{color:#474c55;font-size:12px}
.dynamic-chart-container .chart-container{width:100%;min-height:400px;margin:0 auto;margin-top:24px;margin-bottom:10px}
.dynamic-chart-container h2.heading{font-size:24px;padding:15px 0 0}
.dynamic-chart-container .sub-heading,.dynamic-chart-container .description{font-size:18px}
.dynamic-chart-container .dynamic-chart-footer-container{display:flex;flex-direction:row;align-items:center;gap:10px}
.dynamic-chart-container .dynamic-chart-footer-container .left-section{flex:3}
.dynamic-chart-container .dynamic-chart-footer-container .left-section h3.description-heading{color:#63666a;font-size:18px;font-family:"FFDINWebBold",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal}
.dynamic-chart-container .dynamic-chart-footer-container .right-section{flex:1;justify-content:flex-end;display:flex}
.dynamic-chart-container .dynamic-chart-footer-container .right-section .cta-primary{padding:15px}